Django-10-分页组件
1. Django内置分页
from django.shortcuts import render
from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger L = []
for i in range(1, 999):
L.append(i) # Create your views here.
def index(request):
current_page = request.GET.get('p')
# paginator对象
paginator = Paginator(L, 10) # 10表示每页显示10条
# per_page: 每页显示条目数量
# count: 数据总个数
# num_pages:总页数
# page_range:总页数的索引范围，如: (1,10),(1,200)
# page: page对象
try:
# page对象
posts = paginator.page(current_page)
# has_next 是否有下一页
# next_page_number 下一页页码
# has_previous 是否有上一页
# previous_page_number 上一页页码
# object_list 分页之后的数据列表
# number 当前页
# paginator paginator对象
except PageNotAnInteger:
posts = paginator.page(1)
except EmptyPage:
posts = paginator.page(paginator.num_pages)
return render(request, 'index.html', locals())
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<ul>
{% for item in posts.object_list %}
<li>{{ item }}</li>
{% endfor %}
</ul>
{% if posts.has_previous %}
<a href="/index.html?p={{ posts.previous_page_number }}">上一页</a>
{% else %}
<a href="#">上一页</a>
{% endif %}
{% if posts.has_next %}
<a href="/index.html?p={{ posts.next_page_number }}">下一页</a>
{% else %}
<a href="#">下一页</a>
{% endif %}
<span>{{ posts.number }}/{{ posts.paginator.num_pages }}</span>
</body>
</html>
2. Django内置分页扩展
class CustomPaginator(Paginator):
def __init__(self, current_page=1, max_page_num=7, *args, **kwargs):
super(CustomPaginator, self).__init__(*args, **kwargs)
self.current_page = int(current_page)
self.max_page_num = max_page_num def page_num_range(self):
# 总页数过少
if self.num_pages < self.max_page_num:
return range(1, self.num_pages + 1)
part = self.max_page_num // 2
if self.current_page - part < 1:
return range(1, self.max_page_num + 1)
if self.current_page + part > self.num_pages:
return range(self.num_pages + 1 - self.max_page_num, self.num_pages + 1)
return range(self.current_page - part, self.current_page + part + 1) def index2(request):
current_page = request.GET.get('p')
try:
# paginator对象
paginator = CustomPaginator(current_page, 11, L, 10) # 10表示每页显示10条
# per_page: 每页显示条目数量
# count: 数据总个数
# num_pages:总页数
# page_range:总页数的索引范围，如: (1,10),(1,200)
# page: page对象
except Exception:
paginator = CustomPaginator(1, 11, L, 10)
try:
# page对象
posts = paginator.page(current_page)
# has_next 是否有下一页
# next_page_number 下一页页码
# has_previous 是否有上一页
# previous_page_number 上一页页码
# object_list 分页之后的数据列表
# number 当前页
# paginator paginator对象
except PageNotAnInteger:
posts = paginator.page(1)
except EmptyPage:
posts = paginator.page(paginator.num_pages)
return render(request, 'index2.html', {'posts': posts})
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<ul>
{% for item in posts.object_list %}
<li>{{ item }}</li>
{% endfor %}
</ul>
{% if posts.has_previous %}
<a href="/index2.html?p={{ posts.previous_page_number }}">上一页</a>
{% else %}
<a href="#">上一页</a>
{% endif %}
{% for i in posts.paginator.page_num_range %}
<a href="/index2.html?p={{ i }}">{{ i }}</a>
{% endfor %}
{% if posts.has_next %}
<a href="/index2.html?p={{ posts.next_page_number }}">下一页</a>
{% else %}
<a href="#">下一页</a>
{% endif %}
<span>{{ posts.number }}/{{ posts.paginator.num_pages }}</span>
</body>
</html>
3. 自定义分页
class Paginator(object):
def __init__(self, total_count, current_page, per_page_item_num=10, max_page_num=7):
# 数据总个数
self.total_count = total_count
# 当前页
try:
v = int(current_page)
if v <= 0:
v = 1
self.current_page = v
except Exception:
self.current_page = 1
# 每页显示的行数
self.per_page_item_num = per_page_item_num
# 最多显示页面
self.max_page_num = max_page_num def start(self):
return (self.current_page - 1) * self.per_page_item_num def end(self):
return self.current_page * self.per_page_item_num @property
def num_pages(self):
"""
总页数
:return:
"""
# 666
# 10
a, b = divmod(self.total_count, self.per_page_item_num)
if b == 0:
return a
return a + 1 def page_num_range(self):
if self.num_pages < self.max_page_num:
return range(1, self.num_pages + 1)
part = self.max_page_num // 2
if self.current_page - part < 1:
return range(1, self.max_page_num + 1)
if self.current_page + part > self.num_pages:
return range(self.num_pages + 1 - self.max_page_num, self.num_pages + 1)
return range(self.current_page - part, self.current_page + part + 1) def page_str(self):
page_list = [] first = "<li><a href='/index3.html?p=1'>首页</a></li>"
page_list.append(first) if self.current_page == 1:
prev = "<li><a href='#'>上一页</a></li>"
else:
prev = "<li><a href='/index3.html?p=%s'>上一页</a></li>" % (self.current_page - 1,)
page_list.append(prev)
for i in self.page_num_range():
if i == self.current_page:
temp = "<li class='active'><a href='/index3.html?p=%s'>%s</a></li>" % (i, i)
else:
temp = "<li><a href='/index3.html?p=%s'>%s</a></li>" % (i, i)
page_list.append(temp) if self.current_page == self.num_pages:
nex = "<li><a href='#'>下一页</a></li>"
else:
nex = "<li><a href='/index3.html?p=%s'>下一页</a></li>" % (self.current_page + 1,)
page_list.append(nex) last = "<li><a href='/index3.html?p=%s'>尾页</a></li>" % (self.num_pages,)
page_list.append(last) return ''.join(page_list)
def index3(request):
from app01.pager import Paginator
current_page = request.GET.get('p')
page_obj = Paginator(666, current_page)
data = L[page_obj.start():page_obj.end()]
return render(request, 'index3.html', locals())
<!DOCTYPE html>
{% load staticfiles %}
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="{% static 'plugin/bootstrap/css/bootstrap.css' %}">
</head>
<body>
<ul>
{% for row in data %}
<li>{{ row }}</li>
{% endfor %}
</ul> <ul class="pagination pagination-sm">
{{ page_obj.page_str|safe }}
</ul>
<div style="height: 300px;"></div>
</body>
</html>
Django-10-分页组件的更多相关文章
- Django----列表分页（使用Django的分页组件）
目的:是为了实现列表分页 1.定制URL http://127.0.0.1:8000/blog/get_article?page=3之前定制URL是在url后增加了/id,这次使用参数的方式 def ...
- python框架之Django(10)-Form组件
介绍 我们之前在HTML页面中利用form表单向后端提交数据时,都会写一些获取用户输入的标签并且用form标签把它们包起来.与此同时我们在好多场景下都需要对用户的输入做校验,比如校验用户是否输入,输入 ...
- Django之路——10 django的分页组件
Django的分页器(paginator) view from django.shortcuts import render,HttpResponse # Create your views here ...
- django 分页组件
一.仿django分页功能自己实现 urls.py 1 2 3 4 5 6 7 8 9 from django.conf.urls import url from django.contrib i ...
- 10 star组件之分页， search模糊查询， action批量处理
1.分页组件高阶 1.分页的class形式(有bug,请看下面的) """ 自定义分页组件 """ class Pagination(obj ...
- Django框架（十四）—— Django分页组件
目录 Django分页组件 一.分页器 二.分页器的使用 三.案例 1.模板层 2.视图层 Django分页组件 一.分页器 数据量大的话,可以分页获取,查看 例如:图书管理中,如果有成千上万本书,要 ...
- 比Django官方实现更好的分页组件+Bootstrap整合
前言 Django全家桶自带的分页组件只能说能满足分页这个功能,但是没那么好用就是了 Django的分页效果 django-pure-pagination分页效果 使用方法 首先安装: pip ins ...
- Django 分页组件替换自定义分页
Django的分页器(paginator) 总之不太好用我们还是用自己的好一些 自定义分页器 分页实现源码 """ 自定义分页组件 """ ...
- Django的rest_framework的分页组件源码分析
前言: 分页大家应该都很清楚,今天我来给大家做一下Django的rest_framework的分页组件的分析:我的讲解的思路是这样的,分别使用APIview的视图类和基于ModelViewSet的视图 ...
- Django框架---- 自定义分页组件
分页的实现与使用 class Pagination(object): """ 自定义分页 """ def __init__(self,cur ...
随机推荐
- go中的字符串数值转化
#string到int int,err := strconv.Atoi(string) #string到int64 int64, err := strconv.ParseInt(string, 10, ...
- 52: Luogu 4777 excrt
模板题 #include <bits/stdc++.h> using namespace std; ; #define LL long long int n; LL a[N], m[N]; ...
- 复旦高等代数I（19级）每周一题
本学期的高等代数每周一题活动计划从第2教学周开始,到第15教学周结束,每周的周末公布一道思考题(共14道,思考题一般与下周授课内容密切相关),供大家思考和解答.每周一题将通过“高等代数官方博客”(以博 ...
- uni-app下拉刷新加载刷新数据
onPullDownRefresh监听该页面用户下拉刷新事件需要在 pages.json 里开启 enablePullDownRefresh "globalStyle": { } ...
- Windows 10下Xilinx ISE需要注意的事项。
一是安装.可以在Windows 10下安装Xilinx ISE 14.7. 详见:https://www.eevblog.com/forum/xilinx/guide-getting-xilinx-i ...
- SIT系统整合测试
System Integrate Test的缩写,即系统整合测试 系统整合测试就是评估产品在其规格范围内的环境下工作,能否完成产品设计规格所需要的功能及与周边设备.应用软件的兼容性.大致可以 ...
- HGNC数据库 HUGO基因命名委员会
http://www.genenames.org/ HGNC 全称为HUGO Gene Nomenclature Committee, 叫做 HUGO基因命名委员会,负责对人类基因组上包括蛋白编码基因 ...
- Android Studio 之 LiveData 的配合使用，底层数据变化，自动通知界面
Android Studio 之 LiveData 的配合使用,底层数据变化,自动通知界面 viewModelWithLikeData.getLikeNumber().observe(this, ne ...
- 二叉树 排序二叉树-可以通过中序遍历得到排序的数据 二叉排序树时间复杂度O(logn)，
二叉树是一种非常重要的数据结构,它同时具有数组和链表各自的特点:它可以像数组一样快速查找,也可以像链表一样快速添加.但是他也有自己的缺点:删除操作复杂. 虽然二叉排序树的最坏效率是O(n),但它支持动 ...
- 前端知识点回顾之重点篇——CSS中flex布局
flex布局 来源: http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool 采用 Flex 布局的元素 ...