ListView 中 的 分页 - 无名小妖

wumingxiaoyao 2021-08-09 原文

分页功能由 Django 内置的 Paginator 类提供。这个类位于 django/core/paginator.py,需要使用它时,只需在适当的地方导入这个类即可。下面的代码摘自 Django 的官方文档中 Pagination 的示例。

  1. from django.core.paginator import Paginator

只需实例化一个 Paginator 对象,并在实例化时传入一个需要分页的列表对象,就可以得到分页后的对象数据。

  1. # 对 item_list 进行分页,每页包含 2 个数据。
  2. >>> item_list = [\'john\', \'paul\', \'george\', \'ringo\']
  3. >>> p = Paginator(item_list, 2)

取特定页的数据:

  1. # 取第 2 页的数据
  2. >>> page2 = p.page(2)
  3. >>> page2.object_list
  4. [\'george\', \'ringo\']

查询特定页的当前页码数:

  1. >>> page2.number
  2. 2

查看分页后的总页数:

  1. >>> p.num_pages
  2. 2

查看某一页是否还有上一页,以及查询该页上一页的页码:

  1. # 查询第二页是否还有上一页
  2. >>> page2.has_previous()
  3. True
  4. # 查询第二页上一页的页码
  5. >>> page2.previous_page_number()
  6. 1

查看某一页是否还有下一页,以及查询该页下一页的页码:

  1. # 查询第二页是否还有下一页
  2. >>> page2.has_next()
  3. False
  4. # 查询第二页下一页的页码
  5. >>> page2.next_page_number()
  6. django.core.paginator.EmptyPage: That page contains no results

更多方法和属性请参阅 Django Pagination 的官方文档

使用上面的一些方法,我们可以实现一个类似于 Django 官方博客一样的简单分页效果,效果如下。

Django官方博客简单分页效果

这里,Django 的官方文档中给出了一个在视图函数中对列表进行分页的示例,这个视图函数获取一个联系人列表并对其分页:

  1. from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger
  2. from django.shortcuts import render
  3. def listing(request):
  4. contact_list = Contacts.objects.all()
  5. paginator = Paginator(contact_list, 25) # 每页显示 25 个联系人
  6. page = request.GET.get(\'page\')
  7. try:
  8. contacts = paginator.page(page)
  9. except PageNotAnInteger:
  10. # 如果用户请求的页码号不是整数,显示第一页
  11. contacts = paginator.page(1)
  12. except EmptyPage:
  13. # 如果用户请求的页码号超过了最大页码号,显示最后一页
  14. contacts = paginator.page(paginator.num_pages)
  15. return render(request, \'list.html\', {\'contacts\': contacts})

这就是在视图函数中使用分页的代码逻辑,你可以把它当做一个模板应用于自己的任何需要分页的视图函数。不过在我们的博客项目中,我们不必写这些代码了。回顾在 基于类的通用视图:ListView 和 DetailView 中的内容,我们已将视图函数转换成了类视图。而类视图 ListView 已经帮我们写好了上述的分页逻辑,我们只需通过指定 paginate_by 属性来开启分页功能即可,即在类视图中指定 paginate_by 属性的值:

  1. blog/views.py
  2. class IndexView(ListView):
  3. model = Post
  4. template_name = \'blog/index.html\'
  5. context_object_name = \'post_list\'
  6. # 指定 paginate_by 属性后开启分页功能,其值代表每一页包含多少篇文章
  7. paginate_by = 10

这里我们设置了每 10 篇文章一页,当然你的测试数据可能不够。为了看到分页效果,你可以把这个数值减小。这样首页的文章列表就已经分好页了。

接下来便是在模板中设置分页导航,比如上一页、下一页的按钮,以及显示一些页面信息。我们这里设置和 Django 官方博客那样的分页导航样式(具体的样式见上图)。ListView 传递了以下和分页有关的模板变量供我们在模板中使用:

  • paginator ,即 Paginator 的实例。
  • page_obj ,当前请求页面分页对象。
  • is_paginated,是否已分页。只有当分页后页面超过两页时才算已分页。
  • object_list,请求页面的对象列表,和 post_list 等价。所以在模板中循环文章列表时可以选 post_list ,也可以选 object_list

模板中使用示例:

  1. templates/blog/index.html
  2.  
  3. {% if is_paginated %}
  4. <div class="pagination-simple">
  5. <!-- 如果当前页还有上一页,显示一个上一页的按钮 -->
  6. {% if page_obj.has_previous %}
  7. <a href="?page={{ page_obj.previous_page_number }}">上一页</a>
  8. {% endif %}
  9. <!-- 显示当前页面信息 -->
  10. <span class="current">第 {{ page_obj.number }} / {{ paginator.num_pages }} </span>
  11. <!-- 如果当前页还有下一页,显示一个下一页的按钮 -->
  12. {% if page_obj.has_next %}
  13. <a href="?page={{ page_obj.next_page_number }}">下一页</a>
  14. {% endif %}
  15. </div>
  16. {% endif %}

其中 {{ }} 模板变量中的内容,其含义已在文章开头部分的Paginator 类的常用方法中已有介绍。最终我们得到如下的分页效果:

Django 简单分页效果

当然这只是一个简单示例,分页导航处的视觉效果并不是很好看,你可以自行为其添加 CSS 样式使其看上去更加美观。

使用 Django 内置的 Pagination 只能实现上面的简单分页效果,但通常更加高级的分页效果应该像下图这样:

高级分页效果图

当前页面高亮显示,且显示当前页面前后几页的页码,始终显示第一页和最后一页的页码,中间可能还有省略号的效果,表示还有未显示的页码。

仅仅使用 Django Pagination 内置的方法无法实现这样的效果,需要我们写一些额外的代码来拓展 Pagination 的功能。接下来我们将详细说明该如何拓展 Pagination 以实现一个完善的分页效果。

本章节的代码位于:Step19: simple pagination

 

发表于
2017-06-22 14:46 
无名小妖 
阅读(1494
评论(0
编辑 
收藏 
举报

 

版权声明:本文为wumingxiaoyao原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/wumingxiaoyao/p/7064932.html

ListView 中 的 分页 - 无名小妖的更多相关文章

  1. CA认证 – 四海骄阳

    CA认证 CA认证,即电子认证服务 [1]  ,是指为电子签名相关各方提供真实性、可靠性验证的活动。 证书颁发 […]...

  2. 中国网通新版400电话 – 企业直线

    如今,全国400电话不再是少数大公司才能拥有的专利了,现在中小型公司一样可以拥有自己的一个全国唯一的400电话 […]...

  3. linux DRM GPU scheduler 笔记 – -Yaong-

    linux DRM GPU scheduler 笔记 内核文档:   Overview   The GPU s […]...

  4. 虚幻引擎4设置Visual Studio – Bill Yuan

    转自:http://www.unrealchina.net/portal.php?mod=view&a […]...

  5. MapReduce :基于 FileInputFormat 的 mapper 数量控制

    本篇分两部分,第一部分分析使用 java 提交 mapreduce 任务时对 mapper 数量的控制,第二部 […]...

  6. 人工智能大数据与嵌入式的关系 – 黑猫警长999

    人工智能大数据与嵌入式的关系 要是在以前跟大家说到嵌入式或者大数据的话,可能还有些人不太知道,也就是最近几年物 […]...

  7. Ubuntu 12.04下安装配置体验GNOME 3(转载) – 次奥砖家

    Ubuntu 12.04下安装配置体验GNOME 3(转载) 转自:http://www.tuicool.co […]...

  8. Linux终端下svn命令的使用 – 励志

    Linux终端下svn命令的使用 摘自博客园 Lee\’s 程序人生 svn是一个代码管理工具,可 […]...

随机推荐

  1. SpringMVC 返回json的两种方式

    前后台数据交互使用json是一种很重要的方式.本文主要探讨SpringMVC框架使用json传输的技术. 请注 […]...

  2. 华为S5700交换机初始化和配置SSH和TELNET远程登录方法

    华为S5700交换机初始化和配置TELNET远程登录方法: 1,交换机开启Telnet服务 <Huawe […]...

  3. 8.Vue组件三—slot插槽

    主要内容:  1. 什么是插槽 2. 组件的插槽 3. 插槽的使用方法 4. 插槽的具名 5. 变量的作用域 […]...

  4. 使用layui-tree美化左侧菜单,点击生成tab选项

    layui-tree美化左侧菜单 html <div class="layui-side layui-b […]...

  5. 线性数据结构的遍历

    线性数据结构的遍历 // 数组的遍历 // 创建一个数组 arr = [1, 2, 3, 4, 5, 6] c […]...

  6. 图像配准SIFT

    (一)图像特征匹配–SIFT 1.1 SIFT背景简介         SIFT算法是David […]...

  7. 【Spring Boot&&Spring Cloud系列】Spring Boot中使用NoSql数据库Redis

    github地址:https://github.com/AndyFlower/Spring-Boot-Lear […]...

  8. 商业数据分析第三记

    Excel basic 数据分析最基本的工具就是Excel了,Excel的功能其实特别强大,可以有很炫酷的操作 […]...

展开目录

目录导航