如何在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的urllib模块显示下载进度示例
Jan 17 Python
Python基于分水岭算法解决走迷宫游戏示例
Sep 26 Python
Python多线程原理与用法详解
Aug 20 Python
python微信好友数据分析详解
Nov 19 Python
Python 互换字典的键值对实例
Feb 12 Python
使用Python操作FTP实现上传和下载的方法
Apr 01 Python
Opencv+Python实现图像运动模糊和高斯模糊的示例
Apr 11 Python
python读出当前时间精度到秒的代码
Jul 05 Python
安装2019Pycharm最新版本的教程详解
Oct 22 Python
关于tensorflow的几种参数初始化方法小结
Jan 04 Python
分享一个python的aes加密代码
Dec 22 Python
python日志通过不同的等级打印不同的颜色(示例代码)
Jan 13 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
新浪SAE云平台下使用codeigniter的数据库配置
2014/06/12 PHP
PHP预定义超全局数组变量小结
2018/08/20 PHP
flash调用js中的方法,让js传递变量给flash的办法及思路
2013/08/07 Javascript
js(jQuery)获取时间的方法及常用时间类搜集
2013/10/23 Javascript
js实现瀑布流的一种简单方法实例分享
2013/11/04 Javascript
jQuery中each()方法用法实例
2014/12/27 Javascript
js获取会话框prompt的返回值的方法
2015/01/10 Javascript
flash+jQuery实现可关闭及重复播放的压顶广告
2015/04/15 Javascript
jQuery EasyUI 菜单与按钮之创建简单的菜单和链接按钮
2015/11/18 Javascript
JS闭包、作用域链、垃圾回收、内存泄露相关知识小结
2016/05/16 Javascript
纯js实现手风琴效果代码
2020/04/17 Javascript
angular源码学习第一篇 setupModuleLoader方法
2016/10/20 Javascript
JavaScript正则表达式小结(test|match|search|replace|split|exec)
2016/12/08 Javascript
Vue 表单控件绑定的实现示例
2017/08/11 Javascript
JavaScript中如何判断一个值的类型
2017/09/15 Javascript
浅谈webpack打包生成的bundle.js文件过大的问题
2018/02/22 Javascript
详解基于Vue的支持数据双向绑定的select组件
2019/09/02 Javascript
基于jquery ajax的多文件上传进度条过程解析
2019/09/11 jQuery
vue 实现单选框设置默认选中值
2019/11/07 Javascript
详解Nuxt内导航栏的两种实现方式
2020/04/16 Javascript
Javascript call及apply应用场景及实例
2020/08/26 Javascript
vue中重定向redirect:‘/index‘,不显示问题、跳转出错的完美解决
2020/09/28 Javascript
[50:12]EG vs Fnatic 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
使用XML库的方式,实现RPC通信的方法(推荐)
2017/06/14 Python
Python网络爬虫神器PyQuery的基本使用教程
2018/02/03 Python
浅谈Pandas 排序之后索引的问题
2018/06/07 Python
pytorch 预训练层的使用方法
2019/08/20 Python
JupyterNotebook 输出窗口的显示效果调整方法
2020/04/13 Python
HTML5的结构和语义(3):语义性的块级元素
2008/10/17 HTML / CSS
高级3D打印市场:Gambody
2019/12/26 全球购物
在线实验室测试:HealthLabs.com
2020/05/03 全球购物
外语专业毕业生自荐信
2014/04/14 职场文书
阅兵口号
2014/06/19 职场文书
龙门石窟导游词
2015/02/02 职场文书
机关单位2016年创先争优活动总结
2016/04/05 职场文书
MySQL面试题讲解之如何设置Hash索引
2021/11/01 MySQL