分页器组件
1.Django的分页器(paginator)
在页面显示分页数据,需要用到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对象
view视图
from django.shortcuts import render
from app01.models import *
from django.core.paginator import Paginator
# Create your views here.
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)
第一个参数是objs,第二个参数是batch_size,是一次插入数据的量,不写一次性全部插进去,只会测试时候用
Book.objects.bulk_create(book_list)
book_list = Book.objects.all()
'''
book_list = Book.objects.all()
paginator = Paginator(book_list, 3)
# paginator = Paginator(book_list, 10)
# print(paginator.count) #总数据数量
# print(paginator.num_pages) #总页码
# print(paginator.page_range) #页码范围
try:
current_page = int(request.GET.get('page', 1))
# 生成page对象,传页码,会生成对应页码的数据
page = paginator.page(current_page)
except Exception:
current_page = 1
page =paginator.page(current_page)
# for i in page:
# print(i.name)
# print(page.has_next()) #是否有下一页
# print(page.has_previous()) #是否有下一页
# print(page.next_page_number()) #上一页页码
# print(page.previous_page_number()) #下一页页码
# 显示前五后五总共11页
if paginator.num_pages>11:
# 当当前页码小于5时
if current_page<5:
# 显示前11页
page_range = range(1,12)
# 当当前页码+5大于总页码时
elif current_page+5>paginator.num_pages:
# 显示最后11页
page_range = range(paginator.num_pages-10,paginator.num_pages+1)
else:
page_range = range(current_page-5,current_page+6)
else:
# 当前页码小于11时,就按页码范围去值
page_range = paginator.page_range
return render(request,'page_test.html',locals())
核心逻辑
'''
显示左5,右5,总共11个页,
如果总页码大于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)
其它情况,生成的列表就是pageinator的page_range
page_range=paginator.page_range
'''
模板层
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="/static/bootstrap-3.3.7-dist/css/bootstrap.css">
</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>