ICode9
精准搜索请尝试： 精确搜索
首页
编程语言>
数据库
系统相关
互联网
其他分享
Python
Java
JavaScript
android
PHP
首页 > 其他分享> 文章详细

Django之分页器组件

2021-06-26 06:00:47  阅读：182  来源： 互联网

标签：paginator 分页 Django book range num 组件 西游记 page


目录

Django之分页器组件

一 Django的分页器(paginator)简介

在页面显示分页数据，需要用到Django分页器组件。
-1) 项目数据量大了以后，比如涉及到分页，一页一页的加载显示
-2) django中分页器组件，把分页常用的东西，封装到一个类中
-3) 实例化得到一个对象，对象里有属性和方法

二 分页器的简单使用

# 导入分页器的类
from django.core.paginator import Paginator

## 1 Paginator对象的属性和方法
    book_list = models.Book.objects.all()
    # 实例化得到对象
    # 第一个参数：要分页的数据，book_list
    # 第二个参数：每页条数
    paginator = Paginator(book_list, 10)
    # Paginator对象的属性和方法
    print(paginator.per_page)          # 每页显示的条数
    print(paginator.count)             # 总条数，总共要分页多少条数据
    print(paginator.num_pages)         # 总页码数
    print(paginator.page_range)        # 页码的生成器 [1,2,3,4,5,6,7,8,9,10]

## 2 Page对象的属性和方法
    # Page类 的对象
    page = paginator.page(2)           # 第二页的对象
    # 每一页的对象，属性和方法
    print(page.has_next())             # 有没有下一页
    print(page.next_page_number())     # 下一页页码
    print(page.has_previous())         # 有没有上一页页面 （当前页如果是第一页，没有上一页）
    print(page.object_list)            # 当前页的所有数据, <QuerySet [<Book: Book object (11)>, <Book: Book object (12)>, <Book: Book object (13)>, <Book: Book object (14)>, <Book: Book object (15)>, <Book: Book object (16)>, <Book: Book object (17)>, <Book: Book object (18)>, <Book: Book object (19)>, <Book: Book object (20)>]>
    print(page.number)                 # 当前页的页码数

## 3 设置表模型中默认以id排序
    class Meta:
        ordering=('id', ) # 默认以id排序

## 4 如何在表中批量插入数据
def index(request):
    # 批量插入数据的两种方式
    # # 方式一:[不推荐，进行了100次数据库写入，不好]
    # for i in range(100):
    #     models.Book.objects.create(name='西游记%s' % i, price=i + 1)
    # 方式二：
    ll = []
    for i in range(100):
        book = models.Book(name='西游记%s' % i, price=i + 1)
        ll.append(book)
    # 使用bulk_create() 进行批量插入
    models.Book.objects.bulk_create(ll, 10)
    # 原生sql：(0.001) INSERT INTO `book_test_book` (`name`, `price`) VALUES ('西游记0', '1.00'), ('西游记1', '2.00'), ('西游记2', '3.00'), ('西游记3', '4.00'), ('西游记4', '5.00'), ('西游记5', '6.00'), ('西游记6', '7.00'), ('西游记7', '8.00'), ('西游记8', '9.00'), ('西游记9', '10.00'); args=('西游记0', '1.00', '西游记1', '2.00', '西游记2', '3.00', '西游记3', '4.00', '西游记4', '5.00', '西游记5', '6.00', '西游记6', '7.00', '西游记7', '8.00', '西游记8', '9.00', '西游记9', '10.00')

    return render(request, 'index.html')

1 视图层

from django.core.paginator import Paginator

def index(request):
    # 需要的第三个参数
    page_num_int = int(request.GET.get('page', 1))
    book_list = models.Book.objects.all()
    paginator = Paginator(book_list, 10)
    # 需要的第一个参数：页码的生成器
    page_range = paginator.page_range
    # 需要的第二个参数，去到某一页的page对象
    page = paginator.page(page_num_int)
    return render(request, 'index.html', context={'page_range': page_range, 'page': page, 'page_num_int': page_num_int})

2 模板层

<!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>

