一,最简单的分页
views
from django.shortcuts import render
L_list =[]
for i in range(1,999):
temp = {'name':'root'+str(i),'age':i}
L_list.append(temp)
def index(request):
per_page_count=10
current_page=request.GET.get('p')
current_page = int(current_page)
start = (current_page-1)*per_page_count
end=current_page*per_page_count
data=L_list[start:end]
if current_page<=1:
prev_pager = 1
next_pager = 2
elif current_page>=100:
next_pager =100
prev_pager =99
else:
prev_pager = current_page -1
next_pager = current_page +1
return render(request,'index.html',{'user_list':data,'prev_pager':prev_pager,'next_pager':next_pager})
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<ul>
{% for row in user_list %}
<li>{{ row }}</li>
{% endfor %}
</ul>
<a href="/index?p={{ prev_pager }}">上一页</a>
<a href="/index?p={{ next_pager }}">下一页</a>
</body>
</html>
二、内置分页
views
from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger
def index1(request):
# 全部数据:USER_LIST,=》得出共有多少条数据
# per_page: 每页显示条目数量
# count: 数据总个数
# num_pages:总页数
# page_range:总页数的索引范围,如: (1,10),(1,200)
# page: page对象(是否具有下一页;是否有上一页;)
current_page = request.GET.get('p')
paginator = Paginator(L_list,10) # Paginator对象
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,'index1.html',{'posts':posts})
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<ul>
{% for row in posts.object_list %}
<li>{{ row }}</li>
{% endfor %}
</ul>
{% include 'include/pager.html'%}
</body>
</html>
{% if posts.has_previous %}
<a href="/index1?p={{ posts.previous_page_number }}">上一页</a>
{% endif %}
{% if posts.has_next %}
<a href="/index1?p={{ posts.next_page_number }}">下一页</a>
{% endif %}
<span>
{{ posts.number }}/{{ posts.paginator.num_pages }}
</span>
内置分页扩展:基于以上代码改进
views
class CustomPaginator(Paginator):
def __init__(self,current_page,per_pager_num,*args,**kwargs):
self.current_page = int(current_page) #当前页
self.per_pager_num = int(per_pager_num) #最大页码数
super(CustomPaginator,self).__init__(*args,**kwargs)
def pager_num_range(self):
#self.num_pages 总页数
if self.num_pages < self.per_pager_num:
return range(1,self.num_pages+1)
part = int(self.per_pager_num/2)
if self.current_page <= part:
return range(1,self.per_pager_num+1)
if (self.current_page + part) > self.num_pages:
return range(self.num_pages-self.per_pager_num+1,self.num_pages+1)
# if self.current_page > (self.num_pages//self.per_pager_num*self.per_pager_num):
# return range(self.num_pages//self.per_pager_num*self.per_pager_num+1,self.num_pages+1)
return range(self.current_page-part,self.current_page+part+1)
def index1(request):
current_page = request.GET.get('p')
paginator = CustomPaginator(current_page,7,L_list,10)
try:
posts = paginator.page(current_page)
except PageNotAnInteger:
posts= paginator.page(1)
except EmptyPage:
posts = paginator.page(paginator.num_pages)
return render(request,'index1.html',{'posts':posts})
html
{% if posts.has_previous %}
<a href="/index1?p={{ posts.previous_page_number }}">上一页</a>
{% endif %}
{% for i in posts.paginator.pager_num_range %}
{% if i == posts.number %}
<a style="font-size: 30px;" href="/index1?p={{ i }}">{{ i }}</a>
{% else %}
<a href="/index1?p={{ i }}">{{ i }}</a>
{% endif %}
{% endfor %}
{% if posts.has_next %}
<a href="/index1?p={{ posts.next_page_number }}">下一页</a>
{% endif %}
<span>
{{ posts.number }}/{{ posts.paginator.num_pages }}
</span>
三、自定制分页
pager.py
#! /usr/bin/env python
# -*- coding: utf-8 -*-
class Pagination(object):
def __init__(self,totalCount,currentPage,perPageItemNum=10,maxPageNum=7):
# 数据总个数
self.total_count = totalCount
# 当前页
try:
v = int(currentPage)
if v <= 0:
v = 1
self.current_page = v
except Exception as e:
self.current_page = 1
# 每页显示的行数
self.per_page_item_num = perPageItemNum
# 最多显示页面
self.max_page_num = maxPageNum
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 pager_num_range(self):
# self.num_pages()
# self.num_pages
# 当前页
#self.current_page
# 最多显示的页码数量 11
#self.per_pager_num
# 总页数
# self.num_pages
if self.num_pages < self.max_page_num:
return range(1,self.num_pages+1)
# 总页数特别多 5
part = int(self.max_page_num/2)
if self.current_page <= part:
return range(1,self.max_page_num+1)
if (self.current_page + part) > self.num_pages:
return range(self.num_pages-self.max_page_num+1,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='/index2.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='/index2.html?p=%s'>上一页</a></li>" %(self.current_page-1,)
page_list.append(prev)
for i in self.pager_num_range():
if i == self.current_page:
temp = "<li class='active'><a href='/index2.html?p=%s'>%s</a></li>" %(i,i)
else:
temp = "<li><a href='/index2.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='/index2.html?p=%s'>下一页</a></li>" % (self.current_page + 1,)
page_list.append(nex)
last = "<li><a href='/index2.html?p=%s'>尾页</a></li>" %(self.num_pages,)
page_list.append(last)
return ''.join(page_list)
views
def index2(request):
from app01.pager import Pagination
current_page = request.GET.get('p')
page_obj = Pagination(666,current_page)
data_list = L_list[page_obj.start():page_obj.end()]
return render(request,'index2.html',{'data':data_list,'page_obj':page_obj})
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="/static/bootstrap-3.3.7-dist/css/bootstrap.css" />
</head>
<body>
<ul>
{% for row in data %}
<li>{{ row.name }}-{{ row.age }}</li>
{% endfor %}
</ul>
{% for i in page_obj.pager_num_range %}
<a href="/index2.html?p={{ i }}">{{ i }}</a>
{% endfor %}
<hr/>
<ul class="pagination pagination-sm">
{{ page_obj.page_str|safe }}
</ul>
<div style="height: 300px;"></div>
</body>
</html>