Django實現分頁顯示效果
阿新 • • 發佈:2020-01-09
Django中提供了一個類Paginator專門用來管理和處理分頁資料,所以我們在使用之前先匯入好相應的類,,另外這裡我們也匯入了待會會用到的處理異常的兩個類 EmptyPage和PageNotAnInteger:
from django.core.paginator import Paginator,EmptyPage,PageNotAnInteger
接著編寫好檢視函式test:
def test(request): course_list=CourseVideo.objects.all() #生成pagintor物件,定義每頁顯示10條記錄 paginator=Paginator(course_list,10) #獲取當前的頁碼數,預設為1 page=request.GET.get("page",1) #把當前的頁碼數轉換為整數型別 currentPage=int(page) try: video_list=paginator.page(page)#獲取當前頁碼的記錄 except PageNotAnInteger: video_list=paginator.page(1)#如果使用者輸入的頁碼不是整數時,顯示第1頁的內容 except EmptyPage: video_list=paginator.page(paginator.num_pages)#如果使用者輸入的頁碼不是整數時,顯示第1頁的內容 return render(request,"test.html",locals())
接下來我們完成前端頁面的邏輯,這裡定義的檔案為test.html:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>這裡的標題</title> </head> <body> <div class="manageContent"> {#資料顯示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 style="cursor:pointer;" onclick="ShowUpDiv('upfileDiv','fade1','{{ video.id }}','{{ video.name }}')">上傳</span> <span style="cursor:pointer;" onclick="ShowEditDiv('editDiv','editfade','{{ video.name }}','{{ video.number }}','{{ video.source }}','{{ video.status }}','{{ video.id }}')" >修改</span> <span style="cursor:pointer;" onclick="Showdetail('{{ video.id }}')" >詳情</span> </div> <div id="{{ video.id }}" style="display: none ;overflow:scroll;overflow-x:hidden"> </div> </div> {% endfor %} {#資料顯示div--end#} {#顯示分頁導航欄--start#} <div class="kkk"> <ul class="pagination" id="pager" > {#上一頁按鈕開始#} {# 如果當前頁有上一頁#} {% if video_list.has_previous %} {# 當前頁的上一頁按鈕正常使用#} <li class="previous"><a href="/backstage/test/?page={{ video_list.previous_page_number }}" >上一頁</a></li> {% else %} {# 當前頁的不存在上一頁時,上一頁的按鈕不可用#} <li class="previous disabled"><a href="#" >上一頁</a></li> {% endif %} {#上一頁按鈕結束#} {# 頁碼開始#} {% 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 %} {#頁碼結束#} {# 下一頁按鈕開始#} {% if video_list.has_next %} <li class="next"><a href="/backstage/test/?page={{ video_list.next_page_number }}" >下一頁</a></li> {% else %} <li class="next disabled"><a href="#" >下一頁</a></li> {% endif %} {# 下一頁按鈕結束#} </ul> </div> {#顯示分頁導航欄--end#} </div> </body> </html>
至此,分頁顯示的邏輯完成,更多關於Paginator的語法例項如下:
from django.core.paginator import Paginator objects = ['john','paul','george','ringo','lucy','meiry','checy','wind','flow','rain']<br> p = Paginator(objects,3) # 3條資料為一頁,例項化分頁物件 print p.count # 10 物件總共10個元素 print p.num_pages # 4 物件可分4頁 print p.page_range # xrange(1,5) 物件頁的可迭代範圍 page1 = p.page(1) # 取物件的第一分頁物件 print page1.object_list # 第一分頁物件的元素列表['john','george'] print page1.number # 第一分頁物件的當前頁值 1 page2 = p.page(2) # 取物件的第二分頁物件 print page2.object_list # 第二分頁物件的元素列表 ['ringo','meiry'] print page2.number # 第二分頁物件的當前頁碼值 2 print page1.has_previous() # 第一分頁物件是否有前一頁 False print page1.has_other_pages() # 第一分頁物件是否有其它頁 True print page2.has_previous() # 第二分頁物件是否有前一頁 True print page2.has_next() # 第二分頁物件是否有下一頁 True print page2.next_page_number() # 第二分頁物件下一頁碼的值 3 print page2.previous_page_number() # 第二分頁物件的上一頁碼值 1 print page2.start_index() # 第二分頁物件的元素開始索引 4 print page2.end_index() # 第2分頁物件的元素結束索引 6
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支援我們。