Django分页组件

[TOC]

一、分页器

数据量大的话，可以分页获取，查看

例如：图书管理中，如果有成千上万本书，要是都在一个页面中渲染出来，会影响页面美观，所以就要用分页器分页渲染

二、分页器的使用

基本写法

基本写法:

	后端:

		总数据拿出来

		生成分页器Paginator对象(对象里有属性和方法)

		生成当前页的对象,current_page=paginator.page(当前页码)

		取出前台传过来的页码,current_page_num = int(request.GET.get('page'))

			-需要有异常捕获

			-捕获到,把当前页码设置成第一页

	前端:

		-for循环总页列表

		-点某一页,跳到指定页码,<li><a href="/index/?page={{ foo }}">{{ foo }}</a></li>

		-上一页,下一页的处理:需要有判断,判断是否有上一页,下一页

		# 判断总页码数是否大于11,不大于11,走else:把总页码数,赋给page_range(前端循环页码列表,循环的就是page_range)

			if paginator.num_pages >11:

				# 当前页码数-5大于1的时候,page_range应该是,page_range就是1到11页?

				if current_page_num-5<1:

					page_range=range(1,12)

				elif current_page_num+5>paginator.num_pages:

					# 当前页码数+5大于总页码数,总页码-10,到总页码+1之间

					page_range=range(paginator.num_pages-10,paginator.num_pages+1)

				else:

					#其他情况,左5,右6推算,也就是:range(current_page_num - 5, current_page_num + 6)

					page_range = range(current_page_num - 5, current_page_num + 6)

			else:

				#小于11,有多少页,就显示多少页

				page_range=paginator.page_range


from django.core.paginator import Paginator

# 对象参数

1. Paginator对象：    paginator = Paginator(user_list, 10)

# per_page: 每页显示条目数量

# count:    数据总个数

count = paginator.count

# num_pages:总页数，它是一个对象的方法，通过装饰器伪装成对象属性

page_num = paginator.num_pages

# page_range:总页数的索引范围，如: (1,10),(1,200)

PageRange = paginator.page_range

# page:     page对象，传一个数字，假如你想取到第1页，就传1进去，会返回一个page对象，这个对象里是当前页的一些对象

page_obj = paginator.page(1)

2. page对象：page=paginator.page(1)

# has_next              是否有下一页,它的返回值是一个布尔类型

page.has_next()

# next_page_number      下一页页码,它的返回值是一个int类型

page.next_page_number()

# has_previous          是否有上一页,它的返回值是一个布尔类型

page.has_previous()

# previous_page_number  上一页页码,它的返回值是一个int类型

page.has_previous()

# object_list           分页之后的数据列表

page.object_list()

# number                当前页

page.number()

# paginator             paginator对象

三、案例

1、模板层

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"

          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

    <title>Title</title>

</head>

<body>

