分頁組件的實現:html
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 這個property 的做用是,在調用的時候不用加上括號,直接使用self.start便可 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 #倒這數11個 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) # 上一頁 self.params["page"] = self.current_page - 1 if self.params["page"] < 1: pervious_page = '<li class="disabled"><a href="%s?%s" aria-label="Previous">上一頁</span></a></li>' % ( self.base_url, self.params.urlencode()) else: pervious_page = '<li><a href = "%s?%s" aria-label = "Previous" >上一頁</span></a></li>' % ( self.base_url, self.params.urlencode()) page_html_list.append(pervious_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) # 下一頁 self.params["page"] = self.current_page + 1 if self.params["page"] > self.max_page_num: self.params["page"] = self.current_page next_page = '<li class="disabled"><a href = "%s?%s" aria-label = "Next">下一頁</span></a></li >' % ( self.base_url, self.params.urlencode()) else: next_page = '<li><a href = "%s?%s" aria-label = "Next">下一頁</span></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)
分頁組件的使用前端
""" 自定義分頁組件的使用方法: pager_obj = Pagination(request.GET.get('page',1),len(HOST_LIST),request.path_info,request.GET) host_list = HOST_LIST[pager_obj.start:pager_obj.end] html = pager_obj.page_html() ----->這裏返回的是page_html_list return render(request,'hosts.html',{'host_list':host_list,"page_html":html}) """
按照上面咱們在前端之間傳入數據到py文件中python
pager_obj = Pagination(request.GET.get('page',1),len(HOST_LIST),request.path_info,request.GET)
request.GET.get('page',1) ------》 current_page
len(HOST_LIST) ------》 total_count(這裏要是數據庫的話,咱們能夠取總條數)
request.path_info ------》 base_Url
request.GET ------》 params
原文章轉自:數據庫
http://www.cnblogs.com/haiyan123/p/8065353.htmlapp