"""
自定义分页组件de使用
实例:
1、视图函数中
def num_list(request):
# 根据需要获取数据库的数据
queryset = models.PrettyNum.objects.all()
# 分页
page = Pageination(request, queryset, page_param="关键字", page_size=*一页的大小, plus=*显示的页码数)
re_dict = {
"queryset": page.queryset, # 分完页的数据(当前页)
"page_string": page.html(), # 页码显示
}
return render(request, 'num_list.html', re_dict)
2、html中
显示分页后的数据
{% for obj in queryset%}
<tr>
<td>{{obj.id}}</td>
<td>{{obj.mobile}}</td>
<td>{{obj.price}}</td>
<td>{{obj.get_level_display}}</td>
<td>{{obj.get_status_display}}</td>
</tr>
{% endfor %}
显示页码
<ul class="pagination">
{{page_string}}
</ul>
"""
import copy
from django.utils.safestring import mark_safe
class Pageination(object):
def __init__(self, request, queryset, page_param="page", page_size=10, plus=5):
""""
:param request: 请求的对象
:param queryset: 符合的数据(根据这个数据分页)
:param page_param: 在URl中获取分页的参数(/etty/list/?page=12)
:param page_size: 每页显示多少数据
:param plus: 显示当前页 前或后几页
"""
# 拼接查询条件 ?q=888&xx=123&page=12 QueryDict:{'q':['888'],'xx':['123']} 有中括号【】
quey_dict = copy.deepcopy(request.GET)
quey_dict._mutable =True
self.quey_dict = quey_dict
# 当前页page
self.page_param = page_param
page = request.GET.get(self.page_param, "1")
if page.isdecimal():
self.page = int(page)
else:
self.page = 1
self.page_size = page_size
self.start = (self.page - 1) * self.page_size
self.end = self.page * self.page_size
# 获取当前页的这几个数据
self.queryset = queryset[self.start:self.end]
# 总页码数
count = queryset.count()
self.page_count, div = divmod(count, page_size)
if div:
self.page_count += 1
# 计算出当前页的前后五页
self.plus = plus
if self.page_count <= 2 * self.plus + 1:
self.start_page = 1
self.end_page = self.page_count + 1
else:
# 数据比较多的情况
if self.page <= 5:
self.start_page = 1
self.end_page = 2 * self.plus + 1
elif self.page + self.plus >= self.page_count:
self.start_page = self.page_count - 2 * self.plus
self.end_page = self.page_count
else:
self.start_page = self.page - self.plus
self.end_page = self.page + self.plus + 1
def html(self):
# 页码显示
page_str_list = []
# 上一页
if self.page > 1:
self.quey_dict.setlist(self.page_param,[self.page-1])
ele = '<li ><a href="?{}">上一页</a></li>'.format(self.quey_dict.urlencode())
else:
self.quey_dict.setlist(self.page_param, [1])
ele = '<li ><a href="?{}">上一页</a></li>'.format(self.quey_dict.urlencode())
page_str_list.append(ele)
# 页码条
for i in range(self.start_page, self.end_page):
if i == self.page:
self.quey_dict.setlist(self.page_param, [i])
ele = '<li class="active"><a href="?{}">{}</a></li>'.format(self.quey_dict.urlencode(), i)
else:
self.quey_dict.setlist(self.page_param, [i])
ele = '<li><a href="?{}">{}</a></li>'.format(self.quey_dict.urlencode(), i)
page_str_list.append(ele)
# 下一页
if self.page == self.page_count:
self.quey_dict.setlist(self.page_param, [self.page])
ele = '<li ><a href="?{}">下一页</a></li>'.format(self.quey_dict.urlencode())
else:
self.quey_dict.setlist(self.page_param, [self.page+1])
ele = '<li ><a href="?{}">下一页</a></li>'.format(self.quey_dict.urlencode())
page_str_list.append(ele)
# 页码合在一起
ele = """
<div style=" width:300px;">
<form method="get">
<div class="input-group">
<input type="text" name="page" class="form-control" placeholder="page" value="">
<span class="input-group-btn">
<button class="btn btn-default" type="submit">
<span class="glyphicon glyphicon-search" aria-hidden="true"></span></button>
</span>
</div>
</form>
</div>
"""
page_str_list.append(ele)
page_string = mark_safe("".join(page_str_list))
return page_string
ps:仅供自己做学习笔记用