一、分页器

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

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

二、分页器的使用

基本写法

基本写法:

    后端:

        总数据拿出来

        生成分页器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的rest_framework的分页组件源码分析

    前言: 分页大家应该都很清楚,今天我来给大家做一下Django的rest_framework的分页组件的分析:我的讲解的思路是这样的,分别使用APIview的视图类和基于ModelViewSet的视图 ...

  2. 第三百一十四节，Django框架，自定义分页

    第三百一十四节,Django框架,自定义分页 自定义分页模块 #!/usr/bin/env python #coding:utf-8 from django.utils.safestring impo ...

  3. Django框架 之 Pagination分页实现

    Django框架 之 Pagination分页实现 浏览目录 自定义分页 Django内置分页 一.自定义分页 1.基础版自定义分页 1 2 3 4 5 6 7 8 9 10 11 12 13 14 ...

  4. Django框架02 /Django下载安装、url路由分发

    Django框架02 /Django下载安装.url路由分发 目录 Django框架02 /Django下载安装.url路由分发 1. django下载安装 2. pycharm创建项目 3. 基于D ...

  5. Django框架基础之Form组件

    服务端假设所有用户提交的数据都是不可信任的,所以Django框架内置了form组件来验证用户提交的信息 form组件的2大功能:       1 验证(显示错误信息)       2 保留用户上次输入 ...

  6. Django框架 (七) Django ORM模型

    ORM简介 查询数据层次图解:如果操作mysql,ORM是在pymysq之上又进行了一层封装

  7. Django框架(一)-Django初识

    Django初识 一.Web框架本质—自己实现Web框架 1.所有的Web应用本质上就是一个socket服务端,而用户的浏览器就是一个socket客户端 import socket sk = sock ...

  8. 3/18 Django框架 启动django服务

    web框架:本质是socket服务端,socket通常也被称为"套接字",用于描述IP地址和端口,是一个通信链的句柄,可以用来实现不同虚拟机或不同计算机之间的通信.web框架就是将 ...

  9. 电子商务系统的设计与实现(十)：DWZ框架与第三方分页组件整合

    晚上,就是刚刚,在后端管理系统中使用DWZ框架. 先是,直接使用官网网站的Demo,dwz-jui,与编程语言无关的纯静态的那个原始项目. 很快就搭建好了左侧菜单,打开菜单后,出现Tab页面,然后显示 ...

  10. 手把手教你使用Vue/React/Angular三大框架开发Pagination分页组件

    DevUI是一支兼具设计视角和工程视角的团队,服务于华为云DevCloud平台和华为内部数个中后台系统,服务于设计师和前端工程师.官方网站:devui.designNg组件库:ng-devui(欢迎S ...

随机推荐

  1. ibatis<iterate>标签

    <iterate  property="" 从传入的参数集合中使用属性名去获取值,   这个必须是一个List类型,   否则会出现OutofRangeException, ...

  2. 3.Vue的基本语法

    1.v-bind 可简写为":" 你看到的 v-bind 等被称为指令.指令带有前缀 v-,以表示它们是 Vue 提供的特殊特性. 我们可以使用 v-bind 来绑定元素特性! 在 ...

  3. win10经常无法复制粘贴

    两种方法尝试一下: 1. 在c:\windows\system32 目录下新建文件夹,命名为clip 2. 因为有道词典会监控并占用你的剪贴板,请尝试关闭有道词典的[取词]和[划词]功能,如果还不行就 ...

  4. 2019CCPC网络预选赛 八道签到题题解

    目录 2019中国大学生程序设计竞赛(CCPC) - 网络选拔赛 6702 & 6703 array 6704 K-th occurrence 6705 path 6706 huntian o ...

  5. A1037 Magic Coupon (25 分)

    一.技术总结 这也是一个贪心算法问题,主要在于想清楚,怎么解决输出和最大,两个数组得确保符号相同位相乘,并且绝对值尽可能大. 可以用两个vector容器存储,然后排序从小到大或是从大到小都可以,一次从 ...

  6. [ Python入门教程 ] Python的控制语句

    Python控制语句由条件语句.循环语句构成.控制语句根据条件表达式控制程序的流转.本章将介绍Python中控制语句的基本语法. 条件判断语句 (1)if条件语句 if语句用于检测某个条件是否成立.如 ...

  7. [LeetCode] 281. Zigzag Iterator 之字形迭代器

    Given two 1d vectors, implement an iterator to return their elements alternately. Example: Input: v1 ...

  8. [LeetCode] 281. The Skyline Problem 天际线问题

    A city's skyline is the outer contour of the silhouette formed by all the buildings in that city whe ...

  9. java web开发入门五（ssh整合）基于intellig idea

    SSH整合 1.引入jar包 Struts 核心jar Hibernate 核心jar Spring Core  核心功能 Web  对web模块支持 Aop   aop支持 Orm   对hiber ...

  10. 网络基础-------------给电脑设置IP

    ip 是每一台电脑进入互联网的一个必备钥匙,没有它就不能体会冲浪的乐趣,当我们使用电脑连接无线时我们就会被自动分配一个ip地址(DHCP),这样我们就可以凭借这个IPV4地址来进行冲浪了,但是自动分配 ...