zoukankan      html  css  js  c++  java
  • Django-分页器

    一、分页器组件介绍

    项目数据量大了以后,比如涉及到分页,一页一页的加载显示
    django中分页器组件,把分页常用的东西,封装到一个类中
    实例化得到一个对象,对象里有属性和方法
    

    二、分页器的简单使用

    #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(1)   #  第一页的对象
        # 每一页的对象,属性和方法
        print(page.has_next())      # 有没有下一页
        print(page.next_page_number()) # 下一页页码
        print(page.has_previous())  # 是否有上一页
        print(page.previous_page_number()) # 上一页页面 (当前页如果是第一页,没有上一页)
        print(page.object_list)            # 当前页的所有数据
        print(page.number)           # 当前页的页码数
        
        
    #3 表模型中默认以id排序,不写的话会有警告
        class Meta:
            ordering=('id', ) # 默认以id排序
    

    视图

    def index(request):
        # 需要的第三个参数
        page_num_int=int(request.GET.get('page',1))
        book_list = models.Book.objects.all()
        paginator = Paginator(book_list, 10)
    
        # 需要的第一个参数:页码的生成器 [1,2,3,4,5,6,7,8,9,10]
        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})
    

    模板

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <link rel="stylesheet" href="/static/bootstrap/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">
                <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
    

    视图

    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})
    

    模板

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <link rel="stylesheet" href="/static/bootstrap/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">
                <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>
    
    若要实现在get请求里附带每页显示的条数,只要把数据取出来,然后把分页的条数改为变量即可
    默认情况下,分五条数据为一页,若前端指定了就按照指定的来
    from django.core.paginator import Paginator
        page_num_int = int(request.GET.get('page',1))
        page_count_num = int(request.GET.get('num',5))
        user_list = models.User.objects.all()
        paginator = Paginator(user_list,page_count_num)
    

  • 相关阅读:
    第一讲小结(位运算)
    新学期开始
    前缀表达式-怎样用空格分隔一个字符串
    计概期末前的小小总结
    动规作业-求数组不相邻元素之和的最大值
    网格-递归作业2-放苹果问题
    1025 数的划分(搜索和递推方法)
    网格-递归作业 集合里的乘法
    网格-递归作业 城堡问题
    去先导零的一个大坑
  • 原文地址:https://www.cnblogs.com/chiyun/p/14066557.html
Copyright © 2011-2022 走看看