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) ...
随机推荐
- OS 内存泄漏 导致 整个aix主机block
问题 aix 主机 1.数据库主机使用vmstat 监控,隔几分钟 就是block 爆满. cpu 没有瓶颈,I/O 显示本地磁盘hdisk0和hdisk 1 是爆满. vmstat 同时显示大量pa ...
- c/c++学习系列之取整函数,数据宽度与对齐
浮点数的取整 C/C++取整函数ceil(),floor() double floor(double x); double ceil(double x); 使用floor函数.floor(x)返回的是 ...
- [在读]HTML5数据推送应用开发
最近买的,讲SSE的,才看完前2章.
- (转)Unity3D中常用的数据结构总结与分析
http://www.cnblogs.com/murongxiaopifu/p/4161648.html#array 1.几种常见的数据结构 常碰到的几种数据结构:Array,ArrayList, ...
- 04.Javascript——入门一些方法记录之iterable
遍历Array可以采用下标循环,遍历Map和Set就无法使用下标.为了统一集合类型,ES6标准引入了新的iterable类型,Array.Map和Set都属于iterable类型. 具有iterabl ...
- ES-Mac OS环境搭建(1)
前言 由于elasticsearch依赖Java,所以先要配置上Java环境,并且Java JDK必须要求1.8以上,这里以安装Java 1.8为例.安装环境如下: elasticsearch6.5. ...
- html的meta总结
引子 之前的我的博客中对于meta有个介绍,例如:http://www.haorooms.com/post/liulanq_think_ie 浏览器安全性想到的这篇文章,中间介绍了meta下面IE的一 ...
- 【数据库-Azure SQL Database】JDBC 如何连接 SQL Azure 数据库
使用 JAVA 代码连接 Azure SQL Database 时产生了 SSL 错误,对于此问题大多数用户都是因为不知如何编写 JDBC 连接字符串而产生的,以下为相关示例代码,供您参考: pa ...
- LR11安装和配置教程
LoadRunner11安装教程 #安装包文件.汉化文件.破解文件,可以自行百科来获得,这边仅提供安装步骤. 1.前期准备1)安装前需要关闭防火墙及杀毒软件2)安装路径不能包含中文字符,同时需要以管理 ...
- 【iOS】UITableview cell 顶部空白的n种设置方法
我知道没人会主动设置这个东西,但是大家一定都遇到过这个问题,下面总结下可能是哪些情况: 1, self.automaticallyAdjustsScrollViewInsets = NO; 这个应该 ...