首页 > 其他分享 >分页器

分页器

时间:2023-12-06 18:34:47浏览次数:13  
标签:paginator 分页 int range num 页码 page

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

 

分页器的简单使用

#######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]

    
    
######3 Page对象的属性和方法
    # Page类 的对象
    page=paginator.page(2)   #  第一页的对象
    # 每一页的对象,属性和方法
    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)           # 当前页的页码数
    
    
##### 4 表模型中默认以id排序
    class Meta:
        ordering=('id', ) # 默认以id排序

views.py:

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

 

models.html:

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

 

 

 

 

 

 

 

 

 

 

分页器的进阶使用

# 最多显示前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

 

views.py:

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

 

models.html:

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

 

标签:paginator,分页,int,range,num,页码,page
From: https://www.cnblogs.com/97zs/p/17880249.html

相关文章

  • 多选批量删除 + 跨分页保留多选
    批量删除场景普通的批量删除实现:template显示结构<el-buttontype="danger"class="ele-btn-icon":icon="Delete"@click="deleteSomeGoods":disabled="multipleGoodsSelection.length===0">批量删除</el-button><el-......
  • tableau 工作表分页
    原创优阅达数据科技有限公司 https://mp.weixin.qq.com/s?__biz=MzA5MTU3NDI2NQ==&mid=2649465570&idx=1&sn=8211c332bd60ef66953aeb4d6f21a4d9&chksm=88655874bf12d162d32c2d5b5a2461d909dd6e2be840ecea2359fba7f349f2d1f0ef9c6f156a&scene=178&cur_album_id=156......
  • 分页符号的作用
    一、需求1、比如在下面的三页文章中,需要对中间的一个页面做横向设置,并且需要添加页框的设置如何进行操作二、分页符的作用打开word,插入--分页---创建三个空白的word纸张开始--分页符,空白页面中会显示----分页符----字样,当需要删除时,鼠标放在分页符前面,点击delete可删除......
  • Mybatis pageHelper分页
    转载自:www.javaman.cn目前主流的分页MyBatis-Plus分页和PageHelper分页,两者区别如下:集成方式:MyBatis-Plus:通过内置的拦截器实现分页功能,需要添加分页插件的配置。PageHelper:通过MyBatis的拦截器实现分页,以插件的形式与MyBatis集成。使用方式:MyBatis-Plus:调用内置方法进行分......
  • 【mysql】limit实现分页
    MySQL中使用LIMIT实现分页格式:LIMIT[位置偏移量,]行数第一个“位置偏移量”参数指示MySQL从哪一行开始显示,是一个可选参数,如果不指定“位置偏移量”,将会从表中的第一条记录开始(第一条记录的位置偏移量是0,第二条记录的位置偏移量是1,以此类推);第二个参数“行数”指示返回的记录条......
  • 分页查询在某些场景下引发的数据漏处理问题
    背景问题描述假设有一个表字段statues,我们分页获取数据。status初始状态为1,我们分批获取数据,每一批获取1000,对数据进行处理,如果处理成功就更新status为2,否则不更新。注意事项:分页循环查询满足条件的数据然后进行处理,通过PageHelper或者直接使用“limitstatIndex,pageSize”来分页......
  • react native FlatList 下拉加载更多分页数据
    一.官方文档flatlist文档onendreached方法二、相关代码importReact,{useState,useEffect}from'react';import{View,FlatList,Text,ActivityIndicator}from'react-native';constMyFlatListWithLoadMore=()=>{const[data,setData]=u......
  • Android Compose 的分页(Paging3)
    Overview官方链接:https://developer.android.com/topic/libraries/architecture/paging/v3-overview需要注意的是,Paging库的组件在应用程序的三层中运行,Paging在三层的架构如下图:存储库层ViewModel层用户界面层在三层的数据传递如下图:方法/接口官方链接:https://dev......
  • android创建平板的分页页码
    在横向平板显示分页页码的时候,要实现下面的效果当默认分页超过5个之后中间显示...然后两边的页码按钮点击之后移动页码,点击1、2页码不移动,点击了第3页之后,左边移动到2、3、4页面,如下使用RecyclerView列表实现,通过对Item的type进行分类来实现页码按钮和省略号,下面是分页列表......
  • Linux基础命令-more以分页显示内容
    一、命令的介绍more命令的功能用于分页显示文本文件内容,如果文件中的内容较多,使用cat命令读取后,就得翻上去从头开始看了,这时使用more命令进行分页查看就比较合适了,可以把文件内容一页一页的显示在终端界面上;每按一次回车即到下一行,每按一次空格即下一页,直到看完为止。......