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) ...
随机推荐
- 最短路之SPFA(单源)HDU 2544
#include <iostream> #include <queue> #include <algorithm> #define MAXLEN 1005 #def ...
- python模块之struct
# #********struct模块********# # 1.按照指定格式将Python数据转换为字符串,该字符串为字节流,如网络传输时, # 不能传输int,此时先将int转化为字节流,然后再发 ...
- jsp动态图片页面基础
1. 什么是动态网页? 动态网页是指在服务器端运行的程序或者网页,它们会随不同客户.不同时间,返回不同的网页. 注意:在静态网页中插入flash ,虽然flash是在动的,但是并不是说这个网页就是动态 ...
- 我也质疑下petshop
很多人都研究过petshop,我开始认识分层架构也是从研究这个petshop开始的.但是我发现很多人一谈三层架构就是 petshop那一套东西.实体类,DAL,BLL那一套东西.首先我不 ...
- CSS子元素设置margin-top作用于父容器?
CSS子元素设置margin-top作用于父容器? 原因: In this specification, the expression collapsing margins means that ad ...
- 前端经典面试题 不经典不要star!
前言 (以下内容为一个朋友所述)今天我想跟大家分享几个前端经典的面试题,为什么我突然想写这么一篇文章呢?今天我应公司要求去面试了下几位招聘者,然后又现场整不出几个难题,就搜了一下前端变态面试题! HA ...
- 51nod 1526 分配笔名
题目来源: CodeForces 基准时间限制:1 秒 空间限制:131072 KB 分值: 320 难度:7级算法题. 班里有n个同学.老师为他们选了n个笔名.现在要把这些笔名分配给每一个同学,每一 ...
- (四)maven之查找jar包坐标,选择jar包版本
① 先访问http://www.mvnrepository.com/ ,这个地址是maven的公共库. ② 以spring core的jar包为例.在页面的最上方的中间,输入spring ...
- 数学题 HDOJ——2086 简单归纳
哎 真的是懒得动脑子还是怎么滴... 题目如下 Problem Description 有如下方程:Ai = (Ai-1 + Ai+1)/2 - Ci (i = 1, 2, 3, .... n).若给 ...
- CF 1119F Niyaz and Small Degrees
打VP的时候由于CXR和XRY切题太快了导致我只能去写后面的题了 然而VP的时候大概还有一小时时想出了\(O(n^2\log n)\)的暴力,然后过了二十分钟才想到删点的优化 结果细节很多当然是写不出 ...