Django如何自定義分頁

2020-01-04 14:28:37

字體：大中小

來源：轉載

供稿：網友

本文實例為大家分享了Django自定義分頁的具體代碼，供大家參考，具體內容如下

穩扎穩打版

def book(request): # 從URL取參數（訪問的頁碼） page_num = request.GET.get("page") try: # 將取出的page轉換為int類型 page_num = int(page_num) except Exception as e: # 當輸入的頁碼不是正經數字的時候 默認返回第一頁的數據 page_num = 1 # 數據庫總數據是多少條 total_count = models.Book.objects.all().count() # 每一頁顯示多少條數據 per_page = 10 # 總共需要多少頁碼來展示 total_page, m = divmod(total_count, per_page) if m: total_page += 1 # 如果輸入的頁碼數超過了最大的頁碼數，默認返回最后一頁 if page_num > total_page: page_num = total_page # 定義兩個變量從哪里開始到哪里結束 data_start = (page_num - 1) * 10 data_end = page_num * 10 # 頁面上總共展示多少頁碼 max_page = 11 if total_page < max_page: max_page = total_page # 把從URL中獲取的page_num 當做是顯示頁面的中間值， 那么展示的便是當前page_num 的前五頁和后后五頁 half_max_page = max_page // 2 # 根據展示的總頁碼算出頁面上展示的頁碼從哪兒開始 page_start = page_num - half_max_page # 根據展示的總頁碼算出頁面上展示的頁碼到哪兒結束 page_end = page_num + half_max_page # 如果當前頁減一半 比1還小, 不然頁面上會顯示負數的頁碼 if page_start <= 1: page_start = 1 page_end = max_page # 如果 當前頁 加 一半 比總頁碼數還大， 不然頁面上會顯示比總頁碼還大的多余頁碼 if page_end >= total_page: page_end = total_page page_start = total_page - max_page + 1 # 從數據庫取值， 并按照起始數據到結束數據展示 all_book = models.Book.objects.all()[data_start:data_end] # 自己拼接分頁的HTML代碼 html_str_list = [] # # 加上首頁 html_str_list.append('<li><a href="/book/?page=1" rel="external nofollow" >首頁</a></li>') # 斷一下 如果是第一頁，就沒有上一頁 if page_num <= 1: html_str_list.append('<li class="disabled"><a href="#" rel="external nofollow" rel="external nofollow" ><span aria-hidden="true">«</span></a></li>') else: # 不是第一頁，就加一個上一頁的標簽 html_str_list.append('<li><a href="/book/?page={}" rel="external nofollow" rel="external nofollow" rel="external nofollow" ><span aria-hidden="true">«</span></a></li>'.format(page_num - 1)) for i in range(page_start, page_end + 1): # 如果是當前頁就加一個active樣式類 if i == page_num:  tmp = '<li class="active"><a href="/book/?page={0}" rel="external nofollow" rel="external nofollow" >{0}</a></li>'.format(i) else:  tmp = '<li><a href="/book/?page={0}" rel="external nofollow" rel="external nofollow" >{0}</a></li>'.format(i) html_str_list.append(tmp) # 判斷，如果是最后一頁，就沒有下一頁 if page_num >= total_page: html_str_list.append('<li class="disabled"><a href="#" rel="external nofollow" rel="external nofollow" ><span aria-hidden="true">»</span></a></li>') else: # 不是最后一頁， 就加一個下一頁標簽 html_str_list.append('<li><a href="/book/?page={}" rel="external nofollow" rel="external nofollow" rel="external nofollow" ><span aria-hidden="true">»</span></a></li>'.format(page_num + 1)) # 加上尾頁 html_str_list.append('<li><a href="/book/?page={}" rel="external nofollow" rel="external nofollow" rel="external nofollow" >尾頁</a></li>'.format(total_page)) page_html = "".join(html_str_list) return render(request, "book.html", {"all_book":all_book, "page_html":page_html})

book.html

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>書籍列表</title> <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css"></head><body><div class="container"><table class="table table-bordered"> <thead> <tr>  <th>序列號</th>  <th>ID值</th>  <th>書名</th>  <th>時間</th> </tr> {% for book in all_book %} <tr>  <td>{{ forloop.counter }}</td>  <td>{{ book.id }}</td>  <td>{{ book.name }}</td>  <td>{{ book.date }}</td> </tr> {% endfor %} </thead></table><nav aria-label="Page navigation"> <ul class="pagination"> {{ page_html|safe }} </ul></nav></div></body></html>

封裝保存版

封裝保存版

