Djang內建分頁和自定義分頁
阿新 • • 發佈：2021-06-16
內建分頁
views
from django.core.paginator import Paginator,Page,PageNotAnInteger def DJs_pages(request): nid=request.GET.get('nid') user_list=models.UserInfo.objects.all() paginator=Paginator(user_list,2) # .per_page: 每頁顯示條目數量 # .count: 資料總個數 # .num_pages:總頁數 # .page_range:總頁數的索引範圍，如: (1,10),(1,200) 一次性顯現有多少頁顯示多少個頁碼View Code# .page: page物件 if nid: a=paginator.page(nid) #顯示第x頁 a相當於一個列表裡面是一頁的內容 else: a=paginator.page(1) # has_next 是否有下一頁 # next_page_number 下一頁頁碼 # has_previous 是否有上一頁 # previous_page_number 上一頁頁碼 # object_list 分頁之後的資料列表# number 當前頁 # paginator paginator物件 return render(request,'pages.html',{'a':a})
template
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 </head>View Code7 <body> 8 <h1>使用者列表</h1> 9 <ul> 10 {%for row in a %} 11 <li>{{row.nid}}==={{row.user}}==={{row.age}}===={{row.ug.title}}</li> 12 {%endfor%} 13 14 </ul> 15 <div> 16 {%if a.has_next %} 17 <a href="/pages/?nid={{a.next_page_number}}">下一頁</a> 18 {%endif%} 19 20 </div> 21 <div> 22 {%for row in a.paginator.page_range %} 23 <a href="/pages/?nid={{row}}">{{row}}</a> 24 {%endfor%} 25 26 </div> 27 </body> 28 </html>
自定義分頁
views
1 from creat_tool.paging import PageInfo 2 3 def custom_page(request): 4 5 all_num=models.UserInfo.objects.all().count() 6 #page_num=math.ceil(all_num/3) 7 pageinfo=PageInfo(request.GET.get('page'),1,all_num,2,'/custom/') #(current_page,每頁幾個資料，一共多少資料，顯示幾個頁碼，url) 8 #current_page=request.GET.get('page') 9 #每頁顯示多少資料 10 #current_page=int(current_page) 11 #per_page=3 12 #0-3 3-6 6-9 13 user_list = models.UserInfo.objects.all()[pageinfo.start():pageinfo.end()]#[起始位置：結束位置] 14 return render(request, 'custom.html', {'user_list': user_list,'pageinfo':pageinfo})
class
import math class PageInfo(): def __init__(self,curret_page,per_page_ha_num,all_num,show_page,base_url): try: self.curret_page=int(curret_page) #1.將str數字轉換為數字 2.不是數字的報錯執行except except Exception as e: self.curret_page=1 self.per_page_ha_num=per_page_ha_num self.all_num=all_num self.all_page_num=math.ceil(self.all_num / self.per_page_ha_num) self.show_page=int(show_page/2) self.base_url=base_url def start(self): return (self.curret_page-1)*self.per_page_ha_num def end(self): return self.curret_page*self.per_page_ha_num def pagers(self): star = self.curret_page - self.show_page end = self.curret_page + self.show_page if star <= 0: star = 1 if end > self.all_page_num: end = self.all_page_num page_list = [] if self.curret_page <= 1: # prev = '<a href="">上一頁</a>' prev = '<li><a href="#" aria-label="Previous"><span aria-hidden="true">«</span>上一頁</a></li>' else: # prev = '<a href="%s?page=%s">上一頁</a>' %(self.base_url,self.curret_page-1) prev = '<li><a href="%s?page=%s" aria-label="Previous"><span aria-hidden="true">«</span>上一頁</a></li>' % ( self.base_url, self.curret_page - 1) page_list.append(prev) # for i in range(1,self.all_page_num+1): for i in range(star, end + 1): if i == self.curret_page: # temp='<a style="background-color:pink" href="%s?page=%s">%s</a>' %(self.base_url,i,i) temp = ' <li class="active" ><a href="%s?page=%s">%s</a></li>' % ( self.base_url, i, i) # <li class="active" > 強調當前頁 else: temp = ' <li><a href="%s?page=%s">%s</a></li>' % (self.base_url, i, i) # temp = '<a href="%s?page=%s">%s</a>' % (self.base_url,i, i) page_list.append(temp) if self.curret_page >= self.all_page_num: # prev = '<a href=""> 下一頁</a>' prev = '<li><a href="#" aria-label="Next"><span aria-hidden="true">«</span></a></li>' prev = ' <li><a href="#" aria-label="Next"><span aria-hidden="true">»</span>下一頁</a></li>' else: # prev = '<a href="%s?page=%s">下一頁</a>' % (self.base_url,self.curret_page + 1) prev = '<li><a href="%s?page=%s" aria-label="Next"><span aria-hidden="true">»</span>下一頁</a></li>' % ( self.base_url, self.curret_page + 1) page_list.append(prev) return ''.join(page_list)View Code
template
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="/static/bootstrap-3.4.1-dist/css/bootstrap.css"> </head> <body> <h1>使用者列表</h1> <ul> {%for row in user_list %} <li>{{row.nid}}==={{row.user}}==={{row.age}}===={{row.ug.title}}</li> {%endfor%} </ul> <!-- {{pageinfo.pagers|safe}}--> <!-- 傳類的物件過來，呼叫的方法就自動顯示--> <nav aria-label="Page navigation"> <ul class="pagination"> {{pageinfo.pagers|safe}} </ul> </nav> </body> </html>View Code