Python自定义-分页器
Python自定义-分页器
分页功能在每个网站都是必要的，对于分页来说，其实就是根据用户的输入计算出应该在数据库表中的起始位置。
1、设定每页显示数据条数
2、用户输入页码（第一页、第二页...）
3、根据设定的每页显示条数和当前页码，计算出需要取数据表的起始位置
4、在数据表中根据起始位置取值，页面上输出数据
通过bootcss实现分页图标样式
1.模板页引入bootcss 插件文件,定制显示样式
<head>
{# 项目目录 需要 下载bootstrap相关插件 #}
<link rel="stylesheet" href="/static/dist/css/bootstrap.css">
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js "></script>
<script src="/static/dist/js/bootstrap.js"></script>
<style>
.pager a{
display: inline-block;
padding: 3px 5px;
margin: 0 3px;
border: 1px solid #dddddd;
}
.pager a.active{
background-color: cadetblue;
color: white;
}
</style>
</head>
<body>
<table>
<thead>
<tr>
<th>ID</th>
<th>主机名</th>
<th>IP</th>
<th>端口</th>
</tr>
</thead>
<tbody>
{% for row in host_list %}
<tr>
<td>{{ row.id }}</td>
<td>{{ row.hostname }}</td>
<td>{{ row.ip }}</td>
<td>{{ row.port }}</td>
</tr>
{% endfor %}
</tbody>
</table>
{# 分页显示 #}
<div class="pager">
<ul class="pagination" id="pager">
{{ page_html}}
</ul>
</div>
</body>
2.settings.py 设置静态文件的路径
STATIC_URL = '/static/'
STATICFILES_DIRS = (
os.path.join(BASE_DIR, 'static'),
)
3.制作分页器模板
模板位置
# mark_safe 是将 html 格式代码传到 前端时，在页面可以直接渲染
from django.utils.safestring import mark_safe
class Pagination(object):
def __init__(self, current_page, total_count, base_url, per_page_count=10, max_pager_num=11):
"""
:param current_page: 用户请求的当前页
:param total_count: 数据库中查询到的数据总条数
:param base_url: 请求的 url 路径
:param per_page_count: 每页显示的数据条数
:param max_pager_num: 页面上最多显示的页码
"""
# url 地址 “/host/”
self.base_url = base_url
# divmod(total_count, per_page_count) 总条数/每页显示条数 得到得 (商,余) 赋值给 total_page_count总页数, div余值
total_page_count, div = divmod(total_count, per_page_count)
if div:
# 如果 div 有值 总页数 +1
total_page_count += 1
# total_page_count 总页数
self.total_page_count = total_page_count
# 判断当前 获取 得页码值
try:
current_page = int(current_page)
except Exception as e:
current_page = 1
# 如果当前页，大于 总页数，当前页 = 总页数
if current_page > total_page_count:
current_page = total_page_count
self.current_page = current_page
self.per_page_count = per_page_count
self.total_count = total_count
self.max_pager_num = max_pager_num
# 当前页前后 几个 页码
self.half_max_pager_num = int(max_pager_num/2)
@property
def start(self):
# 开始显示id 值 为 (当前页-1)*每页显示条数
return (self.current_page - 1) * self.per_page_count
@property
def end(self):
# 结束显示id 值 为 当前页*每页显示条数
return self.current_page * self.per_page_count
# html 具体显示内容
def page_html(self):
page_html_list = []
# 首页
head_page = "<li><a href='%s?page=%s'>首页</a></li>" %(self.base_url, 1)
page_html_list.append(head_page)
if self.current_page <= 1:
prev = "<li><a href='#'>上一页</a></li>"
else:
prev = "<li><a href='%s?page=%s'>上一页</a></li>" % (self.base_url, self.current_page - 1,)
page_html_list.append(prev)
max_pager_num = 11
half_max_pager_num = int(max_pager_num / 2)
# 数据总页数 < 页面上最大显示的页码个数
if self.total_page_count <= max_pager_num:
page_start = 1
page_end = self.total_page_count
else:
# 数据比较多，已经超过11个页码
# 如果当前页 <=5,显示 1-11
if self.current_page <= half_max_pager_num:
page_start = 1
page_end = max_pager_num
else:
# 当前页 >=6
if (self.current_page + 5) > self.total_page_count:
page_end = self.total_page_count
# page_start = current_page - 5
page_start = self.total_page_count - max_pager_num + 1
else:
page_start = self.current_page - half_max_pager_num # 当前页 - 5
page_end = self.current_page + half_max_pager_num # 当前页 + 5
for i in range(page_start, page_end + 1):
if self.current_page == i:
tag = "<li><a class='active' href='%s?page=%s'>%s</a></li>" % (self.base_url, i, i,)
else:
tag = "<li><a href='%s?page=%s'>%s</a></li>" % (self.base_url, i, i,)
page_html_list.append(tag)
# 下一页
if self.current_page >= self.total_page_count:
nex = "<li><a href='#'>下一页</a></li>"
else:
nex = "<li><a href='%s?page=%s'>下一页</a><li>" % (self.base_url, self.current_page + 1,)
page_html_list.append(nex)
# 尾页
tail_page = "<li><a href='%s?page=%s'>尾页</a></li>" % (self.base_url, self.total_page_count)
page_html_list.append(tail_page)
# 将拼接的页码数据 join 序列化 传到 模板
# print("".join(page_html_list))
return mark_safe("".join(page_html_list))
4.在视图函数中引用utils.pager 自定义模板
# 导入 通过 Pagination 封装的 分页功能 包
from utils.pager import Pagination
def host(request):
# 统计出一共有多少条 数据
all_count = models.Host.objects.all().count()
# page_obj = Pagination 方法需要 3个 参数(请求当前页码，总数据条数，该应用路径)
# page_obj = Pagination(request.GET.get('page'),all_count,'/host/')
page_obj = Pagination(request.GET.get('page'),all_count,request.path_info)
# host_list = models.Host.objects.all()[本页内容的开始,本页内容的结束]
host_list = models.Host.objects.all()[page_obj.start:page_obj.end]
# render(request, 页面, {展示内容，展示的 html页码})
return render(request, 'host.html', {'host_list': host_list, 'page_html': page_obj.page_html()})
Python自定义-分页器的更多相关文章
- Django-choices字段值对应关系（性别）-MTV与MVC科普-Ajax发json格式与文件格式数据-contentType格式-Ajax搭配sweetalert实现删除确认弹窗-自定义分页器-批量插入-07
目录 models 字段补充 choices 参数/字段(用的很多) MTV与MVC模型 科普 Ajax 发送 GET.POST 请求的几种常见方式 用 Ajax 做一个小案例 准备工作 动手用 Aj ...
- django中的自定义分页器
1.什么是自定义分页器 当我们需要在前端页面展示的数据太多的时候,我们总不能将数据展示在一页上面吧!这时,我们就需要自定义一个分页器,将数据分成特定的页数进行展示,每一页展示固定条数的数据! 2.为什 ...
- python自定义pi函数的代码
下边内容是关于python自定义pi函数的内容. def pi(): # Compute digits of Pi. # Algorithm due to LGLT Meertens. k, a, b ...
- swiper 自定义分页器的使用
网上关于swiper 自定义分页器的方法比较多,但是已经不适合使用.它的API又比较坑爹,什么都是点到为止,不说清楚.因为要做一个产品颜色切换的效果,有黑与白两种颜色,因此尝试使用Swiper的自定义 ...
- django自定义分页器
一 django 的分页器 1 批量创建数据 批量导入数据: Booklist=[] for i in range(100): Booklist.append(Book(title="boo ...
- Django分页器和自定义分页器
一.自定义分页器 import copy class Pagination(): def __init__(self,request,current_page,all_data_num,each_pa ...
- python自定义mininet拓扑
python自定义mininet拓扑 前言 闲来无聊,想到很早之前都是用GUI来自定义拓扑,这次用python来自定义一下(以前留下的苦果) 转自Mininet 自定义网络拓扑 过程相对简单 实现过程 ...
- vue中使用swiper并自定义分页器样式
一,安装swiper 执行命令 npm install vue-awesome-swiper --save 二,引入swiper import {Swiper} from "vue-awes ...
- 2019年6月14日 Web框架之Django_07 进阶操作（MTV与MVC、多对多表三种创建方式、前后端传输数据编码格式contentType、ajax、自定义分页器）
摘要 MTV与MVC 多对多表三种创建方式 ajax ,前后端传输数据编码格式contentType 批量插入数据和自定义分页器 一.MVC与MTV MVC(Model View Controller ...
随机推荐
- android页面渲染速度提升的常用方法
参考文档:http://blog.csdn.net/vector_yi/article/details/24402101 当activity中用到的布局较多较为复杂时,页面渲染就会变得复杂,现汇总以下 ...
- 【ARTS】01_13_左耳听风-20190204~20190210
ARTS: Algrothm: leetcode算法题目 Review: 阅读并且点评一篇英文技术文章 Tip/Techni: 学习一个技术技巧 Share: 分享一篇有观点和思考的技术文章 Algo ...
- inception v1-v3 & Xception
inception v1-v3:通过多尺度卷积核学习不同尺度的空间信息并进行耦合:通过多个小卷积核来代替大卷积核的功能从而降低计算量: 通常,在一组特征图上进行卷积需要三维的卷积核,也即卷积核需要同时 ...
- MySQL索引调优【转】
一.关于查询计划 其实,关于所有的关系型数据库中,在运行T-SQL语句的时候,在查询器进行编译运行的同时,都会有着自己的内部的一个优化过程,而这优化之后的产物就是:执行计划. 在SQL SERVER中 ...
- Keepalived详解（五）：Keepalived集群中MASTER和BACKUP角色选举策略【转】
一.Keepalived集群中MASTER和BACKUP角色选举策略 在keepalived集群中,其实并没有严格意义上的主.备节点,虽然可以在keepalived配置文件中设置state选项为MAS ...
- SharePoint 2013: Workflow Manager Backend 服务意外地终止
一．环境:SharePoint 2013 + Workflow Manager 1.0 二．错误描述: Workflow Manager Backend 服务意外地终止,这种情况已经出现了 42106 ...
- 微信小程序-动态设置背景色navigationBarBackgroundColor的值
查看API: wx.setNavigationBarColor(OBJECT) 代码: wx.setNavigationBarColor({ frontColor: '#ffffff', // 必写项 ...
- Android Day2
紧接前一篇日记: 2.增加文本域 在<LinearLayout>中增加<EditText>元素,无格式设置的时候如下. <EditText android:id=&quo ...
- 004_LVS及haproxy
一.lvs工作在哪层(新浪面试题) http://blog.chinaunix.net/uid-346158-id-2131163.html 二.四层.七层负载均衡的区别 所谓四层就是基于IP+端口的 ...
- Linux VPS基础命令 - cp复制文件命令
cp命令在Linux VPS操作和应用过程中还是比较常用的,我们可以用来复制文件或者文件夹,重命名一个新的文件以及复制到其他路径中用于文件的转移. 举例用法: 1.复制root目录下的itbulu.c ...