Django分页器组件的使用

分页器组件

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对象
view视图
from django.shortcuts import render
from app01.models import *
from django.core.paginator import Paginator
# Create your views here.


def page_test(request):
    '''
    批量导入数据
    book_list = []
    for i in range(100):
    	Book.objects.create(name='book%s'%i,price=10+i)
        book = Book(name='book%s'%i,price=10+i)
        book_list.append(book)
    第一个参数是objs,第二个参数是batch_size,是一次插入数据的量,不写一次性全部插进去,只会测试时候用
    Book.objects.bulk_create(book_list)
    book_list = Book.objects.all()
    '''

    book_list = Book.objects.all()
    paginator = Paginator(book_list, 3)
    # paginator = Paginator(book_list, 10)
    # print(paginator.count)          #总数据数量
    # print(paginator.num_pages)      #总页码
    # print(paginator.page_range)     #页码范围
    try:
        current_page = int(request.GET.get('page', 1))
        # 生成page对象,传页码,会生成对应页码的数据
        page = paginator.page(current_page)
    except Exception:
        current_page = 1
        page =paginator.page(current_page)
    # for i in page:
    #     print(i.name)
    # print(page.has_next())      #是否有下一页
    # print(page.has_previous())   #是否有下一页
    # print(page.next_page_number())   #上一页页码
    # print(page.previous_page_number())   #下一页页码

    # 显示前五后五总共11页
    if paginator.num_pages>11:
        # 当当前页码小于5时
        if current_page<5:
            # 显示前11页
            page_range = range(1,12)
        # 当当前页码+5大于总页码时
        elif current_page+5>paginator.num_pages:
            # 显示最后11页
            page_range = range(paginator.num_pages-10,paginator.num_pages+1)
        else:

            page_range = range(current_page-5,current_page+6)
    else:
        # 当前页码小于11时,就按页码范围去值
        page_range = paginator.page_range

    return render(request,'page_test.html',locals())
核心逻辑
'''
    显示左5,右5,总共11个页,
如果总页码大于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)
其它情况,生成的列表就是pageinator的page_range
        page_range=paginator.page_range

    '''
模板层
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/static/bootstrap-3.3.7-dist/css/bootstrap.css">
</head>
<body>
<ul>
    {% for book in page %}
        <li>{{ book.name }}</li>
    {% endfor %}
</ul>

<nav aria-label="Page navigation">
    <ul class="pagination">
        {% if page.has_previous %}
            <li>
                <a href="?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={{ foo }}">{{ foo }}</a></li>
            {% else %}
                <li><a href="?page={{ foo }}">{{ foo }}</a></li>
            {% endif %}

        {% endfor %}

        {% if page.has_next %}
            <li>
                <a href="?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>
  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值