Django分页

最新推荐文章于 2022-11-25 18:11:48 发布

大叔很坑

最新推荐文章于 2022-11-25 18:11:48 发布

阅读量1.2k

点赞数

分类专栏： django 文章标签： django

本文链接：https://blog.csdn.net/qq_40942329/article/details/79939539

版权

django 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

Paginator对象

方法init(列表,int)：返回分页对象，参数为列表数据，每面数据的条数
属性count：返回对象总数
属性num_pages：返回页面总数
属性page_range：返回页码列表，从1开始，例如[1, 2, 3, 4]
方法page(m)：返回Page对象，表示第m页的数据，下标以1开始

Page对象

调用Paginator对象的page()方法返回Page对象，不需要手动构造
属性object_list：返回当前页对象的列表
属性number：返回当前是第几页，从1开始
属性paginator：当前页对应的Paginator对象
方法has_next()：如果有下一页返回True
方法has_previous()：如果有上一页返回True
方法len()：返回当前页面对象的个数
迭代页面对象：访问当前页面中的每个对象

示例

views.py

from django.core.paginator import Paginator
from models import AreaInfo
from django.core import serializers

#pageIndex：当前要显示的页码;pageSize:每页显示的条数
def page_test(request,pageIndex,pageSize):
    #查询所有的地区信息
    list1 = AreaInfo.objects.filter(aParent__isnull=True)
    #获取总条数
    totalCount=list1.count()
    #每页显示的条数
    pageSize=int(pageSize)
    #总页数
    totalPage= totalCount/pageSize if totalCount%pageSize == 0 else totalCount/pageSize+1
    #将地区信息按每页显示的条数进行分页
    p = Paginator(list1, pageSize)
    #通过url匹配的参数都是字符串类型，转换成int类型
    pageIndex = int(pageIndex)
    #获取第pageIndex页的数据
    list2 = p.page(pageIndex)
    #构建字典数据
    response_data = {}
    #返回结果
    response_data['result'] = 'Success'
    response_data['pageIndex'] = pageIndex
    response_data['pageSize'] = pageSize
    response_data['totalPage'] = totalPage
    response_data['totalCount'] = totalCount
    #返回信息(通过django.core 包下的serializers进行json序列化)
    response_data['message'] = serializers.serialize('json', list2)
    return JsonResponse(response_data)

paging.html

<html>
<head>
    <title>分页</title>
    <script src="/static/js/jquery-1.12.4.min.js"></script>
    <script>
        var pageIndex = 1; //默认第一页
        var pageSize = 10;//每页显示条数
        var totalPage = 0; //总页数
        var totalCount = 0; //总条数
        $(function () {
            skipPage(pageIndex);
        });
        //处理跳转页面
        function skipPage(pageNum) {
            pageIndex = pageNum;
            //发出获取数据的请求
            $.get('/page_test_'+pageIndex+'_'+pageSize,function (data) {
                var result=data.result;
                if(result == 'Success'){
                    //将页码  每页条数  总条数，总页数与服务器响应的数据同步
                    pageIndex=data.pageIndex;
                    pageSize=data.pageSize;
                    totalPage=data.totalPage;
                    totalCount=data.totalCount;

                    //把data.message字符串转换为json对象
                    json=JSON.parse(data.message);

                    $('#table').empty();

                    //添加头
                    $('#table').append($('<tr>' +
                            '<td>ID</td>' +
                            '<td>名称</td>' +
                            '</tr>'));

                    //解析数据
                    $.each(json,function (i,item) {
                        //创建
                        $tr = $('<tr>' +
                            '<td>' + item.pk + '</td>' +
                            '<td>' + item.fields.atitle + '</td>' +
                            '</tr>');
                        //追加内容
                        $('#table').append($tr);
                    });


                    //清空原来的数据
                    $('#nav').empty();
                    $html="";
                    //创建分页标签
                    for(var i=1;i<=totalPage;i++){
                        if(i== pageIndex){
                            $html+="<a>"+i+"</a>&nbsp;&nbsp;";
                        }else{
                            $html+="<a href='javascript:void(0)' onclick=skipPage("+i+")>"+i+"</a>&nbsp;&nbsp;";
                        }
                    }
                    //追加内容
                    $('#nav').append($html);

                }
            });
        }
    </script>
</head>
<body>
    <div align="center">
        <table id="table" border="2" style="width: 50%">
        </table>
    </div>
    <br>
    <hr>
    <div id='nav' align="center"></div>
</body>
</html>

个人建议:

如果自己不能写一个功能完善的漂亮分页,咱就去copy,改改就可以了,不丢人~

大叔很坑

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
Django分页

Paginator对象方法init(列表,int)：返回分页对象，参数为列表数据，每面数据的条数属性count：返回对象总数属性num_pages：返回页面总数属性page_range：返回页码列表，从1开始，例如[1, 2, 3, 4]方法page(m)：返回Page对象，表示第m页的数据，下标以1开始Page对象
复制链接

扫一扫