如何在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 制作图片转pdf工具
Jan 30 Python
python编程开发之类型转换convert实例分析
Nov 13 Python
浅谈五大Python Web框架
Mar 20 Python
火车票抢票python代码公开揭秘!
Mar 08 Python
对Python+opencv将图片生成视频的实例详解
Jan 08 Python
Pytorch 抽取vgg各层并进行定制化处理的方法
Aug 20 Python
Python3多线程版TCP端口扫描器
Aug 31 Python
python 用 xlwings 库 生成图表的操作方法
Dec 22 Python
基于Python3.7.1无法导入Numpy的解决方式
Mar 09 Python
Django实现后台上传并显示图片功能
May 29 Python
python代数式括号有效性检验示例代码
Oct 04 Python
python爬虫框架feapde的使用简介
Apr 20 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
Discuz 6.0+ 批量注册用户名
2009/09/13 PHP
PHP利用递归函数实现无限级分类的方法
2019/03/22 PHP
让 JavaScript 轻松支持函数重载 (Part 2 - 实现)
2009/08/04 Javascript
理解Javascript闭包
2013/11/01 Javascript
原生Javascript封装的一个AJAX函数分享
2014/10/11 Javascript
avalonjs实现仿微博的图片拖动特效
2015/05/06 Javascript
JavaScript中的冒泡排序法
2016/08/03 Javascript
每个程序员都需要学习 JavaScript 的7个理由小结
2016/09/03 Javascript
JavaScript学习笔记整理_关于表达式和语句
2016/09/19 Javascript
微信小程序 触控事件详细介绍
2016/10/17 Javascript
react native实现往服务器上传网络图片的实例
2017/08/07 Javascript
vue二级路由设置方法
2018/02/09 Javascript
mac上配置Android环境变量的方法
2018/07/08 Javascript
如何能分清npm cnpm npx nvm
2019/01/17 Javascript
vue-devtools的安装和使用步骤详解
2019/10/17 Javascript
Nuxt.js 静态资源和打包的操作
2020/11/06 Javascript
微信小程序实现可拖动悬浮图标(包括按钮角标的实现)
2020/12/29 Javascript
[02:09]EHOME夺得首届辉夜杯冠军—现场颁奖仪式
2015/12/28 DOTA
Python学习笔记之if语句的使用示例
2017/10/23 Python
Python绘制并保存指定大小图像的方法
2019/01/10 Python
PyQt5的相对布局管理的实现
2020/08/07 Python
html5教程画矩形代码分享
2013/12/04 HTML / CSS
城野医生官方海外旗舰店:风靡亚洲毛孔收敛水
2018/04/26 全球购物
英国奢华护肤、美容和Spa品牌:Temple Spa
2019/11/02 全球购物
中东奢侈品购物网站:Ounass
2020/09/02 全球购物
教师评优的个人自我评价分享
2013/09/19 职场文书
中国文明网签名寄语
2014/01/18 职场文书
汉语言文学专业求职信
2014/06/19 职场文书
学校感恩教育活动总结
2014/07/07 职场文书
2015年数学教研组工作总结
2015/05/23 职场文书
2015秋学期开学寄语
2015/05/28 职场文书
幼儿园毕业典礼家长致辞
2015/07/29 职场文书
教你利用python实现企业微信发送消息
2021/05/23 Python
elementui的el-popover修改样式不生效的解决
2021/06/30 Javascript
阿里云服务器(windows)手动部署FTP站点详细教程
2022/08/05 Servers
Mybatis 一级缓存和二级缓存原理区别
2022/09/23 Java/Android