Django 自定义分页器的实现代码
作者:Nolinked 时间:2023-06-20 15:21:03
为什么要实现分页?
在大部分网站中分页的功能都是必要的,尤其是在后台管理中分页更是不可或缺
分页能带给用户更好的体验,也能减轻服务器的压力
对于分页来说,有许多方法都可以实现
例如把数据全部读取出来在前端用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="?page=%s" 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="?page=%s" 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="?%s" rel="external nofollow" rel="external nofollow" >%s</a></li>' % (self.params.urlencode(), i)
else:
temp = '<li><a href="?%s" 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="?page=%s" 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="?page=%s" 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>
来源:https://www.cnblogs.com/pungchur/p/11913277.html
标签:Django,分页
0
投稿
猜你喜欢
django的分页器Paginator 从django中导入类
2022-02-07 04:24:29
Python使用Flask框架同时上传多个文件的方法
2023-02-02 10:16:49
vue关于eslint空格缩进等的报错问题及解决
2024-05-10 14:09:26
一个比较实用的大数据量分页存储过程
2024-01-13 16:11:29
ASP自动清除ACCESS数据库的日文字符
2007-11-28 17:40:00
5行Python代码实现电脑永不息屏
2023-04-04 01:26:37
在Python中合并字典模块ChainMap的隐藏坑【推荐】
2022-11-16 09:48:18
Vue便签的简单实现
2024-05-02 17:03:31
XML简易教程之三
2008-09-05 17:19:00
宽屏不是用来阅读的
2009-04-05 15:59:00
PHP cookie,session的使用与用户自动登录功能实现方法分析
2023-11-21 15:00:43
python快排算法详解
2023-08-24 04:17:08
python实现0到1之间的随机数方式
2023-08-06 17:14:50
python 对任意数据和曲线进行拟合并求出函数表达式的三种解决方案
2021-10-02 12:40:16
微型设计专用工具Dorado
2011-01-06 12:23:00
PHP闭包定义与使用简单示例
2023-11-23 03:12:15
Node+OCR实现图像文字识别功能
2024-04-22 13:01:41
python按行读取文件,去掉每行的换行符\\n的实例
2022-06-01 03:49:43
解决Vue axios post请求,后台获取不到数据的问题方法
2024-05-09 09:38:38
关于Python网络爬虫框架scrapy
2023-03-17 17:02:50