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> ";
}else{
$html+="<a href='javascript:void(0)' onclick=skipPage("+i+")>"+i+"</a> ";
}
}
//追加内容
$('#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,改改就可以了,不丢人~