快捷導(dǎo)航

Django實(shí)現(xiàn)快速分頁的方法實(shí)例

更新時(shí)間：2017年10月22日 14:23:04 作者：_昭昭_

分頁是我們?nèi)粘ｉ_發(fā)中必不可少的一個(gè)功能，下面這篇文章主要給大家介紹了關(guān)于Django如何實(shí)現(xiàn)快速分頁的方法，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。

前言

本文主要給大家介紹了關(guān)于Django快速分頁的相關(guān)內(nèi)容，分享出來供大家參考學(xué)習(xí)，下面話不多說了，來一起看看詳細(xì)的介紹吧。

分頁

在web開發(fā)中,對大量的商品進(jìn)行分頁顯示,是常見的需求,django對分頁直接提供了現(xiàn)成的函數(shù),讓我們的開發(fā)更為快速便捷...

動(dòng)圖_Django快速分頁

示例代碼：

在后端(視圖函數(shù)中)

from django.shortcuts import render
from .models import ShowMyComputer
# 引入方法
from django.core.paginator import Paginator
# Create your views here.

def show(request, page_id):

 # 獲取需要分頁的對象集合
 all_goods = ShowMyComputer.objects.all()

 # 創(chuàng)建分頁對象
 paginator = Paginator(all_goods, 3)

 # 根據(jù)當(dāng)前頁碼,確定返回的數(shù)據(jù)
 current_page = paginator.page(page_id)

 # 保證前端取到的"頁數(shù)"為整型
 page_id = int(page_id)


 return render(request, 'computer/list.html', locals())

在前端(html模板中)

<body>
 {# 展示當(dāng)前頁面的數(shù)據(jù) #}
 {% for goods in current_page %}
 <div class="my_goods">

  <div class="goods_image">  
   ![圖片占位](/static/{{ goods.goods_image }})
  </div>
  
  <br>
  
  <div class="goods_name">{{ goods.goods_name }}</div>

 </div>

 {% endfor %}


 <div class="page_num">

 {# 判斷'上一頁'是否存在,如果存在則保留`上一頁`標(biāo)簽 ,反之則不顯示`上一頁`標(biāo)簽 #}
 {% if current_page.has_previous %}

  <a href="{% url 'computer:show' current_page.previous_page_number %}" rel="external nofollow" >上一頁</a>

 {% endif %}


 {# 確定分頁數(shù)量 #}

 {% for index in paginator.page_range %}

  {# 如果頁碼與當(dāng)前頁面相符,則添加紅色背景 #}
 {% if page_id == index %}
  <a href= "{% url 'computer:show' index %}" style="background-color: red" >{{ index }}</a>
  {# 如果頁面與當(dāng)前頁面不符,則正常顯示 #}
 {% else %}
  <a href="{% url 'computer:show' index %}" rel="external nofollow" >{{ index }}</a>
 {% endif %}

 {% endfor %}

 {# 判斷'下一頁'是否存在,如果存在則保留`下一頁`標(biāo)簽 ,反之則不顯示`下一頁`標(biāo)簽 #}
 {% if current_page.has_next%}

  <a href="{% url 'computer:show' current_page.next_page_number %}" rel="external nofollow" >下一頁</a>

 {% endif %}


 </div>

</body>

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。

您可能感興趣的文章: