如何使用Django實(shí)現(xiàn)一個(gè)分頁(yè)顯示效果

發(fā)布時(shí)間：2021-04-17 17:18:51 來(lái)源：億速云閱讀：191 作者：Leah 欄目：開(kāi)發(fā)技術(shù)

這篇文章將為大家詳細(xì)講解有關(guān)如何使用Django實(shí)現(xiàn)一個(gè)分頁(yè)顯示效果，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

導(dǎo)入 EmptyPage和PageNotAnInteger：

from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger

接著編寫好視圖函數(shù)test:

def test(request):
 course_list=CourseVideo.objects.all()
 #生成pagintor對(duì)象，定義每頁(yè)顯示10條記錄
 paginator=Paginator(course_list,10)

 #獲取當(dāng)前的頁(yè)碼數(shù)，默認(rèn)為1
 page=request.GET.get("page",1)

 #把當(dāng)前的頁(yè)碼數(shù)轉(zhuǎn)換為整數(shù)類型
 currentPage=int(page)

 try:
 video_list=paginator.page(page)#獲取當(dāng)前頁(yè)碼的記錄
 except PageNotAnInteger:
 video_list=paginator.page(1)#如果用戶輸入的頁(yè)碼不是整數(shù)時(shí),顯示第1頁(yè)的內(nèi)容
 except EmptyPage:
 video_list=paginator.page(paginator.num_pages)#如果用戶輸入的頁(yè)碼不是整數(shù)時(shí),顯示第1頁(yè)的內(nèi)容
 
 return render(request, "test.html", locals())

接下來(lái)我們完成前端頁(yè)面的邏輯，這里定義的文件為test.html:

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>這里的標(biāo)題</title>
</head>
<body>
  <div class="manageContent">
  {#數(shù)據(jù)顯示div--start#}
  {% for video in video_list%}
  <div id="{{ video.vidoeContentId }}" class="content9">

   <div class="videomsg">
   <img src="/static/images/favicon.ico" alt="" />
   <span >{{ video.name }}</span>
   </div>
   <span class="courseTime" >{{ video.number }}</span>
   <span class="sourse" >{{ video.source }}</span>
   <span class="status" >{{ video.status }}</span>
   <div class="operate">
   <span  onclick="ShowUpDiv('upfileDiv','fade1','{{ video.id }}','{{ video.name }}')">上傳</span>
   <span  onclick="ShowEditDiv('editDiv','editfade','{{ video.name }}','{{ video.number }}','{{ video.source }}','{{ video.status }}','{{ video.id }}')" >修改</span>
   <span  onclick="Showdetail('{{ video.id }}')" >詳情</span>
   </div>

   <div id="{{ video.id }}" >

   </div>

  </div>
  {% endfor %}
  {#數(shù)據(jù)顯示div--end#}
  
  {#顯示分頁(yè)導(dǎo)航欄--start#}
  <div class="kkk">
  <ul class="pagination" id="pager" >
   {#上一頁(yè)按鈕開(kāi)始#}
   {# 如果當(dāng)前頁(yè)有上一頁(yè)#}
   {% if video_list.has_previous %}
   {# 當(dāng)前頁(yè)的上一頁(yè)按鈕正常使用#}
   <li class="previous"><a href="/backstage/test/?page={{ video_list.previous_page_number }}" >上一頁(yè)</a></li>
   {% else %}
   {# 當(dāng)前頁(yè)的不存在上一頁(yè)時(shí),上一頁(yè)的按鈕不可用#}
   <li class="previous disabled"><a href="#" >上一頁(yè)</a></li>
   {% endif %}
   {#上一頁(yè)按鈕結(jié)束#}

   {# 頁(yè)碼開(kāi)始#}
   {% for num in paginator.page_range %}
   {% if num == currentPage %}
    <li class="liactive"><a class="selected" href="/backstage/test/?page={{ num }}" >{{ num }}</a></li>
   {% else %}
    <li class="itemli"><a href="/backstage/test/?page={{ num }}" >{{ num }}</a></li>
   {% endif %}
   {% endfor %}
   {#頁(yè)碼結(jié)束#}

   {# 下一頁(yè)按鈕開(kāi)始#}
   {% if video_list.has_next %}
   <li class="next"><a href="/backstage/test/?page={{ video_list.next_page_number }}" >下一頁(yè)</a></li>
   {% else %}
   <li class="next disabled"><a href="#" >下一頁(yè)</a></li>
   {% endif %}
   {# 下一頁(yè)按鈕結(jié)束#}
  </ul>
  </div>
  {#顯示分頁(yè)導(dǎo)航欄--end#}

  </div>

</body>
</html>

至此，分頁(yè)顯示的邏輯完成，更多關(guān)于Paginator的語(yǔ)法實(shí)例如下：

from django.core.paginator import Paginator
objects = ['john','paul','george','ringo','lucy','meiry','checy','wind','flow','rain']<br>
p = Paginator(objects,3) # 3條數(shù)據(jù)為一頁(yè)，實(shí)例化分頁(yè)對(duì)象
print p.count # 10 對(duì)象總共10個(gè)元素
print p.num_pages # 4 對(duì)象可分4頁(yè)
print p.page_range # xrange(1, 5) 對(duì)象頁(yè)的可迭代范圍
 
page1 = p.page(1) # 取對(duì)象的第一分頁(yè)對(duì)象
print page1.object_list # 第一分頁(yè)對(duì)象的元素列表['john', 'paul', 'george']
print page1.number # 第一分頁(yè)對(duì)象的當(dāng)前頁(yè)值 1
 
page2 = p.page(2) # 取對(duì)象的第二分頁(yè)對(duì)象
print page2.object_list # 第二分頁(yè)對(duì)象的元素列表 ['ringo', 'lucy', 'meiry']
print page2.number # 第二分頁(yè)對(duì)象的當(dāng)前頁(yè)碼值 2
 
print page1.has_previous() # 第一分頁(yè)對(duì)象是否有前一頁(yè) False
print page1.has_other_pages() # 第一分頁(yè)對(duì)象是否有其它頁(yè) True
 
print page2.has_previous() # 第二分頁(yè)對(duì)象是否有前一頁(yè) True
print page2.has_next() # 第二分頁(yè)對(duì)象是否有下一頁(yè) True
print page2.next_page_number() # 第二分頁(yè)對(duì)象下一頁(yè)碼的值 3
print page2.previous_page_number() # 第二分頁(yè)對(duì)象的上一頁(yè)碼值 1
print page2.start_index() # 第二分頁(yè)對(duì)象的元素開(kāi)始索引 4
print page2.end_index() # 第2分頁(yè)對(duì)象的元素結(jié)束索引 6

關(guān)于如何使用Django實(shí)現(xiàn)一個(gè)分頁(yè)顯示效果就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

向AI問(wèn)一下細(xì)節(jié)

如何使用Django實(shí)現(xiàn)一個(gè)分頁(yè)顯示效果

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