Django分页

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($('' +
                            'ID' +
                            '名称' +
                            ''));

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


                    //清空原来的数据
                    $('#nav').empty();
                    $html="";
                    //创建分页标签
                    for(var i=1;i<=totalPage;i++){
                        if(i== pageIndex){
                            $html+=""+i+"  ";
                        }else{
                            $html+="+i+")>"+i+"  ";
                        }
                    }
                    //追加内容
                    $('#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,改改就可以了,不丢人~

你可能感兴趣的:(django)