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

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

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

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

分頁

1、作用

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

2、前端引入bootstrap樣式：

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

引入分頁器：

<div id="rootbox">
  <h1>文章列表</h1>
  <ul id="bloglist">
    {# 遍歷博文 #}
    {% for blog in page.object_list %}
      {# 顯示博文標題 #}
      <li>
        <a href="{% url 'app:readblog' blog.id %}" rel="external nofollow" ><h3>{{ blog.title }}</h3></a>
      </li>
    {% endfor %}
  </ul>
  {#分頁器:html內(nèi)容拷貝于bootstrap網(wǎng)站-組件-分頁#}
  {# bootstrap是一整套成熟經(jīng)典的頁面組件框架 #}
  <nav aria-label="Page navigation">
    <ul class="pagination">
      {# 上一頁按鈕 #}
      {# 如果有上一頁 #}
      {% if page.has_previous %}
        <li>
          {# 點擊超鏈接,對上一頁的頁面發(fā)起訪問 #}
          <a href="{% url 'app:blogs' page.previous_page_number %}" rel="external nofollow" aria-label="Previous">
            <span aria-hidden="true">&laquo;</span>
          </a>
        </li>
      {# 如果沒有上一頁 #}
      {% else %}
        {# 當沒有上一頁時,閱讀bootrap文檔得知,對當前l(fā)i使用disabled樣式 #}
        <li class="disabled">
          {# href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ,處于禁用狀態(tài)的按鈕被點擊時直接跳轉(zhuǎn)本頁 #}
          <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 %}
      {# 頁碼按鈕 #}
      {# 遍歷傳入的頁碼范圍 #}
      {% for p in pagerange %}
        {# 如果頁碼=當前頁頁碼 #}
        {% ifequal p currentpage %}
          {# 被選中的頁碼具有高亮效果,閱讀bootrap文檔得知,對當前l(fā)i使用active樣式 #}
          {# {% url 'app:blogs' p %} 點擊頁碼,對第p頁的路由發(fā)起訪問 #}
          <li class="active"><a href="{% url 'app:blogs' p %}" rel="external nofollow" rel="external nofollow" >{{ p }}</a></li>
        {% else %}
          {# 非當前頁頁碼普通顯示 #}
          <li><a href="{% url 'app:blogs' p %}" rel="external nofollow" rel="external nofollow" >{{ p }}</a></li>
        {% endifequal %}
      {% endfor %}
      {# 下一頁按鈕 #}
      {% if page.has_next %}
        <li>
          {# 點擊超鏈接,對下一頁的頁面發(fā)起訪問 #}
          <a href="{% url 'app:blogs' page.next_page_number %}" rel="external nofollow" aria-label="Next">
            <span aria-hidden="true">&raquo;</span>
          </a></li>
      {% else %}
        {# 當沒有下一頁時,閱讀bootrap文檔得知,對當前l(fā)i使用disabled樣式 #}
        <li class="disabled">
          {# href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ,處于禁用狀態(tài)的按鈕被點擊時直接跳轉(zhuǎn)本頁 #}
          <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ù)分頁工具
對象創(chuàng)建
- Paginator(數(shù)據(jù)集，每一頁數(shù)據(jù)數(shù))
屬性
- count：對象總數(shù)
- page_range：頁碼列表，從1開始
- num_pages：頁面總數(shù)
方法
- page(整數(shù)): 獲得一個page對象
常見錯誤
- InvalidPage：page()傳遞無效頁碼
- PageNotAnInteger：page()傳遞的不是整數(shù)
- Empty：page()傳遞的值有效，但是沒有數(shù)據(jù)

4、Page

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

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

希望本文所述對大家基于Django框架的Python程序設計有所幫助。

您可能感興趣的文章: