django高级应用（分页功能）
1、原生分页应用
前端html代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<ul>
{% for item in posts.object_list %}
<li>{{ item.name }}- {{ item.age }}</li>
{% endfor %}
</ul>
{% include 'include/pages.html' %}
</body>
</html> #include/pages.html {% if posts.has_previous %}
<a href="/index1.html?p={{ posts.previous_page_number }}">上一页</a>
{% else %}
<a href="#">上一页</a>
{% endif %} {% if posts.has_next %}
<a href="/index1.html?p={{ posts.next_page_number }}">下一页</a>
{% endif %}
<span>
{{ posts.number }}/{{ posts.paginator.num_pages }}
</span>
前端html代码
django后台代码
from django.shortcuts import render
from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger USER_LIST = []
for i in range(, ):
temp = {'name': 'root' + str(i), 'age': i}
USER_LIST.append(temp) def index1(request):
# 全部数据：USER_LIST，=》得出共有多少条数据
# per_page: 每页显示条目数量
# count: 数据总个数
# num_pages:总页数
# page_range:总页数的索引范围，如: (,),(,)
# page: page对象（是否具有下一页；是否有上一页；）
current_page = request.GET.get('p')
# Paginator对象
paginator = Paginator(USER_LIST, )
#paginator = CustemPaginator(current_page, , USER_LIST, )
try:
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()
except EmptyPage:
posts = paginator.page(paginator.num_pages)
return render(request, "index1.html", {"posts": posts}) django后台代码
django后台代码
缺点：功能少，例如显示页面范围等。
2、自定制添加显示页面范围的功能
{% if posts.has_previous %}
<a href="/index1.html?p={{ posts.previous_page_number }}">上一页</a>
{% else %}
<a href="#">上一页</a>
{% endif %}
{% for i in posts.paginator.page_num_range %}
{% if i == posts.number %}
<a style="font-size: 20px" href="/index1.html?p={{ i }}">{{ i }}</a>
{% else %}
<a href="/index1.html?p={{ i }}">{{ i }}</a>
{% endif %}
{% endfor %}
{% if posts.has_next %}
<a href="/index1.html?p={{ posts.next_page_number }}">下一页</a>
{% endif %}
<span>
{{ posts.number }}/{{ posts.paginator.num_pages }}
</span>
前端html代码
django后台代码
from django.shortcuts import render
from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger USER_LIST = []
for i in range(, ):
temp = {'name': 'root' + str(i), 'age': i}
USER_LIST.append(temp) class CustemPaginator(Paginator):
"""
是自定制django分页类的方法
:page_num_range 显示返回页数范围
:current_page 当前页数
:max_page_num 最大显示的页码数
"""
def __init__(self, current_page, max_pager_num, *args, **kwargs):
# 当前页
self.current_page = int(current_page)
# 最多显示的页码数量
self.max_pager_num = int(max_pager_num)
super(CustemPaginator,self).__init__(*args, **kwargs) def page_num_range(self):
# 当前页
# self.current_page
# 最多显示的页码数量
# self.per_pager_num
# 总页数
# self.num_pages # 判断如果页面总数量小于显示页面的总数量，那么返回最大的页面总数量。
if self.num_pages < self.max_pager_num:
return range(, self.num_pages + )
part = int(self.max_pager_num / ) # 判断当前页小于等于最大显示页的一半，那么返回1到最大显示页数量。
if self.current_page <= part:
return range(, self.max_pager_num + ) # 当选择页数加上显示页数的一半的时候，说明越界了，例如最大也数是15，显示页数是10，我选择11页，那么11+5等于16，大于15，那么就显示总页数15-+，+
if (self.current_page + part) > self.num_pages:
# 那么返回总页数前去当前显示页数个数+1的值，和总页数+1的值。
return range(self.num_pages - self.max_pager_num + , self.num_pages + ) # 当选择页大于当前总页数的一半的时候，返回当前选择页的前五个和后五个页数。
return range(self.current_page - part, self.current_page + part + ) def index1(request):
# 全部数据：USER_LIST，=》得出共有多少条数据
# per_page: 每页显示条目数量
# count: 数据总个数
# num_pages:总页数
# page_range:总页数的索引范围，如: (,),(,)
# page: page对象（是否具有下一页；是否有上一页；）
current_page = request.GET.get('p')
# Paginator对象
# paginator = Paginator(USER_LIST, )
paginator = CustemPaginator(current_page, , USER_LIST, )
try:
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()
except EmptyPage:
posts = paginator.page(paginator.num_pages)
return render(request, "index1.html", {"posts": posts})
django后台代码
3、自定制分页模块
# -*- coding: utf- -*-
# @Time : //
# @Author : Ocean.Pan class Pagination(object):
def __init__(self,current_page,total_page_count,per_page_item_num=,max_page_num=,page_url=None):
# 当前页
self.current_page = current_page
try:
v = int(current_page)
if v <= :
v =
self.current_page = v
except Exception as e:
self.current_page =
# 数据总个数
self.total_page_count = total_page_count
# 每一页显示的页面元素个数
self.per_page_item_num = per_page_item_num
# 最大显示页码
self.max_page_num = max_page_num
self.page_url = page_url def start_page_item(self):
'''
开始显示的页面元素，即从第几个页面链接开始显示
:return: 当前页减一乘以每个页面最多显示元素个数
'''
return (self.current_page-) * self.per_page_item_num def end_page_item(self):
'''
结束显示的页面元素，即最后一个页面元素的显示
:return: 当前页乘以每个页面显示的最大元素个数
'''
return self.current_page * self.per_page_item_num # @property 是让num_pages变成以静态属性方式访问。
@property
def num_pages(self):
'''
总页码数量
:return: 当b为零的时候代表是可整除的，a就是返回值，当不能整除时a+1返回。
'''
a,b = divmod(self.total_page_count,self.per_page_item_num)
if b == :
return a
return a+ def page_num_range(self):
'''
页码的显示范围
:return:
''' # 判断如果页面总数量小于显示页面的总数量，那么返回最大的页面总数量。
if self.num_pages < self.max_page_num:
return range(, self.max_page_num + )
part = int(self.max_page_num / ) # 判断当前页小于等于最大显示页的一半，那么返回1到最大显示页数量。
if self.current_page <= part:
return range(, self.max_page_num + ) # 当选择页数加上显示页数的一半的时候，说明越界了，例如最大也数是15，显示页数是10，我选择11页，那么11+5等于16，大于15，那么就显示总页数15-+，+
if (self.current_page + part) > self.num_pages:
# 那么返回总页数前去当前显示页数个数+1的值，和总页数+1的值。
return range(self.num_pages - self.max_page_num + , self.num_pages + ) # 当选择页大于当前总页数的一半的时候，返回当前选择页的前五个和后五个页数。
return range(self.current_page - part, self.current_page + part + ) def page_str(self):
page_list=[]
first = "<li><a href='/%s?p=1'>首页</a></li>" % (self.page_url,)
page_list.append(first) if self.current_page == :
prev = "<li><a href='#'>上一页</a></li>"
else:
prev = "<li><a href='/%s?p=%s'>上一页</a></li>" % (self.page_url,self.current_page - )
page_list.append(prev) for i in self.page_num_range():
if i == self.current_page:
temp = "<li class='active'><a href='/%s?p=%s'>%s</a></li>" %(self.page_url,i,i)
else:
temp = "<li><a href='/%s?p=%s'>%s</a></li>" % (self.page_url,i, i)
page_list.append(temp) if self.current_page == self.num_pages:
nex = "<li><a href='#'>下一页</a></li>"
else:
nex = "<li><a href='/%s?p=%s'>下一页</a></li>" % (self.page_url,self.current_page + )
page_list.append(nex) last = "<li><a href='/%s?p=%s'>尾页</a></li>" %(self.page_url,self.num_pages)
page_list.append(last) return ''.join(page_list)
分页模块后端代码
from app01.paging import Pagination USER_LIST = []
for i in range(, ):
temp = {'name': 'root' + str(i), 'age': i}
USER_LIST.append(temp) def index2(request):
current_page = request.GET.get('p')
page_obj = Pagination(current_page,,page_url="index2.html")
data_list = USER_LIST[page_obj.start_page_item():page_obj.end_page_item()]
return render(request,"index2.html",{"data":data_list,"page_obj":page_obj})
分页模块视图部分
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="/static/plugins/bootstrap/css/bootstrap.css"/>
</head>
<body>
<ul>
{% for item in data %}
<li>{{ item.name }}- {{ item.age }}</li>
{% endfor %}
</ul>
<ul class="pagination pagination-sm">
{{ page_obj.page_str|safe }}
</ul>
</body>
</html>
前端展示