【银角大王——Django课程——分页组件的封装源代码+使用说明】

本文主要是介绍【银角大王——Django课程——分页组件的封装源代码+使用说明】，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

【银角大王——Django课程——分页组件的封装源代码+使用说明】

#自定义分页组件————————自定义分页组件————————自定义分页组件
"""
此组件有一个小bug，
处理：分页的时候，保留原来的搜索条件。
http://127.0.0.1:8000/pretty/list/?q=181http://127.0.0.1:8000/pretty/list/?page=1http://127.0.0.1:8000/pretty/list/?q=181&page=3以后如果想要使用这个分页组件，要需要做如下几件事情在视图函数中需要做的事情
def pretty_list(request):#从数据库拿数据#（1）根据自己的需求情况去筛选数据queryset = models.PrettyNum.objects.filter(**data_dict).order_by("-level")queryset = models.PrettyNum.objects.all()#分页组件类实例#(2)去实例化对象page_object=Pagination(request,queryset)#（3）将数据传递到前端context = {"queryset": page_object.page_queryset, #分完页的数据"page_string":page_object.html() #生成的页码}return render(request,'pretty_list.html',context)在HTML中使用：
（1）使用for循环queryset {% for obj in queryset %}<tr><td>{{obj.id}}</td><td>{{obj.mobile}}</td><td>{{obj.price}}</td>
<!--              显示choices--><td>{{obj.get_level_display}}</td><td>{{obj.get_status_display}}</td><td>
<!--                Django框架中传递参数的正则表达式--><a class="btn btn-primary btn-xs"  href="/pretty/{{obj.id}}/edit/">编辑</a>
<!--                通过get请求传递参数跳转页面--><a class="btn btn-danger btn-xs" href="/pretty/{{obj.id}}/delete/" >删除</a></td></tr>{% endfor %}
（2）传递page_string分页组件数据到前端
<ul class="pagination" style="float:left;">{{page_string}}
</ul>"""from django.utils.safestring import mark_safeclass Pagination(object):def __init__(self,request,queryset,page_size=10,page_param="page",plus = 5):"""self,request, 请求的对象queryset, 查询符合条件的数据（根据这个数据给她进行分页处理）page_size=10, 每页显示多少条数据page_param="page", 在url中获取传递分页的参数 例如：pretty/list/?page=2plus = 5 根据当前页码，显示当前页的前5页和后五页"""##小bug修改import copy#复制一份数据query_dict=copy.deepcopy(request.GET)#设置为可修改query_dict.mutable=Trueself.query_dict=query_dictself.page_param=page_param#获取当前页page = request.GET.get(page_param, "1")#如果是十进制的数——判断字符串（比如输入一个中文，或者字母）if page.isdecimal():page=int(page)#不满足都会是显示第一页else:page=1#当前页self.page=page#页的大小封装self.page_size=page_size###起始值，和结束值self.start=(page-1)*page_sizeself.end=page*page_size#分页数据self.page_queryset=queryset[self.start:self.end]#总条数total_count=queryset.count()total_page_count, div = divmod(total_count, page_size)if div:total_page_count += 1self.total_page_count=total_page_count#显示上下五页self.plus=plusdef html(self):#plus = 5# 数据量少的时候，全部页码显示if self.total_page_count <= 2 * self.plus + 1:start_page = 1end_page = self.total_page_count# 数据量多的时候，只显示当前页面的前五，后五页else:# 当前页小于5时,开始固定，结尾为2*plus+1，显示十个页码——————————小的极值if self.page <= self.plus:start_page = 1end_page = 2 * self.plus + 1else:# 当前页大于5# 当前页+5大于total——————大的极值if (self.page + self.plus) >= self.total_page_count:# 开始值应该为总页码向前推十个页码start_page = self.total_page_count - 2 * self.plus# 结束值应该是总页码end_page = self.total_page_count# 一般情况下的页码显示else:start_page = self.page - self.plusend_page = self.page + self.plus# 页码page_str_list = []#添加参数——添加参数————添加参数#setlist（当前页，当前页值）self.query_dict.setlist(self.page_param,[1])# 首页————————————————————————# page_str_list.append('<li><a href="/pretty/list/?page={}">首页</a></li>'.format(1))page_str_list.append('<li><a href="?{}">首页</a></li>'.format(self.query_dict.urlencode()))# 处理上一页——————处理上一页————————处理上一页# 页码大于一时，才可以有上一页if self.page > 1:self.query_dict.setlist(self.page_param, [self.page - 1])# pre_page = '<li><a href="/pretty/list/?page={}">上一页</a></li>'.format(self.page - 1)pre_page = '<li><a href="?{}">上一页</a></li>'.format(self.query_dict.urlencode())# 否则上一页标签一直指向第一页即可else:self.query_dict.setlist(self.page_param, [1])# pre_page = '<li><a href="/pretty/list/?page={}">上一页</a></li>'.format(1)pre_page = '<li><a href="?{}">上一页</a></li>'.format(self.query_dict.urlencode())# 将上一页标签加到页码数组中page_str_list.append(pre_page)# 循环生成li标签，并且传值——循环生成li标签，并且传值——循环生成li标签，并且传值# range前取，后不取1#页面for i in range(start_page, end_page + 1):self.query_dict.setlist(self.page_param, [i])# for i in range(1,total_page_count+1):# ele='< li > < a href = "/pretty/list/?page=1" > 1 < / a > < / li >'# 页面等于当前页——添加一个样式li class="active"if i == self.page:ele = '<li class="active"><a href="?{}">{}</a></li>'.format(self.query_dict.urlencode(), i)# 不是当前页就不加样式else:ele = '<li><a href="?{}">{}</a></li>'.format(self.query_dict.urlencode(), i)page_str_list.append(ele)# 下一页——放在页码循环后面# 当前页码小于最后一页if self.page < self.total_page_count:self.query_dict.setlist(self.page_param, [self.page + 1])# next_page = '<li><a href="/pretty/list/?page={}">下一页</a></li>'.format(self.page + 1)next_page = '<li><a href="?{}">下一页</a></li>'.format(self.query_dict.urlencode())# 否则，下一页标签一直指向最后页即可else:self.query_dict.setlist(self.page_param, [self.total_page_count])# next_page = '<li><a href="/pretty/list/?page={}">下一页</a></li>'.format(self.total_page_count)next_page = '<li><a href="?{}">下一页</a></li>'.format(self.query_dict.urlencode())# 将上一页标签加到页码数组中page_str_list.append(next_page)# 尾页————————————————————————self.query_dict.setlist(self.page_param, [self.total_page_count])# page_str_list.append('<li><a href="/pretty/list/?page={}">尾页</a></li>'.format(self.total_page_count))page_str_list.append('<li><a href="?{}">尾页</a></li>'.format(self.query_dict.urlencode()))# 返还给前端页面的数据值# 导入包from django.utils.safestring import mark_safe# page_string="".join(page_str_list)# 将page_string包裹起来——使用mark_safe——表示是安全的# 编译成HTML# 我为啥包裹了显示不出来——显示出来了#页码跳转input框search_string = """<li><form style="float:left; margin-left:-1px" method="get" ><div class="input-group" style="width: 80px"><input style="position:relative; float:left;display:inline-block;border-radius:0; height:33px" type="text" name="page" class="form-comtrol" placeholder="页码"><span class="input-group-btn"><button style="border-radius:0" class="btn btn-default" type="submit">跳转</button></span></div></form></li>"""page_str_list.append(search_string)page_string = mark_safe("".join(page_str_list))return page_string