django第11天(分页器)
django第11天分页器
分页模块
批量插入数据
book_list = []
#先生成对象
for i in range(100):
book = Book(name = 'book%s'%i,price=10+i)
book_list.append(book)
#操作对象列表,设置一次操作多少条数据
Book.objects.bulk_create(book_list,10)
分页器及其方法
1.导入分页器模块
from django.core.paginator import Paginator
2.生成分页器对象
第一个参数为分页对象列表,第二个参数为一页的数量
paginator = Paginator(book_list,10)
3.分页常用方法
#分页对象的总数
count = paginator.count()
#分成的总页数
num_pages = paginator.num_pages()
#页数的范围
page_range = paginator.page_range
#当前页面数从前台获取
try:
current_page_num = int(request.GET.get('page',1))
except:
current_page_num = 1
#通过当前页数,获得当前页的对象列表(返回给前台迭代显示对象)
current_page = paginator.page(current_page_num)
# 是否有上一页
current_page.has_previous()
# 上一页编码
current_page.previous_page_number()
# 是否有下一页
current_page.has_next()
# 下一页编码
current_page.next_page_number()
基础分页器编写
1.后台
from django.core.paginator import Paginator
def index(request):
#获取图书对象
book_list = Book.objects.all()
#生成分页器对象
paginator = Paginator(book_list,10)
#获取页码范围,以便前台产生分页个数
page_range = paginator.page_range
#从前台获取当前页数,如果是第一次访问就返回第一页
try:
current_page_num = int(request.GET.get('page',1))
except:
current_page_num =1
#通过当前页数,获得current_page,可迭代获得当前页所有对象
current_page = paginator.page(current_page_num)
return render(request,'index.html',locals())
前台
<div class="container-fluid">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<h1>图书详情</h1>
<table class="table">
<tr>
<th>图书名称</th>
<th>图书价格</th>
</tr>
#仅展示当前页数的所有对象
{% for book in current_page %}
<tr>
<td>{{ book.name }}</td>
<td>{{ book.price }}</td>
</tr>
{% endfor %}
</table>
<nav aria-label="Page navigation">
<ul class="pagination">
<li>
#如果存在上一页,当前页码减去1
{% if current_page.has_previous %}
<a href="?page={{ current_page_num|add:-1 }}" aria-label="Previous">
{% else %}
#如果不存在不进行操作
<a href="javascript:void(0)" aria-label="Previous">
{% endif %}
<span aria-hidden="true">上一页</span>
</a>
</li>
#通过页数生成分页项
{% for foo in page_range %}
<li>
<a href="?page={{ foo }}">{{ foo }}</a></li>
<li>
{% endfor %}
<li>
{% if current_page.has_next %}
<a href="?page={{ current_page_num|add:1 }}" aria-label="Next">
{% else %}
<a href="javascript:void(0)" aria-label="Next">
{% endif %}
<span aria-hidden="true">下一页</span>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
高级分页器编写
当对象个数过多,分的页数过多时,需要将分页器优化,不然会显示一大堆的分页
设计要求:
除了首末页,只显示选中页数,前5页和后5页
前台:
<div class="container-fluid">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<h1>图书详情</h1>
<table class="table">
<tr>
<th>图书名称</th>
<th>图书价格</th>
</tr>
{% for book in current_page %}
<tr>
<td>{{ book.name }}</td>
<td>{{ book.price }}</td>
</tr>
{% endfor %}
</table>
<nav aria-label="Page navigation">
<ul class="pagination">
<li>
{% if current_page.has_previous %}
<a href="?page={{ current_page_num|add:-1 }}" aria-label="Previous">
{% else %}
<a href="javascript:void(0)" aria-label="Previous">
{% endif %}
<span aria-hidden="true">上一页</span>
</a>
</li>
{% if current_page_num == 1 %}
<li class="active">
{% else %}
<li>
{% endif %}
<a href="?page=1">1</a></li>
{% if num_pages > 14 %}
<li><a href="javascript:void(0)">...</a></li>
{% endif %}
{% for num in page_range %}
{% if current_page_num == num %}
<li class="active">
{% else %}
<li>
{% endif %}
<a href="?page={{ num }}">{{ num }}</a></li>
{% endfor %}
{% if num_pages > 13 %}
<li><a href="javascript:void(0)">...</a></li>
{% endif %}
{% if current_page_num == num_pages %}
<li class="active">
{% else %}
<li>
{% endif %}
<a href="?page={{ num_pages }}">{{ num_pages }}</a></li>
<li>
{% if current_page.has_next %}
<a href="?page={{ current_page_num|add:1 }}" aria-label="Next">
{% else %}
<a href="javascript:void(0)" aria-label="Next">
{% endif %}
<span aria-hidden="true">下一页</span>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
后台:
def index(request):
book_list = Book.objects.all()
paginator = Paginator(book_list,6)
count = paginator.count
num_pages = paginator.num_pages
page_range = paginator.page_range
try:
current_page_num = int(request.GET.get('page',1))
except:
current_page_num =1
current_page = paginator.page(current_page_num)
if num_pages > 13:
if current_page_num <7 :
page_range = range(2,12)
elif current_page_num +6 > num_pages:
page_range = range(num_pages-10,num_pages)
else:
page_range = range(current_page_num-5,current_page_num+6)
else:
page_range = range(2,13)
return render(request,'index.html',locals())
django第11天(分页器)的更多相关文章
- xadmin在Django 1.11中的使用及中英文切换
版权声明:本文为博主原创文章,欢迎转载,并请注明出处.联系方式:460356155@qq.com xadmin是一个强大的替代django admin的管理后台,github地址为:https://g ...
- angular 4 和django 1.11.1 前后端交互 总结
首先 angular4 和django 1.11.1交互 有跨域问题 所以先关闭cors 和csrf验证 一.解决跨域问题 cors github django-cors-headers 1)安装co ...
- Ubuntu 16.04 安装 Django==1.11.8
vim InStall-Django.sh #!/bin/bash rm -rf /usr/bin/python ln -s /usr/bin/python3 /usr/bin/python mkd ...
- Django框架11 /form组件、modelForm组件
Django框架11 /form组件.modelForm组件 目录 Django框架11 /form组件.modelForm组件 1. form组件介绍 2. form常用字段与插件 3. form所 ...
- django 1.11.16之环境搭建
django版本:django1.11.16 windows环境 python 3.6.3 !!!可先安装虚拟环境在进行环境搭建 1.安装django:pip install django= ...
- Django与ajax、分页器
ajax简单数据响应 ajax请求,后台只需要返回信息,所以不会出现render.redirect 模板层: $('.btn').click(function() { $.ajax({ url: '/ ...
- Django 1.11 release note简明解读
1.首先1.11这个版本是一个LTS版本 2.第一个支持python3.6的版本,最后一个支持python2.*的版本 3.Deprecating warnings 默认不再显示,同时建议第三方包开始 ...
- 我希望知道的关于Django的11件事(转)
英文原文:https://medium.com/cs-math/f29f6080c131 译文:http://my.oschina.net/chenlei123/blog/270672 两年前, 我开 ...
- Django常用组件之分页器
目录 循环插入数据测试 实现分页器 视图层使用 模板层使用 循环插入数据测试 # ORM 帮我们提供了循环插入数据更快捷的方法: book_list = [] for i in range(1000) ...
随机推荐
- Python-1-基础
获取用户输入 >>> x = input("x: ") x: 34 >>> y = input("y: ") y: 42 & ...
- HDU6441(费马大定理)
听队友说过结论:a^n + b^n = c^n在n > 2时无解. 勾股那里本菜数学不好直接暴举了Orz. 跟大家学一波勾股数的构造:a是奇数时,tmp = a / 2; b = (tmp + ...
- 洛谷P3177||bzoj4033 [HAOI2015]树上染色
洛谷P3177 bzoj4033 根本不会做... 上网查了题解,发现只要在状态定义的时候就考虑每一条边全局的贡献就好了? 考虑边的贡献和修改状态定义我都想到了,然而并不能想到要结合起来 ans[i] ...
- Oracle / PLSQL写语句 常用的几个函数
下面开始记录一下,自己在Oracle或者PLSQL常用的几个函数, 1add_months 增加或减去月份2. last_day(sysdate) 返回日期的最后一天3. months_between ...
- Dubbo理论知识
本文是作者根据官方文档以及自己平时的使用情况,对 Dubbo 所做的一个总结.如果不懂 Dubbo 的使用的话,可以参考我的这篇文章<超详细,新手都能看懂 !使用SpringBoot+Dubbo ...
- 语义分割丨DeepLab系列总结「v1、v2、v3、v3+」
花了点时间梳理了一下DeepLab系列的工作,主要关注每篇工作的背景和贡献,理清它们之间的联系,而实验和部分细节并没有过多介绍,请见谅. DeepLabv1 Semantic image segmen ...
- mac Latex dvipdfm 缺少字体错误 Failed to read UCS2/UCS4 TrueType cmap
dvipdfmx 命令产生 ** ERROR ** Failed to read UCS2/UCS4 TrueType cmap... 错误的原因是没有把 simsun.ttf simkai.ttf ...
- mysql join操作
join的类型 1. 内联结:将两个表中存在联结关系的字段符合联结关系的那些记录形成记录集的联结. 2. 外联结:分为外左联结和外右联结. 案例背景 create table java (name ...
- HTTP 三次握手 建立连接 和 四次握手断开连接
三次握手建立连接 第一次握手:主机A发送位码为syn=1,随机产生seq number=1234567的数据包到服务器,主机B由SYN=1知道,A要求建立联机: 第二次握手:主机B收到请求后要确 ...
- jmeter并发定时器
jmeter并发定时器