<div class="row">

    <div class="col-md-6 col-md-offset-3">

        <table class="table table-striped">

            <thead>

            <tr>

                <th>书名</th>

                <th>价格</th>

            </tr>

            </thead>

            <tbody>

            {% for book in current_page %}

                <tr>

                    <td>{{ book.name }}</td>

                    <td>{{ book.price }}</td>

                </tr>

            {% endfor %}

            </tbody>

        </table>

        <nav aria-label="Page navigation">

            <ul class="pagination">

                {% if current_page.has_previous %}

                    <li>

                        <a href="/index/?page={{ current_page.previous_page_number }}" aria-label="Previous">

                            <span aria-hidden="true">上一页</span>

                        </a>

                    </li>

                {% else %}

                    <li class="disabled">

                        <a href="" aria-label="Previous">

                            <span aria-hidden="true">上一页</span>

                        </a>

                    </li>

                {% endif %}

                {% for foo in page_range %}

                    {% if current_page_num == foo %}

                        {# 当前页码等于循环到的页码数,变色#}

                        <li class="active"><a href="/index/?page={{ foo }}">{{ foo }}</a></li>

                    {% else %}

                        <li><a href="?page={{ foo }}">{{ foo }}</a></li>

                    {% endif %}

                {% endfor %}

                {% if current_page.has_next %}

                    <li>

                        {#                    <a href="/index/?page={{ current_page_num|add:1 }}" aria-label="Next">#}

                        <a href="/index/?page={{ current_page.next_page_number }}" aria-label="Next">

                            <span aria-hidden="true">下一页</span>

                        </a>

                    </li>

                {% else %}

                    <li class="disabled">

                        <a href="" aria-label="Next">

                            <span aria-hidden="true">下一页</span>

                        </a>

                    </li>

                {% endif %}

            </ul>

        </nav>

    </div>

</div>

</body>

</html>

2、视图层

def index(request):

    book_list = models.Book.objects.all()

    paginator = Paginator(book_list, 3)

    # 如果页码数多,让它显示前5,后5,中间是当前在的页码

    try:

        current_page_num = int(request.GET.get('page'))

        current_page = paginator.page(current_page_num)

        print(current_page.object_list)

        # 总页码数,大于11的时候

        if paginator.num_pages >11:

            # 当前页码数-5大于1的时候,page_range应该是?

            if current_page_num-5<1:

                page_range=range(1,12)

            elif current_page_num+5>paginator.num_pages:

                #     当前页码数+5大于总页码数,总页码数往前推11个

                page_range=range(paginator.num_pages-10,paginator.num_pages+1)

            else:

                page_range = range(current_page_num - 5, current_page_num + 6)

        else:

            #小于11,有多少页,就显示多少页

            page_range=paginator.page_range

    except Exception as e:

        current_page_num = 1

        current_page = paginator.page(current_page_num)

    return render(request, 'index_next.html', locals())

Django框架（十四）—— Django分页组件的更多相关文章

  1. Django框架下的增强分页组件

    本文通过文章同步功能推送至博客园,显示排版可能会有所错误,请见谅! 描述:Django框架内置了分页功能,但其只能满足简单需求,难以实现复杂功能. 实现代码: #!/usr/bin/env pytho ...

  2. 微信小程序把玩（二十四）toast组件

    原文:微信小程序把玩(二十四)toast组件 toast消息提示框,可用在提示一些信息,比如清楚缓存给用户一个友好的提示!或操作一些请求不想让用户有什么操作,toast也可以做到因为toast显示时其 ...

  3. 微信小程序把玩（十四）button组件

    原文:微信小程序把玩(十四)button组件 button按钮用的算是最普遍的组件之一. 主要属性: wxml <!--按钮默认样式,点击事件--> <button type=&qu ...

  4. Django框架（十四）-- forms组件、局部钩子、全局钩子

    一.什么是forms组件 forms组件就是一个类,可以检测前端传来的数据,是否合法. 例如,前端传来的邮箱数据,判断邮件格式对不对,用户名中不能以什么开头,等等 二.forms组件的使用 1.使用语 ...

  5. Django（十四）分页器（paginator）及自定义分页D

    http://www.mamicode.com/info-detail-1724597.html http://www.cnblogs.com/wupeiqi/articles/5246483.htm ...

  6. 十四 Django框架，中间件

    django 中的中间件(middleware),在django中,中间件其实就是一个类,在请求到来和结束后,django会根据自己的规则在合适的时机执行中间件中相应的方法. 在django项目的se ...

  7. Django框架之Ajax和form组件

    一.Django框架之查漏补缺 1)models,字段概况 name = models.CharField(max_length=) age = models.IntegerField() price ...

  8. Django框架第九篇--Django和Ajax、序列化组件(serializers)、自定义分页器、模型表choice参数

    Django和Ajax 一.什么是Ajax AJAX(Asynchronous Javascript And XML)翻译成中文就是“异步的Javascript和XML”.即使用Javascript语 ...

  9. Django框架（四）-- 路由控制：有名/无名分组、反向解析、路由分发、名称空间、伪静态、APPEND_SLASH、不同版本的Django区别、Django虚拟环境搭建

    路由控制 一.简单路由配置 url(r'^booklist$', views.booklist) 第一个参数是正则表达式,第二个参数是视图函数 每个正则表达式前面的'r' 是可选的但是建议加上.它告诉 ...

  10. Django（十五）Form组件

    参考博客: https://www.cnblogs.com/haiyan123/p/7778888.html http://www.cnblogs.com/wupeiqi/articles/61441 ...

随机推荐

  1. 如何使用iText制作中文PDF

    1. 下载itextpdf.jar 基础包:http://jaist.dl.sourceforge.net/project/itext/iText/iText5.5.2/itext-5.5.2.zip ...

  2. Webshell免杀

    过狗过D盾 <?php class me{ public $a = ''; function __destruct(){ assert("$this->a"); }}$ ...

  3. Percona XtraDB Cluster集群5.7 开启SSL认证

    mysqldump -uroot -p --ssl-cert=/data/mysql/client-cert.pem --ssl-key=/data/mysql/client-key.pem -h 1 ...

  4. HTML表单实例

    HTML表单 表单用于搜集不同类型的用户输入,表单由不同类型的标签组成,实现一个特定功能的表单区域(比如:注册), 首先应该用<form>标签来定义表单区域整体,在此标签中再使用不同的表单 ...

  5. static_关键字

      static关键字   1.在类中,用static声明的成员变量为静态成员变量,它为该类的公用变量,在第一次使用时被初始化,对于该类的所以对象来说,static成员变量只有一份. 2.用stati ...

  6. Windows Server 2008 R2 官方简体中文免费企业版/标准版/数据中心版

    Windows Server 2008 R2是一款微软发布的Windows服务器操作系统,和之前发布的Windows Server 2008相比功能更为完善运行更为稳定,提升了系统管理弹性.虚拟化.网 ...

  7. 插件化框架解读之so 文件加载机制（四）

    阿里P7移动互联网架构师进阶视频(每日更新中)免费学习请点击:https://space.bilibili.com/474380680 提问 本文的结论是跟着 System.loadlibrary() ...

  8. kubernetes容器集群部署Etcd集群

    安装etcd 二进制包下载地址:https://github.com/etcd-io/etcd/releases/tag/v3.2.12 [root@master ~]# GOOGLE_URL=htt ...

  9. 第五组postmortem报告

    为期近半年的软工课程顺利收工了.这一个学期的网站制作中, 憧憬过.懊恼过.兴奋过,回顾整个制作过程,我们按老师的要求来一份验尸报告. 1. 每个成员在beta 阶段的实践和alpha 阶段有何改进? ...

  10. 西电源ubuntu12

    deb http://linux.xidian.edu.cn/mirrors/ubuntu/ precise main restricted universe multiverse #deb-src ...