Django实现快速分页的方法实例


Posted in Python onOctober 22, 2017

前言

本文主要给大家介绍了关于Django快速分页的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。

Django实现快速分页的方法实例

分页

在web开发中,对大量的商品进行分页显示,是常见的需求,django对分页直接提供了现成的函数,让我们的开发更为快速便捷...

Django实现快速分页的方法实例

动图_Django快速分页

示例代码:

在后端(视图函数中)

from django.shortcuts import render
from .models import ShowMyComputer
# 引入方法
from django.core.paginator import Paginator
# Create your views here.

def show(request, page_id):

 # 获取需要分页的对象集合
 all_goods = ShowMyComputer.objects.all()

 # 创建分页对象
 paginator = Paginator(all_goods, 3)

 # 根据当前页码,确定返回的数据
 current_page = paginator.page(page_id)

 # 保证前端取到的"页数"为整型
 page_id = int(page_id)


 return render(request, 'computer/list.html', locals())

在前端(html模板中)

<body>
 {# 展示当前页面的数据 #}
 {% for goods in current_page %}
 <div class="my_goods">

  <div class="goods_image">  
   ![图片占位](/static/{{ goods.goods_image }})
  </div>
  
  <br>
  
  <div class="goods_name">{{ goods.goods_name }}</div>

 </div>

 {% endfor %}


 <div class="page_num">

 {# 判断'上一页'是否存在,如果存在则保留`上一页`标签 ,反之则不显示`上一页`标签 #}
 {% if current_page.has_previous %}

  <a href="{% url 'computer:show' current_page.previous_page_number %}" rel="external nofollow" >上一页</a>

 {% endif %}


 {# 确定分页数量 #}

 {% for index in paginator.page_range %}

  {# 如果页码与当前页面相符,则添加红色背景 #}
 {% if page_id == index %}
  <a href= "{% url 'computer:show' index %}" style="background-color: red" >{{ index }}</a>
  {# 如果页面与当前页面不符,则正常显示 #}
 {% else %}
  <a href="{% url 'computer:show' index %}" rel="external nofollow" >{{ index }}</a>
 {% endif %}

 {% endfor %}

 {# 判断'下一页'是否存在,如果存在则保留`下一页`标签 ,反之则不显示`下一页`标签 #}
 {% if current_page.has_next%}

  <a href="{% url 'computer:show' current_page.next_page_number %}" rel="external nofollow" >下一页</a>

 {% endif %}


 </div>

</body>

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Python 相关文章推荐
python实现向ppt文件里插入新幻灯片页面的方法
Apr 28 Python
简单介绍使用Python解析并修改XML文档的方法
Oct 15 Python
Python argv用法详解
Jan 08 Python
Python之日期与时间处理模块(date和datetime)
Feb 16 Python
python模仿网页版微信发送消息功能
Feb 24 Python
Python matplotlib绘图可视化知识点整理(小结)
Mar 16 Python
Python 最大概率法进行汉语切分的方法
Dec 14 Python
Pycharm配置远程调试的方法步骤
Dec 17 Python
Python 安装第三方库 pip install 安装慢安装不上的解决办法
Jun 18 Python
Python爬取数据并实现可视化代码解析
Aug 12 Python
python opencv pytesseract 验证码识别的实现
Aug 28 Python
Python 使用Opencv实现目标检测与识别的示例代码
Sep 08 Python
python使用SMTP发送qq或sina邮件
Oct 21 #Python
python爬虫headers设置后无效的解决方法
Oct 21 #Python
Python 结巴分词实现关键词抽取分析
Oct 21 #Python
恢复百度云盘本地误删的文件脚本(简单方法)
Oct 21 #Python
Python实现对百度云的文件上传(实例讲解)
Oct 21 #Python
Python3操作SQL Server数据库(实例讲解)
Oct 21 #Python
Python3实现简单可学习的手写体识别(实例讲解)
Oct 21 #Python
You might like
我的论坛源代码(十)
2006/10/09 PHP
javascript 小型动画组件与实现代码
2010/06/02 PHP
浅析linux下apache服务器的配置和管理
2013/08/10 PHP
php面向对象中static静态属性和静态方法的调用
2015/02/08 PHP
PHP获取文件行数的方法
2015/06/10 PHP
php使用Jpgraph绘制复杂X-Y坐标图的方法
2015/06/10 PHP
如何批量清理系统临时文件(语言:C#、 C/C++、 php 、python 、java )
2016/02/01 PHP
jQuery学习2 选择器的使用说明
2010/02/07 Javascript
js控制的回到页面顶端goTop的代码实现
2013/03/20 Javascript
javascript(js)的小数点乘法除法问题详解
2014/03/07 Javascript
javascript随机之洗牌算法深入分析
2014/06/07 Javascript
javascript定义变量时带var与不带var的区别分析
2015/01/12 Javascript
利用angularjs1.4制作的简易滑动门效果
2017/02/28 Javascript
jquery.form.js异步提交表单详解
2017/04/25 jQuery
JavaScript实现时间表动态效果
2017/07/15 Javascript
用smtplib和email封装python发送邮件模块类分享
2014/02/17 Python
Python实现按当前日期(年、月、日)创建多级目录的方法
2018/04/26 Python
解决Python获取字典dict中不存在的值时出错问题
2018/10/17 Python
win7 x64系统中安装Scrapy的方法
2018/11/18 Python
Python使用post及get方式提交数据的实例
2019/01/24 Python
Django之创建引擎索引报错及解决详解
2019/07/17 Python
python 字典套字典或列表的示例
2019/12/16 Python
如何通过python实现人脸识别验证
2020/01/17 Python
python global和nonlocal用法解析
2020/02/03 Python
Python3.7安装PyQt5 运行配置Pycharm的详细教程
2020/10/15 Python
python 解决Windows平台上路径有空格的问题
2020/11/10 Python
CSS3教程(2):网页边框半径和网页圆角
2009/04/02 HTML / CSS
如何让IE9以下版本(ie6/7/8)认识html5元素
2013/04/01 HTML / CSS
新西兰珠宝品牌:Michael Hill
2017/09/16 全球购物
Solid & Striped官网:美国泳装品牌
2019/06/19 全球购物
介绍一下Linux文件的记录形式
2013/09/29 面试题
优秀体育委员自荐书
2014/01/31 职场文书
护士岗前培训自我评鉴
2014/02/28 职场文书
销售人员求职的自我评价分享
2014/03/15 职场文书
2014年学校党建工作总结
2014/11/11 职场文书
巧用 -webkit-box-reflect 倒影实现各类动效(小结)
2021/04/22 HTML / CSS