分页器的主体封装进一个类中，调用时将该类实例化后传入前端即可
page.py 写有分页器主体的类的文件
"""
自定义分页组件的使用方法：
"""
自定义分页组件的使用方法：######################### django用法 ########################
pager_obj = Pagination(request.GET.get('page',1),len(HOST_LIST),request.path_info,request.GET，per_page_zount=5，max_pager_count=11)
当前页（默认为1） 总数据量（从数据库取） 当前url（不带问号） ？后面的内容 每页显示的数据数 最多显示的页码数量
host_list = HOST_LIST[pager_obj.start:pager_obj.end]
html = pager_obj.page_html()
return render(request,'hosts.html',{'host_list':host_list,"page_html":html})####################### Flask用法 ########################### pager_obj=Pagination(request.args.get('page',1),len(HOST_LIST),request.path,request.args,per_page_count=10) print(request.args) host_list=HOST_LIST[pager_obj.start:pager_obj.end] html=pager_obj.page_html() return=render_template('pager.html',host_list=host_list,page_html=html,condition=path)
"""
class Pagination(object):
"""
自定义分页
"""
def __init__(self,current_page,total_count,base_url,params,per_page_count=10,max_pager_count=11):
try:
current_page = int(current_page)
except Exception as e:
current_page = 1
if current_page <=0:
current_page = 1
self.current_page = current_page
# 数据总条数
self.total_count = total_count
# 每页显示10条数据
self.per_page_count = per_page_count
# 页面上应该显示的最大页码
max_page_num, div = divmod(total_count, per_page_count)
if div:
max_page_num += 1
self.max_page_num = max_page_num
# 页面上默认显示11个页面（当前页在中间）
self.max_pager_count = max_pager_count
self.half_max_pager_count = int((max_pager_count - 1) / 2)
# URL前缀
self.base_url = base_url
# request.GET
import copy
params = copy.deepcopy(params)
params._mutable = True
# 包含当前列表页面所有的搜索条件
# {source:[2,], status:[2], gender:[2],consultant:[1],page:[1]}
# self.params[page] = 8
# self.params.urlencode()
# source=2&status=2&gender=2&consultant=1&page=8
# href="/hosts/?source=2&status=2&gender=2&consultant=1&page=8"
# href="%s?%s" %(self.base_url,self.params.urlencode())
self.params = params
@property
def start(self):
return (self.current_page - 1) * self.per_page_count
@property
def end(self):
return self.current_page * self.per_page_count
def page_html(self):
# 如果总页数 <= 11
if self.max_page_num <= self.max_pager_count:
pager_start = 1
pager_end = self.max_page_num
# 如果总页数 > 11
else:
# 如果当前页 <= 5
if self.current_page <= self.half_max_pager_count:
pager_start = 1
pager_end = self.max_pager_count
else:
# 当前页 + 5 > 总页码
if (self.current_page + self.half_max_pager_count) > self.max_page_num:
pager_end = self.max_page_num
pager_start = self.max_page_num - self.max_pager_count + 1
else:
pager_start = self.current_page - self.half_max_pager_count
pager_end = self.current_page + self.half_max_pager_count
page_html_list = []
# {source:[2,], status:[2], gender:[2],consultant:[1],page:[1]}
self.params['page'] = 1
first_page = '<li><a href="%s?%s">首页</a></li>' % (self.base_url,self.params.urlencode(),)
page_html_list.append(first_page)
# 上一页
if self.current_page==1:
prev_page = '<li class="disabled"><a >上一页</a></li>'
else:
self.params['page'] = self.current_page - 1
prev_page='<li><a href="%s?%s">上一页</a></li>' % (self.base_url,self.params.urlencode(),)
page_html_list.append(prev_page)
#当前页
for i in range(pager_start, pager_end + 1):
self.params['page'] = i
if i == self.current_page:
temp = '<li class="active"><a href="%s?%s">%s</a></li>' % (self.base_url,self.params.urlencode(), i,)
else:
temp = '<li><a href="%s?%s">%s</a></li>' % (self.base_url,self.params.urlencode(), i,)
page_html_list.append(temp)
# 下一页
if self.current_page==self.max_page_num:
next_page = '<li class="disabled"><a >下一页</a></li>'
else:
self.params['page'] = self.current_page + 1
next_page = '<li><a href="%s?%s">下一页</a></li>' % (self.base_url, self.params.urlencode(),)
page_html_list.append(next_page)
self.params['page'] = self.max_page_num
last_page = '<li><a href="%s?%s">尾页</a></li>' % (self.base_url, self.params.urlencode(),)
page_html_list.append(last_page)
return ''.join(page_html_list)
在前端页面中只需将传入的两个参数展现出来即可
{# 可导入bootstrap进行优化#}
<div>{{ host_list }}</div>
<div class="pager">
<nav aria-label="Page navigation">
<ul class="pagination">
{{ page_html|safe }}
</ul>
</nav>
</div>
