一、分页器

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

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

二、分页器的使用

基本写法

基本写法:

    后端:

        总数据拿出来

        生成分页器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. LeetCode 112. Path Sum路径总和 (C++)

    题目: Given a binary tree and a sum, determine if the tree has a root-to-leaf path such that adding up ...

  2. div层的滑入滑出实例

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"><head runat=&quo ...

  3. navicat密码错误的问题

    上集说到我的navicat打不开对吧..‘ 这下就来聊聊打开了的问题 下午非常开心,就打开了mysql的图形化界面, 但是,在我连接数据库的时候就报错了 错误就是密码错误那行 什么什么‘localho ...

  4. 重装系统的jdk问题？？？

    重装系统了!!!! 之前因为不懂电脑,然后自己动手装了台台式机,简直太开心了,又自己装了个系统,一切都非常欢乐,来到了给电脑起名字的时候,我不知道有多少人会卡在起名字这里,但是我那个时候非常开心,就想 ...

  5. 数据结构——顺序队列（sequence queue）

    /* sequenceQueue.c */ /* 顺序队列 */ #include <stdio.h> #include <stdlib.h> #include <std ...

  6. 基于paramiko将文件上传到服务器上

    通过安装使用paramiko模块,将本地文件上传到服务器上 import paramiko import datetime import os hostname = '服务器ip' username ...

  7. monkey-api-encrypt 1.1.2版本发布啦

    时隔10多天,monkey-api-encrypt发布了第二个版本,还是要感谢一些正在使用的朋友们,提出了一些问题. GitHub主页:https://github.com/yinjihuan/mon ...

  8. ORACLE--报错，ORA-38770

    一,问题描述 背景说明,Dg备库需要恢复到三天前,但是期间没有开闪回,临时开始,出现了这个错误.原因分析: To enable Flashback Database, you configure a ...

  9. hdu6546 Function

    Function \(\text{Alice}\) 有 \(n\) 个二次函数 \(F_i(x)=a_ix^2+b_ix+c_i(i \in [1,n])\). 现在他想在 \(\sum_{i=1}^ ...

  10. Jenkins集成Sonar Quabe和权限配置

    目录 安装Sonar Jenkins配置sonar Maven Jenkins Job配置 Pipeline Jenkins Job配置 Sonar权限管理 Sonar quality Gate通过阈 ...