快捷導(dǎo)航

Django如何自定義分頁(yè)

更新時(shí)間：2018年09月25日 08:50:38 作者：別來(lái)無(wú)恙-

這篇文章主要為大家詳細(xì)介紹了Django自定義分頁(yè)的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了Django自定義分頁(yè)的具體代碼，供大家參考，具體內(nèi)容如下

穩(wěn)扎穩(wěn)打版

def book(request):
 # 從URL取參數(shù)（訪問(wèn)的頁(yè)碼）
 page_num = request.GET.get("page")
 try:
 # 將取出的page轉(zhuǎn)換為int類型
 page_num = int(page_num)
 except Exception as e:
 # 當(dāng)輸入的頁(yè)碼不是正經(jīng)數(shù)字的時(shí)候 默認(rèn)返回第一頁(yè)的數(shù)據(jù)
 page_num = 1

 # 數(shù)據(jù)庫(kù)總數(shù)據(jù)是多少條
 total_count = models.Book.objects.all().count()

 # 每一頁(yè)顯示多少條數(shù)據(jù)
 per_page = 10

 # 總共需要多少頁(yè)碼來(lái)展示
 total_page, m = divmod(total_count, per_page)
 if m:
 total_page += 1

 # 如果輸入的頁(yè)碼數(shù)超過(guò)了最大的頁(yè)碼數(shù)，默認(rèn)返回最后一頁(yè)
 if page_num > total_page:
 page_num = total_page

 # 定義兩個(gè)變量從哪里開(kāi)始到哪里結(jié)束
 data_start = (page_num - 1) * 10
 data_end = page_num * 10

 # 頁(yè)面上總共展示多少頁(yè)碼
 max_page = 11
 if total_page < max_page:
 max_page = total_page

 # 把從URL中獲取的page_num 當(dāng)做是顯示頁(yè)面的中間值， 那么展示的便是當(dāng)前page_num 的前五頁(yè)和后后五頁(yè)
 half_max_page = max_page // 2
 # 根據(jù)展示的總頁(yè)碼算出頁(yè)面上展示的頁(yè)碼從哪兒開(kāi)始
 page_start = page_num - half_max_page
 # 根據(jù)展示的總頁(yè)碼算出頁(yè)面上展示的頁(yè)碼到哪兒結(jié)束
 page_end = page_num + half_max_page

 # 如果當(dāng)前頁(yè)減一半 比1還小, 不然頁(yè)面上會(huì)顯示負(fù)數(shù)的頁(yè)碼
 if page_start <= 1:
 page_start = 1
 page_end = max_page
 # 如果 當(dāng)前頁(yè) 加 一半 比總頁(yè)碼數(shù)還大， 不然頁(yè)面上會(huì)顯示比總頁(yè)碼還大的多余頁(yè)碼
 if page_end >= total_page:
 page_end = total_page
 page_start = total_page - max_page + 1

 # 從數(shù)據(jù)庫(kù)取值， 并按照起始數(shù)據(jù)到結(jié)束數(shù)據(jù)展示
 all_book = models.Book.objects.all()[data_start:data_end]


 # 自己拼接分頁(yè)的HTML代碼
 html_str_list = []

 # # 加上首頁(yè)
 html_str_list.append('<li><a href="/book/?page=1" rel="external nofollow" >首頁(yè)</a></li>')

 # 斷一下 如果是第一頁(yè)，就沒(méi)有上一頁(yè)
 if page_num <= 1:
 html_str_list.append('<li class="disabled"><a href="#" rel="external nofollow" rel="external nofollow" ><span aria-hidden="true">&laquo;</span></a></li>')
 else:
 # 不是第一頁(yè)，就加一個(gè)上一頁(yè)的標(biāo)簽
 html_str_list.append('<li><a href="/book/?page={}" rel="external nofollow" rel="external nofollow" rel="external nofollow" ><span aria-hidden="true">&laquo;</span></a></li>'.format(page_num - 1))

 for i in range(page_start, page_end + 1):
 # 如果是當(dāng)前頁(yè)就加一個(gè)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)

 # 判斷，如果是最后一頁(yè)，就沒(méi)有下一頁(yè)
 if page_num >= total_page:
 html_str_list.append('<li class="disabled"><a href="#" rel="external nofollow" rel="external nofollow" ><span aria-hidden="true">&raquo;</span></a></li>')
 else:
 # 不是最后一頁(yè)， 就加一個(gè)下一頁(yè)標(biāo)簽
 html_str_list.append('<li><a href="/book/?page={}" rel="external nofollow" rel="external nofollow" rel="external nofollow" ><span aria-hidden="true">&raquo;</span></a></li>'.format(page_num + 1))

 # 加上尾頁(yè)
 html_str_list.append('<li><a href="/book/?page={}" rel="external nofollow" rel="external nofollow" rel="external nofollow" >尾頁(yè)</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>序列號(hào)</th>
  <th>ID值</th>
  <th>書名</th>
  <th>時(shí)間</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: 當(dāng)前頁(yè)碼數(shù)
 :param total_count: 數(shù)據(jù)總數(shù)
 :param url_prefix: a標(biāo)簽href的前綴
 :param per_page: 每頁(yè)顯示多少條數(shù)據(jù)
 :param max_page: 頁(yè)面上最多顯示幾個(gè)頁(yè)碼
 """
 self.url_prefix = url_prefix
 self.max_page = max_page
 # 總共需要多少頁(yè)碼來(lái)展示
 total_page, m = divmod(total_count, per_page)
 if m:
  total_page += 1
 self.total_page = total_page

 try:
  # 將取出的page轉(zhuǎn)換為int類型
  page_num = int(page_num)
 except Exception as e:
  # 當(dāng)輸入的頁(yè)碼不是正經(jīng)數(shù)字的時(shí)候 默認(rèn)返回第一頁(yè)的數(shù)據(jù)
  page_num = 1
 # 如果輸入的頁(yè)碼數(shù)超過(guò)了最大的頁(yè)碼數(shù)，默認(rèn)返回最后一頁(yè)
 if page_num > total_page:
  page_num = total_page
 self.page_num = page_num

 # 定義兩個(gè)變量保存數(shù)據(jù)從哪兒取到哪兒
 self.data_start = (page_num - 1) * 10
 self.data_end = page_num * 10

 # 頁(yè)面上總共展示多少頁(yè)碼
 if total_page < self.max_page:
  self.max_page = total_page

 half_max_page = self.max_page // 2
 # 頁(yè)面上展示的頁(yè)碼從哪兒開(kāi)始
 page_start = page_num - half_max_page
 # 頁(yè)面上展示的頁(yè)碼到哪兒結(jié)束
 page_end = page_num + half_max_page
 # 如果當(dāng)前頁(yè)減一半 比1還小, 不然頁(yè)面上會(huì)顯示負(fù)數(shù)的頁(yè)碼
 if page_start <= 1:
  page_start = 1
  page_end = self.max_page
 # 如果 當(dāng)前頁(yè) 加 一半 比總頁(yè)碼數(shù)還大， 不然頁(yè)面上會(huì)顯示比總頁(yè)碼還大的多余頁(yè)碼
 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):
 # 自己拼接分頁(yè)的HTML代碼
 html_str_list = []
 # # 加上首頁(yè)
 html_str_list.append('<li><a href="{}?page=1">首頁(yè)</a></li>'.format(self.url_prefix))
 # 斷一下 如果是第一頁(yè)，就沒(méi)有上一頁(yè)
 if self.page_num <= 1:
  html_str_list.append('<li class="disabled"><a href="#"><span aria-hidden="true">&laquo;</span></a></li>')
 else:
  # 不是第一頁(yè)，就加一個(gè)上一頁(yè)的標(biāo)簽
  html_str_list.append('<li><a href="{}?page={}"><span aria-hidden="true">&laquo;</span></a></li>'.format(self.url_prefix, self.page_num - 1))

 for i in range(self.page_start, self.page_end + 1):
  # 如果是當(dāng)前頁(yè)就加一個(gè)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)

 # 判斷，如果是最后一頁(yè)，就沒(méi)有下一頁(yè)
 if self.page_num >= self.total_page:
  html_str_list.append('<li class="disabled"><a href="#"><span aria-hidden="true">&raquo;</span></a></li>')
 else:
  # 不是最后一頁(yè)， 就加一個(gè)下一頁(yè)標(biāo)簽
  html_str_list.append('<li><a href="{}?page={}"><span aria-hidden="true">&raquo;</span></a></li>'.format(self.url_prefix, self.page_num + 1))

 # 加上尾頁(yè)
 html_str_list.append('<li><a href="{}?page={}">尾頁(yè)</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()
 # 調(diào)用封裝的Page類，傳入相應(yīng)的參數(shù)
 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})

封裝版對(duì)應(yīng)的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>序列號(hào)</td>
  <td>ID值</td>
  <td>出版社</td>
  <td>時(shí)間</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>

效果圖如下：