分页器组件

本文目录

1 Django的分页器（paginator）简介

在页面显示分页数据，需要用到Django分页器组件

from django.core.paginator import Paginator

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

# per_page: 每页显示条目数量

# count:    数据总个数

# num_pages:总页数

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

# page:     page对象

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

# has_next              是否有下一页

# next_page_number      下一页页码

# has_previous          是否有上一页

# previous_page_number  上一页页码

# object_list           分页之后的数据列表

# number                当前页

# paginator             paginator对象

2 应用View层

from django.shortcuts import render,HttpResponse

# Create your views here.

from app01.models import *

from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger

def index(request):

    '''

    批量导入数据:

    Booklist=[]

    for i in range(100):

        Booklist.append(Book(title="book"+str(i),price=30+i*i))

    Book.objects.bulk_create(Booklist)

    '''

    '''

分页器的使用:

    book_list=Book.objects.all()

    paginator = Paginator(book_list, 10)

    print("count:",paginator.count)           #数据总数

    print("num_pages",paginator.num_pages)    #总页数

    print("page_range",paginator.page_range)  #页码的列表

    page1=paginator.page(1) #第1页的page对象

    for i in page1:         #遍历第1页的所有数据对象

        print(i)

    print(page1.object_list) #第1页的所有数据

    page2=paginator.page(2)

    print(page2.has_next())            #是否有下一页

    print(page2.next_page_number())    #下一页的页码

    print(page2.has_previous())        #是否有上一页

    print(page2.previous_page_number()) #上一页的页码

    # 抛错

    #page=paginator.page(12)   # error:EmptyPage

    #page=paginator.page("z")   # error:PageNotAnInteger

    '''

    book_list=Book.objects.all()

    paginator = Paginator(book_list, 10)

    page = request.GET.get('page',1)

    currentPage=int(page)

    try:

        print(page)

        book_list = paginator.page(page)

    except PageNotAnInteger:

        book_list = paginator.page(1)

    except EmptyPage:

        book_list = paginator.page(paginator.num_pages)

    return render(request,"index.html",{"book_list":book_list,"paginator":paginator,"currentPage":currentPage})

3 模版层 index.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"

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

</head>

<body>

<div class="container">

    <h4>分页器</h4>

    <ul>

        {% for book in book_list %}

             <li>{{ book.title }} -----{{ book.price }}</li>

        {% endfor %}

     </ul>

    <ul class="pagination" id="pager">

                 {% if book_list.has_previous %}

                    <li class="previous"><a href="/index/?page={{ book_list.previous_page_number }}">上一页</a></li>

                 {% else %}

                    <li class="previous disabled"><a href="#">上一页</a></li>

                 {% endif %}

                 {% for num in paginator.page_range %}

                     {% if num == currentPage %}

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

                     {% else %}

                       <li class="item"><a href="/index/?page={{ num }}">{{ num }}</a></li>

                     {% endif %}

                 {% endfor %}

                 {% if book_list.has_next %}

                    <li class="next"><a href="/index/?page={{ book_list.next_page_number }}">下一页</a></li>

                 {% else %}

                    <li class="next disabled"><a href="#">下一页</a></li>

                 {% endif %}

            </ul>

</div>

</body>

</html>

4 扩展

'''

    显示左5，右5，总共11个页，

    1 如果总页码大于11

        1.1 if 当前页码减5小于1，要生成1到12的列表（顾头不顾尾，共11个页码）

            page_range=range(1,12)

        1.2 elif 当前页码+5大于总页码，生成当前页码减10，到当前页码加1的列表（顾头不顾尾，共11个页码）

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

        1.3 else 生成当前页码-5，到当前页码+6的列表

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

    2 其它情况，生成的列表就是pageinator的page_range

        page_range=paginator.page_range

    '''

核心逻辑

def index(request):

    book_list=Book.objects.all()

    paginator = Paginator(book_list, 15)

    page = request.GET.get('page',1)

    currentPage=int(page)

    #  如果页数十分多时，换另外一种显示方式

    if paginator.num_pages>11:

        if currentPage-5<1:

            pageRange=range(1,11)

        elif currentPage+5>paginator.num_pages:

            pageRange=range(currentPage-5,paginator.num_pages+1)

        else:

            pageRange=range(currentPage-5,currentPage+5)

    else:

        pageRange=paginator.page_range

    try:

        print(page)

        book_list = paginator.page(page)

    except PageNotAnInteger:

        book_list = paginator.page(1)

    except EmptyPage:

        book_list = paginator.page(paginator.num_pages)

    return render(request,"index.html",locals())
