首页 > 技术文章 > 分页组件

yifugui 2017-12-18 15:14 原文

  1 """
  2 自定义分页组件的使用方法:
  3     pager_obj = Pagination(request.GET.get('page',1),len(HOST_LIST),request.path_info,request.GET)
  4     host_list = HOST_LIST[pager_obj.start:pager_obj.end]
  5     html = pager_obj.page_html()
  6     return render(request,'hosts.html',{'host_list':host_list,"page_html":html})
  7 """
  8 """
  9 
 10 <!DOCTYPE html>
 11 <html lang="en">
 12 <head>
 13     <meta charset="UTF-8">
 14     <title>Title</title>
 15     <style>
 16         .pager a{
 17             display: inline-block;
 18             padding: 2px 8px;
 19             margin: 0 5px;
 20             border: 1px solid cadetblue;
 21         }
 22         .pager a.active{
 23             background-color: #2b669a;
 24             color: white;
 25         }
 26     </style>
 27 </head> 
 28 <body>
 29     <h1>用户列表</h1>
 30     <ul>
 31         {% for item in user_list %}
 32             <li>{{ item }}</li>
 33         {% endfor %}
 34     </ul>
 35     <div class="pager">
 36         {{ page_html|safe }}
 37     </div>
 38 </body>
 39 </html>
 40 """
 41 
 42 class Pagination(object):
 43     """
 44     自定义分页
 45     """
 46     def __init__(self,current_page,total_count,base_url,params,per_page_count=10,max_pager_count=11):
 47         try:
 48             current_page = int(current_page)
 49         except Exception as e:
 50             current_page = 1
 51         if current_page <=0:
 52             current_page = 1
 53         self.current_page = current_page
 54         # 数据总条数
 55         self.total_count = total_count
 56 
 57         # 每页显示10条数据
 58         self.per_page_count = per_page_count
 59 
 60         # 页面上应该显示的最大页码
 61         max_page_num, div = divmod(total_count, per_page_count)
 62         if div:
 63             max_page_num += 1
 64         self.max_page_num = max_page_num
 65 
 66         # 页面上默认显示11个页面(当前页在中间)
 67         self.max_pager_count = max_pager_count
 68         self.half_max_pager_count = int((max_pager_count - 1) / 2)
 69 
 70         # URL前缀
 71         self.base_url = base_url
 72 
 73         # request.GET
 74         import copy
 75         params = copy.deepcopy(params)
 76         params._mutable = True
 77         # 包含当前列表页面所有的搜索条件
 78         # {source:[2,], status:[2], gender:[2],consultant:[1],page:[1]}
 79         # self.params[page] = 8
 80         # self.params.urlencode()
 81         # source=2&status=2&gender=2&consultant=1&page=8
 82         # href="/hosts/?source=2&status=2&gender=2&consultant=1&page=8"
 83         # href="%s?%s" %(self.base_url,self.params.urlencode())
 84         self.params = params
 85 
 86     @property
 87     def start(self):
 88         return (self.current_page - 1) * self.per_page_count
 89 
 90     @property
 91     def end(self):
 92         return self.current_page * self.per_page_count
 93 
 94     def page_html(self):
 95         # 如果总页数 <= 11
 96         if self.max_page_num <= self.max_pager_count:
 97             pager_start = 1
 98             pager_end = self.max_page_num
 99         # 如果总页数 > 11
100         else:
101             # 如果当前页 <= 5
102             if self.current_page <= self.half_max_pager_count:
103                 pager_start = 1
104                 pager_end = self.max_pager_count
105             else:
106                 # 当前页 + 5 > 总页码
107                 if (self.current_page + self.half_max_pager_count) > self.max_page_num:
108                     pager_end = self.max_page_num
109                     pager_start = self.max_page_num - self.max_pager_count + 1
110                 else:
111                     pager_start = self.current_page - self.half_max_pager_count
112                     pager_end = self.current_page + self.half_max_pager_count
113 
114
page_html_list = []
# {source:[2,], status:[2], gender:[2],consultant:[1],page:[1]}
self.params['page'] = 1
first_page = '<a href="%s?%s">首页</a>' % (self.base_url, self.params.urlencode(),)
page_html_list.append(first_page)
# 上一页
if self.current_page > 1:
self.params['page'] = self.current_page-1
else:
self.params['page'] = 1
previous_page = '<a href="%s?%s">上一页</a>' % (self.base_url, self.params.urlencode(),)
page_html_list.append(previous_page)
for i in range(pager_start, pager_end + 1):
self.params['page'] = i
if i == self.current_page:
temp = '<a class="active" href="%s?%s">%s</a>' % (self.base_url, self.params.urlencode(), i,)
else:
temp = '<a href="%s?%s">%s</a>' % (self.base_url, self.params.urlencode(), i,)
page_html_list.append(temp)

# 下一页
if self.current_page < self.max_page_num:
self.params['page'] = self.current_page + 1
else:
self.params['page'] = self.max_page_num
next_page = '<a href="%s?%s">下一页</a>' % (self.base_url, self.params.urlencode(),)
page_html_list.append(next_page)
self.params['page'] = self.max_page_num
last_page = '<a href="%s?%s">尾页</a>' % (self.base_url, self.params.urlencode(),)
page_html_list.append(last_page)

return ''.join(page_html_list)

 

推荐阅读