Django - 分页器(paginator)

目录

一、分页器 - 在页面将数据库内返回前端的数据进行分页显示

1-1 分页器模块介绍 - from django.core.paginator import Paginator

 二、数据库的批量添加

三、前端

四、视图层传输数据


一、分页器 - 在页面将数据库内返回前端的数据进行分页显示

1-1 分页器模块介绍 - from django.core.paginator import Paginator

paginator=Paginator(book_list,10) 创建分页器对象,两个参数:object_list:对象列表, per_page:每页显示的条数
对象内属性如下(对象.属性)  
paginator.count 数据总条数(100条)
paginator.num_pages 总页数(10页)
paginator.page_range 页码数的列表,总页数的索引范围,如: (1,11),(11,21),取前不取后
current_page=paginator.page(5) 取到第 x 页 ,返回一个Page对象
current_page.object_list 当前页码内所有的数据
Page对象内方法(对象.方法())  
current_page.*has_next() 当前页码,是否有下一页
current_page.has_previous() 当前页码,是否有上一页
current_page.next_page_number() 当前页码,下一页页码数
current_page.previous_page_number() 当前页码,上一页的页码数

 二、数据库的批量添加

import os

if __name__ == '__main__':
    os.environ.setdefault("DJANGO_SETTINGS_MODULE", "paginator.settings")
    import django

    django.setup()

    from app01 import models

    # # 初级(循环批量插入)
    # for i in range(100):
    #     models.Book.objects.create(name='图书%s' % i, price=10 + i)

    # 高级批量插入)
    # 先造成100本书, 放到列表中
    l= []
    for i in range(100):
        l.append(models.Book(name='图书%s' % i, price=10 + i))
    # 批量插入,两个参数,第一个是对象列表,第二个是一次插入的数据量,不填,默认一次全插入
    models.Book.objects.bulk_create(l)

三、前端

总结:

  • 结构:数据库内容展示位于表格内 + 分页结构(上一页+设置显示页码+下一个)
  • 注意:路由拼写必须为'/路径/',即必须开头加斜杠,否则点击会自动在末位连续添加

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/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_num|add:-1 }}" aria-label="Previous">#}
                        <a href="/index/?page={{ current_page.previous_page_number }}" aria-label="Previous">
                            <span aria-hidden="true">上一页</span>
                        </a>
                    </li>
                {% else %}
                    <li class="disabled">   {# 若当前页不存在上一页,则按钮disabled #}
                        <a href="" aria-label="Previous">
                            <span aria-hidden="true">上一页</span>
                        </a>
                    </li>
                {% endif %}

                {# 循环页码数列表(1,11),(11,21) #}
                {% 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"> {# 若当前页不存在下一页,则按钮disabled #}
                        <a href="" aria-label="Next">
                            <span aria-hidden="true">下一页</span>
                        </a>
                    </li>
                {% endif %}
            </ul>
        </nav>
    </div>

</div>
</body>
</html>

四、视图层传输数据

总结:

  • 前台传数据给后台:选择的页码通过 <a href="" >内的路由进行跳转,使用GET传输
  • 后台传输数据给前台:使用render传输 
  • 若url内未输入捕捉页码或者输入超出范围的捕捉页码,通过异常捕捉并给一个初始值
from django.shortcuts import render, HttpResponse

# Create your views here.
from django.core.paginator import Paginator, EmptyPage
from app01 import models

def index(request):
    book_list = models.Book.objects.all()
    paginator = Paginator(book_list, 3)

    # 如果页码数多,确保显示为固定的10个
    # 则,让它显示前5,后5,中间是当前在的页码

    try:  # 捕获异常,若有人在url内输入非范围内的页数,则显示当前页面为1
        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(页码数列表)应该是?
            # 当前页码数-5小于1的时候,page_range(页码数列表)都应该是 1-11
            if current_page_num - 5 < 1:
                # range 创建一个整数列表,取钱不取后
                page_range = range(1, 12)
            elif current_page_num + 5 > paginator.num_pages:
                # 当前页码数+5大于总页码数,总页码数往前推11个
                # 若总页码数为34,则从29页到34页都显示相同的page_range
                # 总页码数-10,总页码数+1 --总页码数-10:显示包括总页码数 总页码数+1:取前不取后
                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)
        page_range = range(1, 12)

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

猜你喜欢

转载自blog.csdn.net/qq_33961117/article/details/84303013