快捷導(dǎo)航

Django框架實(shí)現(xiàn)分頁(yè)顯示內(nèi)容的方法詳解

更新時(shí)間：2019年05月10日 11:28:13 作者：微信1257309054

這篇文章主要介紹了Django框架實(shí)現(xiàn)分頁(yè)顯示內(nèi)容的方法,結(jié)合實(shí)例形式詳細(xì)分析了Django框架引入bootstrap樣式進(jìn)行分頁(yè)顯示相關(guān)步驟、實(shí)現(xiàn)方法與操作注意事項(xiàng),需要的朋友可以參考下

本文實(shí)例講述了Django框架實(shí)現(xiàn)分頁(yè)顯示內(nèi)容的方法。分享給大家供大家參考，具體如下：

分頁(yè)

1、作用

數(shù)據(jù)加載優(yōu)化

2、前端引入bootstrap樣式：

{# 引入bootstrap樣式的cdn資源 #}
<link  rel="external nofollow" rel="stylesheet">

引入分頁(yè)器：

<div id="rootbox">
  <h1>文章列表</h1>
  <ul id="bloglist">
    {# 遍歷博文 #}
    {% for blog in page.object_list %}
      {# 顯示博文標(biāo)題 #}
      <li>
        <a href="{% url 'app:readblog' blog.id %}" rel="external nofollow" ><h3>{{ blog.title }}</h3></a>
      </li>
    {% endfor %}
  </ul>
  {#分頁(yè)器:html內(nèi)容拷貝于bootstrap網(wǎng)站-組件-分頁(yè)#}
  {# bootstrap是一整套成熟經(jīng)典的頁(yè)面組件框架 #}
  <nav aria-label="Page navigation">
    <ul class="pagination">
      {# 上一頁(yè)按鈕 #}
      {# 如果有上一頁(yè) #}
      {% if page.has_previous %}
        <li>
          {# 點(diǎn)擊超鏈接,對(duì)上一頁(yè)的頁(yè)面發(fā)起訪問(wèn) #}
          <a href="{% url 'app:blogs' page.previous_page_number %}" rel="external nofollow" aria-label="Previous">
            <span aria-hidden="true">&laquo;</span>
          </a>
        </li>
      {# 如果沒(méi)有上一頁(yè) #}
      {% else %}
        {# 當(dāng)沒(méi)有上一頁(yè)時(shí),閱讀bootrap文檔得知,對(duì)當(dāng)前l(fā)i使用disabled樣式 #}
        <li class="disabled">
          {# href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ,處于禁用狀態(tài)的按鈕被點(diǎn)擊時(shí)直接跳轉(zhuǎn)本頁(yè) #}
          <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" aria-label="Previous">
            <span aria-hidden="true">&laquo;</span>
          </a>
        </li>
      {% endif %}
      {# 頁(yè)碼按鈕 #}
      {# 遍歷傳入的頁(yè)碼范圍 #}
      {% for p in pagerange %}
        {# 如果頁(yè)碼=當(dāng)前頁(yè)頁(yè)碼 #}
        {% ifequal p currentpage %}
          {# 被選中的頁(yè)碼具有高亮效果,閱讀bootrap文檔得知,對(duì)當(dāng)前l(fā)i使用active樣式 #}
          {# {% url 'app:blogs' p %} 點(diǎn)擊頁(yè)碼,對(duì)第p頁(yè)的路由發(fā)起訪問(wèn) #}
          <li class="active"><a href="{% url 'app:blogs' p %}" rel="external nofollow" rel="external nofollow" >{{ p }}</a></li>
        {% else %}
          {# 非當(dāng)前頁(yè)頁(yè)碼普通顯示 #}
          <li><a href="{% url 'app:blogs' p %}" rel="external nofollow" rel="external nofollow" >{{ p }}</a></li>
        {% endifequal %}
      {% endfor %}
      {# 下一頁(yè)按鈕 #}
      {% if page.has_next %}
        <li>
          {# 點(diǎn)擊超鏈接,對(duì)下一頁(yè)的頁(yè)面發(fā)起訪問(wèn) #}
          <a href="{% url 'app:blogs' page.next_page_number %}" rel="external nofollow" aria-label="Next">
            <span aria-hidden="true">&raquo;</span>
          </a></li>
      {% else %}
        {# 當(dāng)沒(méi)有下一頁(yè)時(shí),閱讀bootrap文檔得知,對(duì)當(dāng)前l(fā)i使用disabled樣式 #}
        <li class="disabled">
          {# href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ,處于禁用狀態(tài)的按鈕被點(diǎn)擊時(shí)直接跳轉(zhuǎn)本頁(yè) #}
          <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" aria-label="Next">
            <span aria-hidden="true">&raquo;</span>
          </a></li>
      {% endif %}
    </ul>
  </nav>
</div>

3、Paginator

數(shù)據(jù)分頁(yè)工具
對(duì)象創(chuàng)建
- Paginator(數(shù)據(jù)集，每一頁(yè)數(shù)據(jù)數(shù))
屬性
- count：對(duì)象總數(shù)
- page_range：頁(yè)碼列表，從1開始
- num_pages：頁(yè)面總數(shù)
方法
- page(整數(shù)): 獲得一個(gè)page對(duì)象
常見錯(cuò)誤
- InvalidPage：page()傳遞無(wú)效頁(yè)碼
- PageNotAnInteger：page()傳遞的不是整數(shù)
- Empty：page()傳遞的值有效，但是沒(méi)有數(shù)據(jù)

4、Page

具體的某一頁(yè)面
對(duì)象獲得，通過(guò)Paginator的page()方法獲得
屬性
- object_list：當(dāng)前頁(yè)面上所有的數(shù)據(jù)對(duì)象
- number：當(dāng)前頁(yè)的頁(yè)碼值
- paginator: 當(dāng)前page關(guān)聯(lián)的Paginator對(duì)象
方法
- has_next()：判斷是否有下一頁(yè)
- has_previous()：判斷是否有上一頁(yè)
- has_other_pages()：判斷是否有上一頁(yè)或下一頁(yè)
- next_page_number()：返回下一頁(yè)的頁(yè)碼
- previous_page_number()：返回上一頁(yè)的頁(yè)碼
- len()：返回當(dāng)前頁(yè)的數(shù)據(jù)的個(gè)數(shù)

# 顯示博文列表
# pagenum=路由參數(shù)=用戶想要查看第幾頁(yè)
def showBlogs(request, pagenum):
  # 查詢數(shù)據(jù)庫(kù)獲取所有博文
  blogs = Blog.objects.all()
  # 構(gòu)建分頁(yè)器對(duì)象,blogs=所有博文,2=每頁(yè)顯示的個(gè)數(shù)
  paginator = Paginator(blogs, 2)
  # 獲取第n頁(yè)的頁(yè)面對(duì)象
  page = paginator.page(pagenum)
  # Paginator和Page的常用API
  # page.previous_page_number()
  # page.next_page_number()
  # page.has_previous()
  # page.has_next()
  # 構(gòu)造頁(yè)面渲染的數(shù)據(jù)
  '''
  渲染需要的數(shù)據(jù):
  - 當(dāng)前頁(yè)的博文對(duì)象列表
  - 分頁(yè)頁(yè)碼范圍
  - 當(dāng)前頁(yè)的頁(yè)碼
  '''
  data = {
    # 當(dāng)前頁(yè)的博文對(duì)象列表
    'page': page,
    # 分頁(yè)頁(yè)碼范圍
    'pagerange': paginator.page_range,
    # 當(dāng)前頁(yè)的頁(yè)碼
    'currentpage': page.number,
  }
  # 將數(shù)據(jù)丟給頁(yè)面渲染
  return render(request, 'blogs.html', context=data)

希望本文所述對(duì)大家基于Django框架的Python程序設(shè)計(jì)有所幫助。

您可能感興趣的文章: