如何在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实现定制交互式命令行的方法
Jul 03 Python
python非递归全排列实现方法
Apr 10 Python
Python基于time模块求程序运行时间的方法
Sep 18 Python
如何用Python合并lmdb文件
Jul 02 Python
Python3匿名函数用法示例
Jul 25 Python
python 将list转成字符串,中间用符号分隔的方法
Oct 23 Python
django如何自己创建一个中间件
Jul 24 Python
基于python操作ES实例详解
Nov 16 Python
Pytorch 神经网络—自定义数据集上实现教程
Jan 07 Python
python request 模块详细介绍
Nov 10 Python
matplotlib部件之套索Lasso的使用
Feb 24 Python
基于Python实现流星雨效果的绘制
Mar 18 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
跟我学Laravel之请求与输入
2014/10/15 PHP
php创建无限级树型菜单
2015/11/05 PHP
PHP内存缓存功能memcached示例
2016/10/19 PHP
推荐:极酷右键菜单
2006/11/29 Javascript
javascript 模式设计之工厂模式详细说明
2010/05/10 Javascript
js+JQuery返回顶部功能如何实现
2012/12/03 Javascript
jQuery实现统计复选框选中数量
2014/11/24 Javascript
IE下支持文本框和密码框placeholder效果的JQuery插件分享
2015/01/31 Javascript
jQuery表单美化插件jqTransform使用详解
2015/04/12 Javascript
12个非常实用的JavaScript小技巧【推荐】
2016/05/18 Javascript
js判断请求的url是否可访问,支持跨域判断的实现方法
2016/09/17 Javascript
windows 下安装nodejs 环境变量设置
2017/02/02 NodeJs
JS控件bootstrap datepicker使用方法详解
2017/03/25 Javascript
利用forever和pm2部署node.js项目过程
2017/05/10 Javascript
浅谈Angular HttpClient简单入门
2018/05/04 Javascript
vue构建动态表单的方法示例
2018/09/22 Javascript
JavaScript实现鼠标移入随机变换颜色
2020/11/24 Javascript
[13:56]DAC2018 4.5SOLO赛决赛 MidOne vs Paparazi第一场
2018/04/06 DOTA
六个窍门助你提高Python运行效率
2015/06/09 Python
实例解析Python设计模式编程之桥接模式的运用
2016/03/02 Python
PYTHON 中使用 GLOBAL引发的一系列问题
2016/10/12 Python
python删除过期log文件操作实例解析
2018/01/31 Python
利用python脚本如何简化jar操作命令
2019/02/24 Python
使用python无账号无限制获取企查查信息的实例代码
2020/04/17 Python
如何用Matplotlib 画三维图的示例代码
2020/07/28 Python
Html5百叶窗效果的示例代码
2017/12/11 HTML / CSS
新加坡航空官方网站:Singapore Airlines
2016/10/13 全球购物
idealfit英国:世界领先的女性健身用品和运动衣物品牌
2017/11/25 全球购物
什么是Assembly(程序集)
2014/09/14 面试题
百度吧主申请感言
2014/01/12 职场文书
《跟踪台风的卫星》教学反思
2014/04/10 职场文书
材料化学专业求职信
2014/07/15 职场文书
2014年个人思想工作总结
2014/11/27 职场文书
投资公司董事长岗位职责
2015/04/16 职场文书
爱国主义教育基地观后感
2015/06/18 职场文书
python面向对象版学生信息管理系统
2021/06/24 Python