欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 汽车 > 维修 > django项目中通用的分页组件

django项目中通用的分页组件

2024/11/30 12:37:03 来源:https://blog.csdn.net/m0_66925868/article/details/141059201  浏览:    关键词:django项目中通用的分页组件

文章目录

  • 分页组件
    • pager组件代码

分页组件

应用分页组件,需要以下两个步骤:

  1. 视图函数中:(先获取queryset,将request和queryset传入分页组件对象中,得到生成的html标签)

    def customer_list(request):# 所有数据queryset = models.Customer.objects.filter(active=1).select_related('level')pager = Pagination(request, queryset)context = {"queryset": queryset[pager.start:pager.end],"pager_string": obj.html()}return render(request, 'customer_list.html', context)
    
  2. 在页面上:(直接引用即可)

    {% for row in pager.queryset %}{{row.id}}{{row.id}}{{row.id}}......
    {% endfor %}<ul class="pagination">{{ pager.html }}
    </ul>
    

pager组件代码

import copy
from django.utils.safestring import mark_safeclass Pagination(object):""" 分页 """def __init__(self, request, query_set, per_page_count=10):""":param request: 需要用request对象中的GET中的数据进行校验和处理:param query_set: 查询数据库得到的查询集:param per_page_count: 每页显示几条数据"""# 防止分页操作对后续的使用request.GET有影响self.query_dict = copy.deepcopy(request.GET)# 将self.query_dict._mutable设置为True:表示query_dict可修改,默认为Falseself.query_dict._mutable = True# 拿到总数据据数self.query_set = query_settotal_count = query_set.count()self.total_count = total_count# 计算出总共有多少页面self.total_page, div = divmod(total_count, per_page_count)if div:self.total_page += 1# 对url中的请求参数进行校验处理,决定显示那一页page = request.GET.get('page')if not page:page = 1else:if not page.isdecimal():page = 1else:page = int(page)if page <= 0:page = 1else:if page > self.total_page:page = self.total_pageself.page = page# 每页数据条数self.per_page_count = per_page_count# 页面第一条数据self.start = (page - 1) * per_page_count# 页面最后一条数据self.end = page * per_page_countdef html(self):""":return: 生成的当前页面的分页栏html"""pager_list = []if not self.total_page:return ""# 求出生成的分页栏html显示的页面范围if self.total_page <= 11:# 总页码小于11start_page = 1end_page = self.total_pageelse:# 总页码比较多# 判断当前页 <=6: 1~11if self.page <= 6:start_page = 1end_page = 11else:if (self.page + 5) > self.total_page:# 显示最后10页start_page = self.total_page - 10end_page = self.total_pageelse:# 显示前后5页start_page = self.page - 5end_page = self.page + 5# 添加url中的参数,而不是替换:?&age=19&name=123&page=1# 首页self.query_dict.setlist('page', [1])pager_list.append('<li><a href="?{}">首页</a></li>'.format(self.query_dict.urlencode()))# 上一页if self.page > 1:self.query_dict.setlist('page', [self.page - 1])pager_list.append('<li><a href="?{}">上一页</a></li>'.format(self.query_dict.urlencode()))# 当前页+前后5页for i in range(start_page, end_page + 1):self.query_dict.setlist('page', [i])if i == self.page:item = '<li class="active"><a href="?{}">{}</a></li>'.format(self.query_dict.urlencode(), i)else:item = '<li><a href="?{}">{}</a></li>'.format(self.query_dict.urlencode(), i)pager_list.append(item)# 下一页if self.page < self.total_page:self.query_dict.setlist('page', [self.page + 1])pager_list.append('<li><a href="?{}">下一页</a></li>'.format(self.query_dict.urlencode()))# 尾页self.query_dict.setlist('page', [self.total_page])pager_list.append('<li><a href="?{}">尾页</a></li>'.format(self.query_dict.urlencode()))pager_list.append('<li class="disabled"><a>数据{}条{}页</a></li>'.format(self.total_count, self.total_page))pager_string = mark_safe("".join(pager_list))return pager_stringdef queryset(self):""":return: 生成的当前页面的展示数据"""if self.total_count:return self.query_set[self.start:self.end]return self.query_set

可能用到django框架中QueryDict知识点,可以看看Django框架中的:QueryDict(处理url参数)

若有错误与不足请指出,关注DPT一起进步吧!!!

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com