django 自定義分頁與bootstrap分頁結合
阿新 • • 發佈:2019-02-15
django中有自帶的分頁模組Paginator,想Paginator提供物件的列表,就可以提供每一頁上物件的方法。
這裡的話不講解Paginator,而是自定義一個分頁類來完成需求:
class Pagination(object): """用於Model欄位值的選擇""" def __init__(self): pass @classmethod def create_pagination(self, from_name='', model_name='', cur_page=1, start_page_omit_symbol = '...', end_page_omit_symbol = '...', one_page_data_size=10, show_page_item_len=9): """通過給的model和分頁引數對相關model進行分頁 Args: from_name: 匯入模組的 from後面的引數 from {from_name} import model_name mode_name: 需要匯入的模組名 from from_name import {model_name} cur_page: 當前顯示的是第幾頁 start_page_omit_symbol: 超出的頁數使用怎麼樣的省略號(前) ... 2 3 4 end_page_omit_symbol: 超出的頁數使用怎麼樣的省略號(後) 1 2 3 4 ... one_page_data_size: 每一頁顯示幾行 show_page_item_len: 顯示幾個能點選的頁數 Return: pagination: dict pagination = { 'objs': objs, # 需要顯示model資料 'all_obj_counts': all_obj_counts, # 一共多少行資料 'start_pos': start_pos, # 資料分頁開始的資料 'end_pos': end_pos, # 資料分頁結束的資料 'all_page': all_page, # 一共有多少頁 'cur_page': cur_page, # 當前的頁碼 'pre_page': pre_page, # 上一頁的頁碼 'next_page': next_page, # 下一頁的頁碼 'page_items': page_items, 能點選的頁數 'start_page_omit_symbol': start_page_omit_symbol, # 開始的省略號 'end_page_omit_symbol': end_page_omit_symbol, # 結束的省略號 } Raise: None """ # 如果沒有輸入匯入模組需要的相關資訊直接退出 if not from_name or not model_name: return None import_str = 'from {from_name} import {model_name}'.format( from_name = from_name, model_name = model_name) # 匯入模組 exec import_str start_pos = (cur_page - 1) * one_page_data_size end_pos = start_pos + one_page_data_size # 查詢需要的model資料 find_objs_str = ('{model_name}.objects.all()' '[{start_pos}:{end_pos}]'.format( model_name = model_name, start_pos = start_pos, end_pos = end_pos)) objs = eval(find_objs_str) # 計算總共的頁數 find_objs_count_str = '{model_name}.objects.count()'.format( model_name = model_name) all_obj_counts = eval(find_objs_count_str) all_page = all_obj_counts / one_page_data_size remain_obj = all_obj_counts % one_page_data_size if remain_obj > 0: all_page += 1 # 限制當前頁不能小於1和並且大於總頁數 cur_page = 1 if cur_page < 1 else cur_page cur_page = all_page if cur_page > all_page else cur_page # 獲得顯示頁數的最小頁 start_page = cur_page - show_page_item_len / 2 if start_page > all_page - show_page_item_len: start_page = all_page - show_page_item_len + 1 start_page = 1 if start_page < 1 else start_page # 獲得顯示頁數的最大頁 end_page = cur_page + show_page_item_len / 2 end_page = all_page if end_page > all_page else end_page if end_page < show_page_item_len and all_page > show_page_item_len: end_page = show_page_item_len # 獲得上一頁 pre_page = cur_page - 1 pre_page = 1 if pre_page < 1 else pre_page # 獲得下一頁 next_page = cur_page + 1 next_page = all_page if next_page > all_page else next_page # 處理省略符,是否顯示 if start_page <= 1: start_page_omit_symbol = '' if end_page >= all_page: end_page_omit_symbol = '' # 建立能點選的展示頁碼 page_items = range(start_page, end_page + 1) pagination = { 'objs': objs, 'all_obj_counts': all_obj_counts, 'start_pos': start_pos, 'end_pos': end_pos, 'all_page': all_page, 'cur_page': cur_page, 'pre_page': pre_page, 'next_page': next_page, 'page_items': page_items, 'start_page_omit_symbol': start_page_omit_symbol, 'end_page_omit_symbol': end_page_omit_symbol, } return pagination
利用bootstrap的css,生成好看的html如下:
<nav aria-label="Page navigation"> <ul class="pagination"> {% if pagination.cur_page != 1 %} <li><a href="?cur_page=1"><<</a></li> <li> <a href="?cur_page={{ pagination.pre_page }}" aria-label="Previous"> <span aria-hidden="true">«</span> </a> </li> {% endif %} {% for page_item in pagination.page_items %} {% if page_item == pagination.cur_page %} <li><a href="?cur_page={{ page_item }}">{{ page_item }}</a></li> {% else %} <li><a href="?cur_page={{ page_item }}">{{ page_item }}</a></li> {% endif %} {% endfor%} {% if pagination.cur_page != pagination.all_page %} <li> <a href="?cur_page={{ pagination.next_page }}" aria-label="Next"> <span aria-hidden="true">»</span> </a> </li> <li><a href="?cur_page={{ pagination.all_page }}">>></a></li> {% endif %} </ul> </nav>
view函式如下:
def blogpage(request): #ojt = BlogPost.object.all() #p = Paginator(ojt,2) #page_count = p.count #page_data = p.page(page) #template = 'blogpage.html' #info = {'page_data':page_data,'page_count':page_count} #return render(request,template,{'page_data':page_data,'page_count':page_count}) try: cur_page = int(request.GET.get('cur_page', '1')) except ValueError: cur_page = 1 pagination = Pagination.create_pagination( from_name='blog.models', model_name='BlogPost', cur_page=cur_page, start_page_omit_symbol = '...', end_page_omit_symbol = '...', one_page_data_size=1, show_page_item_len=5) return render(request, 'blogpage.html',{'pagination':pagination})
效果圖如下: