如何在django中实现分页功能


Posted in Python onApril 22, 2020

1.在html页面中导入js文件和css文件

<link rel="stylesheet" href="../../../static/css/jquery.pagination.css" rel="external nofollow" >
<script type="text/javascript" src="../../../static/js/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="../../../static/js/jquery.pagination.min.js"></script>

2.写一个展示分页的div容器

<div id="pagination" class="page"></div>

3.前端分页逻辑

<script>
  $(function(){
    $("#pagination").pagination({
      currentPage:{{current_page}},
      totalPage:{{total_page}},
      callback:function(current){
      window.location.href = '?page='+current
        }

 });
});
</script>

4.django获取当前页数,定义每页展示的数量,和返回数据等

from django.core.paginator import Paginator
def detail(request,id):
  category = models.Category.objects.all()
  news = models.News.objects.filter(cate=id).all()
  # 从url上获取当前请求的页数
  p = request.GET.get('page',1)
  current_page = int(p)
  # 每页显示的条数
  page_count = 1
  # 显示数据库数据,并且规定每页显示多少条数据
  page = Paginator(news,page_count)
  # 当前请求的页数
  news = page.get_page(current_page)
  # 显示的总页数
  total_page = page.num_pages
return render(request,'app1/news.html',locals())

django中的分页功能已经完成,效果图如下:

如何在django中实现分页功能

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Python 相关文章推荐
python检测服务器是否正常
Feb 16 Python
python批量修改文件名的实现代码
Sep 01 Python
Python中input和raw_input的一点区别
Oct 21 Python
Python中文分词工具之结巴分词用法实例总结【经典案例】
Apr 15 Python
Python中生成Epoch的方法
Apr 26 Python
Python matplotlib画图实例之绘制拥有彩条的图表
Dec 28 Python
Python cookbook(数据结构与算法)将名称映射到序列元素中的方法
Mar 22 Python
对IPython交互模式下的退出方法详解
Feb 16 Python
Django 在iframe里跳转顶层url的例子
Aug 21 Python
Python 实现Serial 与STM32J进行串口通讯
Dec 18 Python
浅谈Python3实现两个矩形的交并比(IoU)
Jan 18 Python
Keras 数据增强ImageDataGenerator多输入多输出实例
Jul 03 Python
在Windows上安装和配置 Jupyter Lab 作为桌面级应用程序教程
Apr 22 #Python
python实现扑克牌交互式界面发牌程序
Apr 22 #Python
文件上传服务器-jupyter 中python解压及压缩方式
Apr 22 #Python
如何将tensorflow训练好的模型移植到Android (MNIST手写数字识别)
Apr 22 #Python
Jupyter 无法下载文件夹如何实现曲线救国
Apr 22 #Python
tensorflow使用freeze_graph.py将ckpt转为pb文件的方法
Apr 22 #Python
tensorflow实现将ckpt转pb文件的方法
Apr 22 #Python
You might like
mysql 性能的检查和优化方法
2009/06/21 PHP
PHP下打开URL地址的几种方法小结
2010/05/16 PHP
php变量范围介绍
2012/10/15 PHP
PHP中使用BigMap实例
2015/03/30 PHP
js滚动条多种样式,推荐
2007/02/05 Javascript
超级退弹代码
2008/07/07 Javascript
JavaScript Chart 插件整理
2010/06/18 Javascript
关于IE浏览器以及Firefox下的javascript冒泡事件的响应层级
2010/10/14 Javascript
JavaScript之appendChild、insertBefore和insertAfter使用说明
2010/12/30 Javascript
JS实现拖动示例代码
2013/11/01 Javascript
用Javascript获取页面元素的具体位置
2013/12/09 Javascript
JavaScript数据结构与算法之栈详解
2015/03/12 Javascript
js实现表单Radio切换效果的方法
2015/08/17 Javascript
深入浅析JavaScript系列(13):This? Yes,this!
2016/01/05 Javascript
jQuery解析与处理服务器端返回xml格式数据的方法详解
2016/07/04 Javascript
用js动态添加html元素,以及属性的简单实例
2016/07/19 Javascript
ES6中数组array新增方法实例总结
2017/11/07 Javascript
微信小程序之自定义组件的实现代码(附源码)
2018/08/02 Javascript
如何使用 vue + d3 画一棵树
2018/12/03 Javascript
[44:30]完美世界DOTA2联赛PWL S2 GXR vs Magma 第一场 11.25
2020/11/26 DOTA
python 控制语句
2011/11/03 Python
Python中的各种装饰器详解
2015/04/11 Python
Python 给某个文件名添加时间戳的方法
2018/10/16 Python
python3中类的继承以及self和super的区别详解
2019/06/26 Python
anaconda如何查看并管理python环境
2019/07/05 Python
使用Python实现批量ping操作方法
2020/05/06 Python
盛大二次面试题
2016/11/18 面试题
口腔工艺技术专业毕业生自荐信
2013/09/27 职场文书
大学生军训自我评价分享
2013/11/09 职场文书
实习单位接收函模板
2014/01/10 职场文书
政府门卫岗位职责
2014/04/29 职场文书
小露珠教学反思
2014/04/30 职场文书
夫妻分居协议书范文
2014/11/26 职场文书
2014年数学教研组工作总结
2014/12/06 职场文书
2014年财务个人工作总结
2014/12/08 职场文书
SpringBoot系列之MongoDB Aggregations用法详解
2022/02/12 MongoDB