zoukankan      html  css  js  c++  java
  • 分页器组件

    分页器

     

    分页器功能:

    在页面显示分页数据,需要用到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对象

    Views.py

    from django.shortcuts import render, HttpResponse
    
    # Create your views here.
    from app01.models import *
    
    # 导入django内置的paginator模块
    from django.core.paginator import Paginator, EmptyPage
    
    
    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)
        # 一次插入10条数据,第二个参数没有 则一次全部插入
        # Book.objects.bulk_create(book_list,10)
        # Book.objects.bulk_create(book_list)
        # 获取当前页码
    
        book_list = Book.objects.all() #这里只要不调用不会执行,数据库不可能吧全部的数据都加载到内存
        paginator = Paginator(book_list, 3) # 一页3条数据
        print(paginator.count) #总数据条数 插入了一百条所以就是100
        print(paginator.num_pages) #总页码数 比如每页10条数据 则有100/10=10 页码数为10
        print(paginator.page_range) #页码范围 range(1,11)
        try:
            #获取当前页码,如果不传,默认就是第一页
            current_page = int(request.GET.get('page', 1))
            # 生成page对象,传页码,会生成对应页码数据的对象
            page = paginator.page(current_page)
        except Exception:
            current_page = 1
            page = paginator.page(1)
    
        # for i in page.object_list: #对应页码的对象,比如显示第三页的10条数据
        #     print(i)
        # for i in page:  #同上面一样
        #     # 当前页码的每条数据
        #     print(i)
    
        # 是否有下一页
        # print(page.has_next())
        # # 是否有上一页
        # print(page.has_previous())
        # # 下一页页码
        # print(page.next_page_number())
        # # 上一页页码
        # print(page.previous_page_number())
        # 显示前5 后5 总共11页
        if paginator.num_pages > 11:
            if current_page - 5 < 1:
                page_range = range(1, 12)
            elif current_page + 5 > paginator.num_pages:
                page_range = range(paginator.num_pages - 10, paginator.num_pages + 1)
            else:
                page_range = range(current_page - 5, current_page + 6)
        else:
            page_range = paginator.page_range
    
        return render(request, 'page_test.html', locals())

    模板层

    <!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 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>
  • 相关阅读:
    Redis数据类型
    Linux配置Redis
    Linux配置ActiveMQ
    Linux配置Docker
    3、Spring Boot日志
    2、Spring Boot配置
    1. Spring Boot入门
    Linux(centos6.8)配置Redis
    okhttp禁止重定向
    123
  • 原文地址:https://www.cnblogs.com/xujinjin18/p/9668346.html
Copyright © 2011-2022 走看看