本文对django分页再封装
页码数量
默认采用百度的分页模式，只显示10页，可自定义
1.总页数少于10页，页面上显示所有页码
2.如果当前页是前6页，显示1-10页
3.如果当前页是后5页，显示后10页
4.其他情况，中间部分，显示当前页的前5页，当前页，当前页的后4页
封装分页
自行放到一个包下
参数见注释，
必传
queryset, page, base_url, query_params,
可选
page_size=20, page_count=1
from django.core.paginator import Paginator from django.utils.safestring import mark_safe def pagination(queryset, page, base_url, query_params, page_size=20, page_count=10): """ 分页组件 :param queryset: 要分页的查询集 :param page: 第几页 :param base_url: 基础URL:/goods/ :param query_params: QueryDict对象，内部含所有当前URL的原条件?a=1&b=2&a=3 :param page_size: 每页显示数据条数，默认每页20条 :param page_count: 共显示多少个页码按钮，默认10页 :return: 该页的查询集, 页码的html: li """ # 对数据进行分页 paginator = Paginator(queryset, page_size) # 获取第page页的内容 try: page = int(page) except Exception as e: page = 1 if page > paginator.num_pages: page = 1 # 获取第page页的Page对象 content_page = paginator.page(page) # todo: 进行页码控制，页面上最多显示n个页码,以5为例 # 1.总页数少于5页，页面上显示所有页码 # 2.如果当前页是前3页，显示1-5页 # 3.如果当前页是后3页，显示后5页 # 4.其他情况，中间部分，显示当前页的前2页，当前页，当前页的后2页 num_pages = paginator.num_pages # 总页数 if num_pages < page_count: pages = range(1, num_pages + 1) elif page <= (page_count//2)+1: pages = range(1, page_count+1) elif num_pages - page < page_count//2: pages = range(num_pages-page_count+1, num_pages + 1) else: pages = range(page-(page_count//2), page+((page_count//2))) page_list = [] query_params._mutable = True # 上一页 if content_page.has_previous(): query_params[‘page‘] = content_page.previous_page_number() prev = ‘<li><a href="%s?%s">上一页</a></li>‘ % (base_url, query_params.urlencode()) # 可选去首页 else: prev = ‘<li class="disabled"><a href="javascript:;">上一页</a></li>‘ page_list.append(prev) # 页码列表 for pindex in pages: if pindex == content_page.number: tpl = ‘<li class="active"><a href="javascript:;">%s</a></li>‘ % pindex else: query_params[‘page‘]= pindex tpl = ‘<li><a href="%s?%s">%s</a></li>‘ % (base_url, query_params.urlencode(), pindex) page_list.append(tpl) # 下一页 if content_page.has_next(): query_params[‘page‘] = content_page.next_page_number() next = ‘<li><a href="%s?%s">下一页</a></li>‘ % (base_url, query_params.urlencode(),) # 可选去尾页 else: next = ‘<li class="disabled"><a href="javascript:;">下一页</a></li>‘ page_list.append(next) # 可选 共100条数据，页码1/10页 if content_page.count: tpl = "<li class=‘disabled‘><a>共%s条数据，页码%s/%s页</a></li>" % ( queryset.count(), page, num_pages) page_list.append(tpl) return content_page, mark_safe("".join(page_list))
视图使用
request.path_info：当前的url路径
request.GET:当前的url其他参数，
def index(request): queryset = Goods.objects.all() content_page, page_html = pagination(queryset, page=request.GET.get(‘page‘), base_url=request.path_info, query_params=request.GET, page_size=10) return render(request, ‘index.html‘, {‘content_page‘: content_page, ‘page_html ‘: page_html })
前端使用
极度简单
只要循环分页内容，和使用页码html即可
前端以bootstrap为便，只需要把page_html包在<ul class="pagination">内即可
{% for item in content_page %} <div>{{item}}</div> {% endfor %} <ul class="pagination"> {{ page_html }} </ul>