为什么要实现分页?
在大部分网站中分页的功能都是必要的,尤其是在后台管理中分页更是不可或缺
分页能带给用户更好的体验,也能减轻服务器的压力
对于分页来说,有许多方法都可以实现
例如把数据全部读取出来在前端用javascript实现,但这样一次请求全部数据服务器压力很大,
还有就是在后端实现,每一次请求部分数据显示
分页需求:
1. 每页显示的多少条数据
2. 页面显示多少个页码
3. 上一页和下一页
4. 首页和尾页
效果演示:
代码实现:
分页类封装:
在我的app下创建一个page.py文件,进行封装,我是先在我的app下创建了一个utils文件再创建page.py
class Pagination(object): def __init__(self, current_page_num, all_count, request, per_page_num=10, pager_count=11): """ 封装分页相关数据 :param current_page_num: 当前访问页的数字 :param all_count: 分页数据中的数据总条数 :param per_page_num: 每页显示的数据条数 :param pager_count: 最多显示的页码个数 """ try: current_page_num = int(current_page_num) except Exception as e: current_page_num = 1 if current_page_num < 1: current_page_num = 1 self.current_page_num = current_page_num self.all_count = all_count self.per_page_num = per_page_num # 实际总页码 all_pager, tmp = divmod(all_count, per_page_num) if tmp: all_pager += 1 self.all_pager = all_pager self.pager_count = pager_count self.pager_count_half = int((pager_count - 1) / 2) # 5 # 保存搜索条件 import copy self.params = copy.deepcopy(request.GET) # {"a":"1","b":"2"} # 开始 @property def start(self): return (self.current_page_num - 1) * self.per_page_num # 结束 @property def end(self): return self.current_page_num * self.per_page_num # 实现 def page_html(self): # 如果总页码 < 11个: if self.all_pager <= self.pager_count: pager_start = 1 pager_end = self.all_pager + 1 # 总页码 > 11 else: # 当前页如果<=页面上最多显示11/2个页码 if self.current_page_num <= self.pager_count_half: pager_start = 1 pager_end = self.pager_count + 1 # 当前页大于5 else: # 页码翻到最后 if (self.current_page_num + self.pager_count_half) > self.all_pager: pager_start = self.all_pager - self.pager_count + 1 pager_end = self.all_pager + 1 else: pager_start = self.current_page_num - self.pager_count_half pager_end = self.current_page_num + self.pager_count_half + 1 page_html_list = [] first_page = '<li><a href="" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >首页</a></li>' % (1,) page_html_list.append(first_page) if self.current_page_num <= 1: prev_page = '<li class="disabled"><a href="#" rel="external nofollow" rel="external nofollow" >上一页</a></li>' else: prev_page = '<li><a href="" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >上一页</a></li>' % (self.current_page_num - 1,) page_html_list.append(prev_page) # self.params=copy.deepcopy(request.GET) # {"a":"1","b":"2"} for i in range(pager_start, pager_end): self.params["page"] = i if i == self.current_page_num: temp = '<li class="active"><a href="" rel="external nofollow" rel="external nofollow" >%s</a></li>' % (self.params.urlencode(), i) else: temp = '<li><a href="" rel="external nofollow" rel="external nofollow" >%s</a></li>' % (self.params.urlencode(), i,) page_html_list.append(temp) if self.current_page_num >= self.all_pager: next_page = '<li class="disabled"><a href="#" rel="external nofollow" rel="external nofollow" >下一页</a></li>' else: next_page = '<li><a href="" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >下一页</a></li>' % (self.current_page_num + 1,) page_html_list.append(next_page) last_page = '<li><a href="" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >尾页</a></li>' % (self.all_pager,) page_html_list.append(last_page) return ''.join(page_html_list)
在视图中使用
views.py
# 首先导入包 from myapp.utils.page import Pagination from myapp.models import User def index(request): # queryset user_list = User.objects.all() # 总页数 page_count = user_list.count() # 当前页 current_page_num = request.GET.get("page") pagination = Pagination(current_page_num, page_count, request, per_page_num=1) # 处理之后的数据 user_list = user_list[pagination.start:pagination.end] content = { "user_list": user_list, "pagination": pagination, } return render(request, "user_list.html", content)
页面显示
user_list.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="external nofollow" > </head> <body> <div class="container"> <table class="table table-striped"> <thead> <tr> <th>name</th> </tr> </thead> <tbody> {% for user in user_list %} <tr> <td>{{ user.name }}</td> </tr> {% endfor %} </tbody> </table> <!-- bootstrap 样式 --> <div class="dataTables_paginate paging_simple_numbers pull-right"> <ul class="pagination"> {{ pagination.page_html|safe }} </ul> </div> </div> </body> </html>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
暂无“Django 自定义分页器的实现代码”评论...
更新动态
2024年11月25日
2024年11月25日
- 凤飞飞《我们的主题曲》飞跃制作[正版原抓WAV+CUE]
- 刘嘉亮《亮情歌2》[WAV+CUE][1G]
- 红馆40·谭咏麟《歌者恋歌浓情30年演唱会》3CD[低速原抓WAV+CUE][1.8G]
- 刘纬武《睡眠宝宝竖琴童谣 吉卜力工作室 白噪音安抚》[320K/MP3][193.25MB]
- 【轻音乐】曼托凡尼乐团《精选辑》2CD.1998[FLAC+CUE整轨]
- 邝美云《心中有爱》1989年香港DMIJP版1MTO东芝首版[WAV+CUE]
- 群星《情叹-发烧女声DSD》天籁女声发烧碟[WAV+CUE]
- 刘纬武《睡眠宝宝竖琴童谣 吉卜力工作室 白噪音安抚》[FLAC/分轨][748.03MB]
- 理想混蛋《Origin Sessions》[320K/MP3][37.47MB]
- 公馆青少年《我其实一点都不酷》[320K/MP3][78.78MB]
- 群星《情叹-发烧男声DSD》最值得珍藏的完美男声[WAV+CUE]
- 群星《国韵飘香·贵妃醉酒HQCD黑胶王》2CD[WAV]
- 卫兰《DAUGHTER》【低速原抓WAV+CUE】
- 公馆青少年《我其实一点都不酷》[FLAC/分轨][398.22MB]
- ZWEI《迟暮的花 (Explicit)》[320K/MP3][57.16MB]