"""
自定义的分页组件,以后如果想要使用这个分页组件,你需要做如下几件事:
在视图函数中:
def pretty_list(request):
# 1.根据自己的情况去筛选自己的数据
queryset = models.PrettyNum.objects.all()
# 2.实例化分页对象
page_object = Pagination(request, queryset)
context = {
"queryset": page_object.page_queryset, # 分完页的数据
"page_string": page_object.html() # 生成页码
}
return render(request, 'pretty_list.html', context)
在HTML页面中
{% for obj in queryset %}
{{obj.xx}}
{% endfor %}
<ul class="pagination">
{{ page_string }}
</ul>
"""
from django.utils.safestring import mark_safe
class Pagination(object):
def __init__(self, request, queryset, page_size=10, page_param="page", plus=5):
"""
:param request: 请求的对象
:param queryset: 符合条件的数据(根据这个数据给他进行分页处理)
:param page_size: 每页显示多少条数据
:param page_param: 在URL中传递的获取分页的参数,例如:/etty/list/?page=12
:param plus: 显示当前页的 前或后几页(页码)
"""
from django.http.request import QueryDict
import copy
query_dict = copy.deepcopy(request.GET)
query_dict._mutable = True
self.query_dict = query_dict
self.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_size
self.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 += 1
self.total_page_count = total_page_count
self.plus = plus
def html(self):
# 计算出,显示当前页的前5页、后5页
if self.total_page_count <= 2 * self.plus + 1:
# 数据库中的数据比较少,都没有达到11页。
start_page = 1
end_page = self.total_page_count
else:
# 数据库中的数据比较多 > 11页。
# 当前页<5时(小极值)
if self.page <= self.plus:
start_page = 1
end_page = 2 * self.plus + 1
else:
# 当前页 > 5
# 当前页+5 > 总页面
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.plus
end_page = self.page + self.plus
# 页码
page_str_list = []
self.query_dict.setlist(self.page_param, [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])
prev = '<li><a href="?{}">上一页</a></li>'.format(self.query_dict.urlencode())
else:
self.query_dict.setlist(self.page_param, [1])
prev = '<li><a href="?{}">上一页</a></li>'.format(self.query_dict.urlencode())
page_str_list.append(prev)
# 页面
for i in range(start_page, end_page + 1):
self.query_dict.setlist(self.page_param, [i])
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])
prev = '<li><a href="?{}">下一页</a></li>'.format(self.query_dict.urlencode())
else:
self.query_dict.setlist(self.page_param, [self.total_page_count])
prev = '<li><a href="?{}">下一页</a></li>'.format(self.query_dict.urlencode())
page_str_list.append(prev)
# 尾页
self.query_dict.setlist(self.page_param, [self.total_page_count])
page_str_list.append('<li><a href="?{}">尾页</a></li>'.format(self.query_dict.urlencode()))
search_string = """
<li>
<form style="float: left;margin-left: -1px" method="get">
<input name="page"
style="position: relative;float:left;display: inline-block;width: 80px;border-radius: 0;"
type="text" class="form-control" placeholder="页码">
<button style="border-radius: 0" class="btn btn-default" type="submit">跳转</button>
</form>
</li>
"""
page_str_list.append(search_string)
page_string = mark_safe("".join(page_str_list))
return page_string
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【资源说明】 基于Django和MySQL开发的员工薪资管理系统源码+详细注释(课程设计).zip基于Django和MySQL开发的员工薪资管理系统源码+详细注释(课程设计).zip基于Django和MySQL开发的员工薪资管理系统源码+详细注释(课程设计).zip基于Django和MySQL开发的员工薪资管理系统源码+详细注释(课程设计).zip基于Django和MySQL开发的员工薪资管理系统源码+详细注释(课程设计).zip基于Django和MySQL开发的员工薪资管理系统源码+详细注释(课程设计).zip 基于Django和MySQL开发的员工薪资管理系统源码+详细注释(课程设计).zip 基于Django和MySQL开发的员工薪资管理系统源码+详细注释(课程设计).zip 【备注】 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用!有问题请及时沟通交流。 2、适用人群:计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途:项目具有较高的学习借鉴价值,不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行,或热爱钻研,亦可在此项目代码基础上进行修改添加,实现其他不同功能。 欢迎下载,沟通交流,互相学习,共同进步!
资源推荐
资源详情
资源评论
收起资源包目录
基于Django和MySQL开发的员工薪资管理系统源码+详细注释(课程设计).zip (211个子文件)
bootstrap.css 143KB
bootstrap.min.css 119KB
bootstrap-theme.css 25KB
bootstrap-datepicker3.standalone.css 23KB
bootstrap-theme.min.css 23KB
bootstrap-datepicker3.css 22KB
bootstrap-datepicker3.standalone.min.css 21KB
bootstrap-datepicker3.min.css 21KB
bootstrap-datepicker.standalone.css 18KB
bootstrap-datepicker.css 17KB
bootstrap-datepicker.standalone.min.css 16KB
bootstrap-datepicker.min.css 15KB
glyphicons-halflings-regular.eot 20KB
.gitignore 176B
salary_list.html 7KB
task_list.html 6KB
salary_chart.html 4KB
user_add.html 3KB
add_salaryTest.html 3KB
pretty_list.html 2KB
user_list.html 2KB
admin_list.html 2KB
layout.html 2KB
pretty_add(pass).html 2KB
login.html 2KB
user_model_form_add.html 2KB
depart_list.html 1KB
pretty_edit.html 869B
user_edit.html 869B
pretty_add.html 869B
change.html 868B
salary_edit.html 865B
depart_edit.html 762B
depart_add.html 735B
error.html 172B
employeeManager.iml 1KB
echarts.js 3.15MB
jquery-3.6.0.min.js 87KB
bootstrap.js 74KB
bootstrap-datepicker.js 57KB
bootstrap.min.js 39KB
bootstrap-datepicker.min.js 33KB
bootstrap-datepicker.bn.min.js 1KB
bootstrap-datepicker.kh.min.js 1KB
bootstrap-datepicker.si.min.js 988B
bootstrap-datepicker.ka.min.js 970B
bootstrap-datepicker.km.min.js 945B
bootstrap-datepicker.hi.min.js 944B
bootstrap-datepicker.ta.min.js 934B
bootstrap-datepicker.th.min.js 833B
bootstrap-datepicker.rs.min.js 817B
bootstrap-datepicker.el.min.js 764B
bootstrap-datepicker.hy.min.js 757B
bootstrap-datepicker.ru.min.js 731B
bootstrap-datepicker.uk.min.js 722B
bootstrap-datepicker.ar.min.js 714B
bootstrap-datepicker.ar-tn.min.js 704B
bootstrap-datepicker.uz-cyrl.min.js 703B
bootstrap-datepicker.tg.min.js 700B
bootstrap-datepicker.fa.min.js 670B
bootstrap-datepicker.rs-latin.min.js 662B
bootstrap-datepicker.mk.min.js 657B
bootstrap-datepicker.sr.min.js 651B
bootstrap-datepicker.kk.min.js 649B
bootstrap-datepicker.mn.min.js 638B
bootstrap-datepicker-en-CA.min.js 636B
bootstrap-datepicker.bg.min.js 615B
bootstrap-datepicker.zh-CN.min.js 613B
bootstrap-datepicker.kr.min.js 575B
bootstrap-datepicker.zh-TW.min.js 566B
bootstrap-datepicker.lt.min.js 565B
bootstrap-datepicker.he.min.js 563B
bootstrap-datepicker.bm.min.js 562B
bootstrap-datepicker.pl.min.js 552B
bootstrap-datepicker.vi.min.js 551B
bootstrap-datepicker.hu.min.js 541B
bootstrap-datepicker.et.min.js 537B
bootstrap-datepicker.cs.min.js 536B
bootstrap-datepicker.fr.min.js 536B
bootstrap-datepicker.ko.min.js 532B
bootstrap-datepicker.az.min.js 531B
bootstrap-datepicker.tk.min.js 530B
bootstrap-datepicker.fi.min.js 528B
bootstrap-datepicker.eu.min.js 528B
bootstrap-datepicker.lv.min.js 526B
bootstrap-datepicker.it.min.js 525B
bootstrap-datepicker.nl-BE.min.js 522B
bootstrap-datepicker.sq.min.js 518B
bootstrap-datepicker.en-GB.min.js 518B
bootstrap-datepicker.en-CA.min.js 518B
bootstrap-datepicker.en-IE.min.js 518B
bootstrap-datepicker.en-AU.min.js 517B
bootstrap-datepicker.de.min.js 517B
bootstrap-datepicker.en-NZ.min.js 517B
bootstrap-datepicker.en-ZA.min.js 517B
bootstrap-datepicker.uz-latn.min.js 516B
bootstrap-datepicker.oc.min.js 515B
bootstrap-datepicker.no.min.js 515B
bootstrap-datepicker.eo.min.js 515B
bootstrap-datepicker.da.min.js 514B
共 211 条
- 1
- 2
- 3
资源评论
onnx
- 粉丝: 1w+
- 资源: 5626
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 遗传算法带时间窗车辆路径规划问题VRPTW 内容:MATLAB程序完整源代码 用遗传算法求解工业园自主导航AGV快递配送车路径规划及投入AGV数量 详情:通过txt文档给定各客户坐标位置、方便取快
- 基于springboot高校就业招聘系统 - 编程语言:Java - 数据库:MySQL - 前端技术:Vue - 后端技术:SpringBoot全部资料+详细文档.zip
- 基于SSH(Struts2+Spring+Hibernate)搭建的失物招领平台,进行简单修改即可用于各高校失物招领。全部资料+详细文档.zip
- 基于SpringBoot框架的模拟高校招生的平行志愿录取系统全部资料+详细文档.zip
- 基于SSM的高校共享单车管理系统全部资料+详细文档.zip
- 基于SSM的高校人事招聘管理系统全部资料+详细文档.zip
- 基于SSM的高校考务管理系统,项目部署环境为腾讯云全部资料+详细文档.zip
- 基于ThinkPHP的高校班级管理系统全部资料+详细文档.zip
- 基于ssm高校学籍管理系统毕业源码案例设计全部资料+详细文档.zip
- 基于SSM框架的高校实验室管理系统全部资料+详细文档.zip
- 基于VC++的高校教材管理系统全部资料+详细文档.zip
- 基于Vue+Springboot高校失物招领系统设计毕业源码案例设计全部资料+详细文档.zip
- 基于Vue和SpringBoot的高校固定资产管理系统,用于实现高校对固定资产的管理需求,包含资产品类、资产单位、资产仓库、资产供应商、资产库存、资产采购、资产
- 基于Vue高校选课系统全部资料+详细文档.zip
- 基于Vue2+Spring Boot+Element-UI 的前后端分离项目高校二手物品交易平台全部资料+详细文档.zip
- Securecrt 9.6.1
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功