class Page(object): def __init__(self, page_num, total_count, url_prefix, per_page=10, max_page=11): """ :param page_num: 當前頁碼數 :param total_count: 數據總數 :param url_prefix: a標簽href的前綴 :param per_page: 每頁顯示多少條數據 :param max_page: 頁面上最多顯示幾個頁碼 """ self.url_prefix = url_prefix self.max_page = max_page # 總共需要多少頁碼來展示 total_page, m = divmod(total_count, per_page) if m:  total_page += 1 self.total_page = total_page try:  # 將取出的page轉換為int類型  page_num = int(page_num) except Exception as e:  # 當輸入的頁碼不是正經數字的時候 默認返回第一頁的數據  page_num = 1 # 如果輸入的頁碼數超過了最大的頁碼數，默認返回最后一頁 if page_num > total_page:  page_num = total_page self.page_num = page_num # 定義兩個變量保存數據從哪兒取到哪兒 self.data_start = (page_num - 1) * 10 self.data_end = page_num * 10 # 頁面上總共展示多少頁碼 if total_page < self.max_page:  self.max_page = total_page half_max_page = self.max_page // 2 # 頁面上展示的頁碼從哪兒開始 page_start = page_num - half_max_page # 頁面上展示的頁碼到哪兒結束 page_end = page_num + half_max_page # 如果當前頁減一半 比1還小, 不然頁面上會顯示負數的頁碼 if page_start <= 1:  page_start = 1  page_end = self.max_page # 如果 當前頁 加 一半 比總頁碼數還大， 不然頁面上會顯示比總頁碼還大的多余頁碼 if page_end >= total_page:  page_end = total_page  page_start = total_page - self.max_page + 1 self.page_start = page_start self.page_end = page_end @property def start(self): return self.data_start @property def end(self): return self.data_end def page_html(self): # 自己拼接分頁的HTML代碼 html_str_list = [] # # 加上首頁 html_str_list.append('<li><a href="{}?page=1">首頁</a></li>'.format(self.url_prefix)) # 斷一下 如果是第一頁，就沒有上一頁 if self.page_num <= 1:  html_str_list.append('<li class="disabled"><a href="#"><span aria-hidden="true">«</span></a></li>') else:  # 不是第一頁，就加一個上一頁的標簽  html_str_list.append('<li><a href="{}?page={}"><span aria-hidden="true">«</span></a></li>'.format(self.url_prefix, self.page_num - 1)) for i in range(self.page_start, self.page_end + 1):  # 如果是當前頁就加一個active樣式類  if i == self.page_num:  tmp = '<li class="active"><a href="{0}?page={1}">{1}</a></li>'.format(self.url_prefix, i)  else:  tmp = '<li><a href="{0}?page={1}">{1}</a></li>'.format(self.url_prefix, i)  html_str_list.append(tmp) # 判斷，如果是最后一頁，就沒有下一頁 if self.page_num >= self.total_page:  html_str_list.append('<li class="disabled"><a href="#"><span aria-hidden="true">»</span></a></li>') else:  # 不是最后一頁， 就加一個下一頁標簽  html_str_list.append('<li><a href="{}?page={}"><span aria-hidden="true">»</span></a></li>'.format(self.url_prefix, self.page_num + 1)) # 加上尾頁 html_str_list.append('<li><a href="{}?page={}">尾頁</a></li>'.format(self.url_prefix, self.total_page)) page_html = "".join(html_str_list) return page_html

封裝版使用指南

def publisher(request): page_num = request.GET.get("page") total_count = models.Publisher.objects.all().count() # 調用封裝的Page類，傳入相應的參數 page_obj = Page(page_num, total_count, url_prefix="/publisher/", per_page=10, max_page=11) all_publisher = models.Publisher.objects.all()[page_obj.start:page_obj.end] page_html = page_obj.page_html() return render(request, "publisher.html", {"publisher": all_publisher, "page_html": page_html})

封裝版對應的HTML參考

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>圖書列表</title> <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css"></head><body><div class="container"> <table class="table table-bordered"> <thead> <tr>  <td>序列號</td>  <td>ID值</td>  <td>出版社</td>  <td>時間</td> </tr> </thead> <tbody> {% for pub in publisher %}  <tr>  <th>{{ forloop.counter }}</th>  <th>{{ pub.id }}</th>  <th>{{ pub.name }}</th>  <th>{{ pub.date }}</th>  </tr> {% endfor %} </tbody> </table> <nav aria-label="Page navigation"> <ul class="pagination">  {{ page_html|safe }} </ul> </nav></div></body></html>

效果圖如下：

Django,分頁