<div class="container-fluid">  <!-- 流式布局  -->
    <div class="row">  <!-- 栅格系统  -->
        <div class="col-md-6 col-md-offset-3">  <!-- 六个栅格，左偏移3  -->
            <table class="table">
                <thead>
                <tr>
                    <th>id</th>
                    <th>名字</th>
                    <th>价格</th>
                </tr>
                </thead>
                <tbody>
                {% for book in page.object_list %}
                    <tr>
                        <td>{{ book.id }}</td>
                        <td>{{ book.name }}</td>
                        <td>{{ book.price }}</td>
                    </tr>
                {% endfor %}
                </tbody>

            </table>

            <div class="text-center">
                <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">&laquo;</span>
                                </a>
                            </li>
                        {% else %}
                            <!-- 禁用按钮  -->
                            <li class="disabled">
                                <a href="" aria-label="Previous">
                                    <span aria-hidden="true">&laquo;</span>
                                </a>
                            </li>
                        {% endif %}

                        {% for page_num in page_range %}
                            {% if page_num_int == page_num %}
                                <li class="active"><a href="/?page={{ page_num }}">{{ page_num }}</a></li>
                            {% else %}
                                <li><a href="/?page={{ page_num }}">{{ page_num }}</a></li>
                            {% endif %}

                        {% endfor %}


                        <!-- 逻辑判断，如果有后一页，则可以点击下一页按钮  -->
                        {% if page.has_next %}
                            <li>
                                <a href="/?page={{ page.next_page_number }}" aria-label="Next">
                                    <span aria-hidden="true">&raquo;</span>
                                </a>
                            </li>
                        {% else %}
                            <!-- 禁用按钮  -->
                            <li class="disabled">
                                <a href="" aria-label="Next">
                                    <span aria-hidden="true">&raquo;</span>
                                </a>
                            </li>
                        {% endif %}

                    </ul>
                </nav>

            </div>
        </div>
    </div>
</div>

</body>
</html>

三 分页器的进阶使用

# 最多显示前5 后5 和当前，总共11个页码，如果少于11，全部显示出来

#逻辑分析 
	显示左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

1 视图层

def index(request):
    # 需要的第三个参数
    page_num_int = int(request.GET.get('page', 1))
    book_list = models.Book.objects.all()
    paginator = Paginator(book_list, 1)

    # 需要的第一个参数：页码的生成器 [1,2,3,4,5,6,7,8,9,10]
    # page_range = paginator.page_range
    if paginator.num_pages > 11:

        # 当前条件符合了以后，有三种情况
        if page_num_int - 5 < 1:
            page_range = range(1, 11)
        elif page_num_int + 5 > paginator.num_pages:
            page_range = range(paginator.num_pages - 10, paginator.num_pages + 1)
        else:
            page_range = range(page_num_int - 5, page_num_int + 5)
    else:
        page_range = paginator.page_range
    # 需要的第二个参数,去到某一页的page对象
    page = paginator.page(page_num_int)
    return render(request, 'index.html', {'page_range': page_range, 'page': page, 'page_num_int': page_num_int})

2 模板层

<!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>

<div class="container-fluid">  <!-- 流式布局  -->
    <div class="row">  <!-- 栅格系统  -->
        <div class="col-md-6 col-md-offset-3">  <!-- 六个栅格，左偏移3  -->
            <table class="table">
                <thead>
                <tr>
                    <th>id</th>
                    <th>名字</th>
                    <th>价格</th>
                </tr>
                </thead>
                <tbody>
                {% for book in page.object_list %}
                    <tr>
                        <td>{{ book.id }}</td>
                        <td>{{ book.name }}</td>
                        <td>{{ book.price }}</td>
                    </tr>
                {% endfor %}
                </tbody>

            </table>

            <div class="text-center">
                <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">&laquo;</span>
                                </a>
                            </li>
                        {% else %}
                            <!-- 禁用按钮  -->
                            <li class="disabled">
                                <a href="" aria-label="Previous">
                                    <span aria-hidden="true">&laquo;</span>
                                </a>
                            </li>
                        {% endif %}

                        {% for page_num in page_range %}
                            {% if page_num_int == page_num %}
                                <li class="active"><a href="/?page={{ page_num }}">{{ page_num }}</a></li>
                            {% else %}
                                <li><a href="/?page={{ page_num }}">{{ page_num }}</a></li>
                            {% endif %}

                        {% endfor %}


                        <!-- 逻辑判断，如果有后一页，则可以点击下一页按钮  -->
                        {% if page.has_next %}
                            <li>
                                <a href="/?page={{ page.next_page_number }}" aria-label="Next">
                                    <span aria-hidden="true">&raquo;</span>
                                </a>
                            </li>
                        {% else %}
                            <!-- 禁用按钮  -->
                            <li class="disabled">
                                <a href="" aria-label="Next">
                                    <span aria-hidden="true">&raquo;</span>
                                </a>
                            </li>
                        {% endif %}

                    </ul>
                </nav>

            </div>
        </div>
    </div>
</div>

</body>
</html>

标签：paginator,分页,Django,book,range,num,组件,西游记,page
来源： https://www.cnblogs.com/chaochaofan/p/14932312.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

关于我们 | 联系我们 | 留言反馈

专注分享技术，共同学习，共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有