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. SAP内表查询速度优化实例-OPEN SQL

    一.FOR ALL ENTRIES IN 案例 今天碰到工单报工统计分析表查询速度特别慢 经查看源代码: SELECT afpo~dwerk afko~aufnr afpo~matnr AS plnb ...

  2. Codeforces 498A Crazy Town

    C. Crazy Town time limit per test 1 second memory limit per test 256 megabytes input standard input ...

  3. 35.Unique Paths（不同的路径）

    Level:   Medium 题目描述:   A robot is located at the top-left corner of a m x n grid (marked 'Start' in ...

  4. xampp环境下，配置Zend Studio调试php(XDebug) 转摘：http://www.cnblogs.com/tuyithief/archive/2011/06/02/2068431.html

    先说一下文件版本,xampp 1.7.4,php 5.3.5. 走了很多弯路,截止目前,ZendDebugger在php 5.3.x下,只有nts版本,既non Thread Safety(具体什么意 ...

  5. Vue小白篇 -Vue 的模板语法

    可以插入任何你想插入的内容,除了 if-else if-else用三元运算符代替 <div id="box"> <!--模板语法--> <h2> ...

  6. 2019牛客暑期多校训练营（第九场）A.The power of Fibonacci

    题意:给出n和m,f(n)是斐波那契额数列的第n项,要求计算ans=f(1)^m+f(2)^m+....f(n)^m.即斐波那契额数列前n项的m次幂和. 解法:这题好像有两种解法:一种是循环节+CRT ...

  7. mysql slave节点多线程复制

    线上一个mysql主备延迟很大,master节点写入频繁,slave节点积累大量relay-log无法即使写入. 参考:https://www.cnblogs.com/conanwang/p/6006 ...

  8. 一、Redis的安装

    1.下载.解压.编译.安装 # 下载地址 wget http://download.redis.io/redis-stable.tar.gz # 解压 tar xzf redis-stable.tar ...

  9. 力扣——3sum closest（最接近的三数之和）python 实现

    题目描述: 中文: 给定一个包括 n 个整数的数组 nums 和 一个目标值 target.找出 nums 中的三个整数,使得它们的和与 target 最接近.返回这三个数的和.假定每组输入只存在唯一 ...

  10. python 常用技巧 — 字典 （dictionary）

    目录: 1. python 相加字典所有的键值 (python sum all values in dictionary) 2. python 两个列表分别组成字典的键和值 (python two l ...