前言
django内部有自己定义好的分页组件，但是可以完成的功能有限，所以需要继承分页组件，再扩展方法
paginator组件扩展
views
from django.core.paginator import Paginator,EmptyPage, PageNotAnInteger #测试数据 USER_LIST = [] for i in range(666): temp = {'name':'root'+str(i),'age':i} USER_LIST.append(temp) #扩展分页 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.ccurrent_page # #最多显示的页码数量 # self.per_pager_num # #总页数 # 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) return range(self.current_page-part,self.current_page+part+1) 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 = CustomPaginator(current_page,7,USER_LIST,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,'index1.html',{'posts':posts})
html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>分页</title> </head> <body> <ul> {% for row in posts.object_list %} <li>{{ row.name }}--{{ row.age }}</li> {% endfor %} </ul> {% include 'include/pager.html' %} </body> </html>
include/pager.html
<!--分页导航条，提取重复代码--> {% if posts.has_previous %} <a href="/index1.html?p={{ posts.previous_page_number }}">上一页</a> {% else %} <a href="#">上一页</a> {% endif %} {% for i in posts.paginator.pager_num_range %} {% if i == posts.number %} <a style="color: red;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> {% else %} <a href="#">下一页</a> {% endif %} <span> {{ posts.number }} / {{posts.paginator.num_pages }} </span>
自定义分页类+bootstrap框架
#Pagination类 class Pagination(object): #totalCount----总共的数据 #currentPage----当前页的页码 #perPageItemNum----每页显示的数据数量，默认没页10条数据 #maxPageNum----分页导航条显示的数字范围，默认显示7个范围 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: """ a,b = divmod(self.total_count,self.per_page_item_num) if b == 0: return a return a + 1 #分页显示范围 def pager_num_range(self): if self.num_pages < self.max_page_num: return range(1,self.num_pages+1) 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
from app01.pager import Pagination USER_LIST = [] for i in range(666): temp = {'name':'chen'+str(i),'age':i} USER_LIST.append(temp) def index2(request): current_page = request.GET.get('p') page_obj = Pagination(666,current_page) data_list = USER_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>自定义分页类+bootstrap</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> </body> </html>