如何在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参数和作用域的使用
Nov 01 Python
python批量修改文件名的实现代码
Sep 01 Python
详解Python中heapq模块的用法
Jun 28 Python
利用Python开发微信支付的注意事项
Aug 19 Python
python 2.6.6升级到python 2.7.x版本的方法
Oct 09 Python
python进阶之多线程对同一个全局变量的处理方法
Nov 09 Python
python-itchat 获取微信群用户信息的实例
Feb 21 Python
python查询文件夹下excel的sheet名代码实例
Apr 02 Python
Django 路由控制的实现
Jul 17 Python
python datetime中strptime用法详解
Aug 29 Python
python实现从尾到头打印单链表操作示例
Feb 22 Python
利用django model save方法对未更改的字段依然进行了保存
Mar 28 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
Protoss兵种介绍
2020/03/14 星际争霸
PHP投票系统防刷票判断流程分析
2012/02/04 PHP
PHP中集成PayPal标准支付的实现方法分享
2012/02/06 PHP
一个显示效果非常不错的PHP错误、异常处理类
2014/03/21 PHP
ASP和PHP实现生成网站快捷方式并下载到桌面的方法
2014/05/08 PHP
FastCGI 进程意外退出造成500错误
2015/07/26 PHP
php+jquery+html实现点击不刷新加载更多的实例代码
2016/08/12 PHP
Laravel接收前端ajax传来的数据的实例代码
2017/07/20 PHP
利用Homestead快速运行一个Laravel项目的方法详解
2017/11/14 PHP
超级兔子让浮动层消失的前因后果
2007/03/09 Javascript
javaScript checkbox 全选/反选及批量删除
2010/04/28 Javascript
js open() 与showModalDialog()方法使用介绍
2013/09/10 Javascript
js将json格式内容转换成对象的方法
2013/11/01 Javascript
一款基jquery超炫的动画导航菜单可响应单击事件
2014/11/02 Javascript
Javascript 运动中Offset的bug解决方案
2014/12/24 Javascript
微信内置浏览器私有接口WeixinJSBridge介绍
2015/05/25 Javascript
jQuery实现右侧抽屉式在线客服功能
2017/12/25 jQuery
Vue2.0系列之过滤器的使用
2018/03/01 Javascript
详解ES6 Promise的生命周期和创建
2019/08/18 Javascript
JS数组Reduce方法功能与用法实例详解
2020/04/29 Javascript
JS如何定义用字符串拼接的变量
2020/07/11 Javascript
[54:57]DOTA2-DPC中国联赛定级赛 Aster vs DLG BO3第二场 1月8日
2021/03/11 DOTA
Python中atexit模块的基本使用示例
2015/07/08 Python
解决Python出现_warn_unsafe_extraction问题的方法
2016/03/24 Python
dataframe设置两个条件取值的实例
2018/04/12 Python
python使用多进程的实例详解
2018/09/19 Python
python Tkinter版学生管理系统
2019/02/20 Python
将python2.7添加进64位系统的注册表方式
2019/11/20 Python
基于 HTML5 WebGL 实现的垃圾分类系统
2019/10/08 HTML / CSS
Zavvi美国:英国娱乐之家
2017/03/19 全球购物
新学期红领巾广播稿
2014/01/14 职场文书
人事专员的岗位职责
2014/03/01 职场文书
保护黄河倡议书
2014/05/16 职场文书
2015年护理工作总结范文
2015/04/03 职场文书
朋友离别感言
2015/08/04 职场文书
vue实现移动端div拖动效果
2022/03/03 Vue.js