def page_test(request):

    # book_list=[]

    # for i in range(100):

    #     book=Book(name='book%s'%i,price=10+i,pub_date='2018-09-18',publish_id=1)

    #     book_list.append(book)

    # Book.objects.bulk_create(book_list,10)

    book_list=Book.objects.all()

    # 生成paginator对象，传入书籍列表，每页10条数据

    paginator=Paginator(book_list,3)

    # 总页码数

    print(paginator.num_pages)

    # 页码列表

    print(paginator.page_range)

    # 总数据

    print(paginator.count)

    # 获取页面传来的页码

    current_page=int(request.GET.get('page',1))

    page_range=[]

    # 左5 右5

    # 获取页面传来的页码的page对象

    try:

        page=paginator.page(current_page)

        # print(page.has_next())            #是否有下一页

        # print(page.next_page_number())    #下一页的页码

        # print(page.has_previous())        #是否有上一页

        # print(page.previous_page_number()) #上一页的页码

        # 循环打印出当页对象

        for i in page:

            print(i)

    except Exception as e:

        current_page=1

        page = paginator.page(1)

    if paginator.num_pages>11:

        if current_page+5>paginator.num_pages:

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

        elif current_page-5<1:

            page_range=range(1,12)

        else:

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

    else:

        page_range=paginator.page_range

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

views

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <link rel="stylesheet" href="/static/bootstrap-3.3.7-dist/css/bootstrap.min.css">

    <title>Title</title>

</head>

<body>

<ul>

    {% for foo in page %}

        <li>{{ foo.name }}</li>

    {% endfor %}

</ul>

<nav aria-label="Page navigation">

    <ul class="pagination">

        {% if page.has_previous %}

            <li>

                <a href="/page_test/?page={{ 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 == foo %}

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

            {% else %}

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

            {% endif %}

        {% endfor %}

        {% if page.has_next %}

            <li>

                <a href="/page_test/?page={{ 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>

</body>

</html>

模版

---------https://www.cnblogs.com/liuqingzheng/articles/9509767.html

django -----分页器组件的更多相关文章

  1. django中的分页器组件

    目录 django的组件-分页器 引入分页器 分页器demo 创建数据库模型 url控制器 views视图函数 templates模板 为什么要用分页器 导入分页器 分页器优化1 分页器优化2 有多少 ...

  2. django url注册器组件, 响应器组件, 分页器组件

    一.url注册器的使用 1.1导入模块 from django.urls import re_path, include from .serializer import views from rest ...

  3. [Django高级之批量插入数据、分页器组件]

    [Django高级之批量插入数据.分页器组件] 批量插入数据 模板层models.py from django.db import models class Books(models.Model): ...

  4. 基于django做增删改查组件，分页器组件

    增删改查组件 一.Djangoadmin的启发 二.基于Djangoadmin实现数据的增删改查 分页器组件 分页器组件的介绍以及源码解读 补充:源码下载,

  5. Django 学习组件分页器与自定制分页器

    一.Django 分页器 1.django的分页器基础版 (1)首先是基础数据分别为 from django.db import models # Create your models here. c ...

  6. Django分页器的设置

    Django分页器的设置 有时候在页面中数据有多条时很显然需要进行分页显示,那么在python中django可以这样设置一个分页处理 怎么样去设置呢? 我们要用到  Django  中的  Pagin ...

  7. dj 分页器组件

    django内置的分页器组件,能够帮我们实现对查询的数据进行自动分页,并返回分页对象 from django.core.paginator import Paginator, EmptyPage Pa ...

  8. Django 2.0 学习(19)：Django 分页器

    Django 分页器 要使用Django实现分页功能,必须从Django中导入Paginator模块(painator - 分页器) views.py from django.shortcuts im ...

  9. Django - Cookie、Session、自定义分页和Django分页器

    2. 今日内容 https://www.cnblogs.com/liwenzhou/p/8343243.html 1. Cookie和Session 1. Cookie 服务端: 1. 生成字符串 2 ...

随机推荐

  1. Echarts dataZoom缩放功能参数详解：

    dataZoom=[ //区域缩放 { id: 'dataZoomX', show:true, //是否显示 组件.如果设置为 false,不会显示,但是数据过滤的功能还存在. backgroundC ...

  2. linux系统管理 启停命令

    mac下Linux的登录命名 'ssh -l root 192.168.10.109' password: xxxx ​ 退出登录 >> logout shutdown命令 要使用这个命令 ...

  3. C++ 解析一

    C++ 类和对象C++ 在 C 语言的基础上增加了面向对象编程,C++ 支持面向对象程序设计.类是 C++ 的核心特性,通常被称为用户定义的类型.类用于指定对象的形式,它包含了数据表示法和用于处理数据 ...

  4. 使用DDMS查看设备内的文件系统

    system文件系统存储了一些系统相关的文件 system/app里面是系统自带的应用程序 system/fonts里面存放的是系统自带的字体 system/frameworks里面存放的是系统的一些 ...

  5. 和的java程序

  6. 【转载】 unity 塔防游戏

    原文地址: Part1的地址:http://www.cnblogs.com/lcxBlog/p/6075984.html Part2的地址:http://www.cnblogs.com/lcxBlog ...

  7. Cracking The Coding Interview2.4

    删除前面的linklist,使用node来表示链表 // You have two numbers represented by a linked list, where each node cont ...

  8. net core 获取网站目录

    AppContext.BaseDirectory 获取项目的根目录

  9. FFT理解

     *连续时间-周期性信号频谱 clc;clear;close all N = input('N= '); T = 0.05; n = 1:N; %原始数据输入 D = 2*pi/(N*T); %计算分 ...

  10. nginx配置文服

    修改nginx.conf 添加如下内容 autoindex on; # 显示目录 autoindex_exact_size on; # 显示文件大小 autoindex_localtime on; # ...