django裡的分頁操作（全）
阿新 • • 發佈：2018-11-04
一.Django內建分頁 - Paginator、 Page （這兩個django裡的類，用來內建分頁）
沒啥好說的，直接看程式碼吧
不過首先得在views下
from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger
views裡 USER_LIST = [] for i in range(1,666): temp = {'name':'root'+str(i), 'age':i} USER_LIST.append(temp) def index(request): per_page_count = 10 current_page = request.GET.get('p') current_page = int(current_page) start = (current_page-1) * per_page_count end = current_page*per_page_count data = USER_LIST[start:end] if current_page<=1: prev_pager = 1 prev_pager = current_page -1 next_pager = current_page +1 return render(request,'index.html',{'user_list':data,'prev_pager':prev_pager,'next_pager':next_pager})
html裡 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <ul> {% for row in user_list %} <li>{{ row.name }}-{{ row.age }}</li> {% endfor %} </ul> <a href="/index.html?p={{ prev_pager }}">上一頁</a> <a href="/index.html?p={{ next_pager }}">下一頁</a> </body> </html>
結果：
不建議這麼使用
二。 - 擴充套件Django的內建分頁 - CustomPaginator(Paginator) - 頁面：include
傳入：
- 所有資料
- 當前頁
- 每頁顯示n條
- 最多頁面m個
首先先頂一個類CustomPaginator來繼承Paginator 傳入上面4個引數
class CustomPaginator(Paginator):
def __init__(self,current_page, per_pager_num,*args,**kwargs):
# 當前頁
self.current_page = int(current_page)
# 最多顯示的頁碼數量 11
self.per_pager_num = int(per_pager_num)
super(CustomPaginator,self).__init__(*args,**kwargs) #這樣就不用再寫self.*args,self.**kwargs
def pager_num_range(self):
# 當前頁
#self.current_page
# 最多顯示的頁碼數量 11
#self.per_pager_num
# 總頁數
# self.num_pages
if self.num_pages < self.per_pager_num: #如果總頁數小於最多顯示的頁碼數
return range(1,self.num_pages+1) #就顯示當前總頁數+1
# 總頁數特別多 5
part = int(self.per_pager_num/2) #顯示中間頁
if self.current_page <= part: #如果當前頁部分小於中間頁
return range(1,self.per_pager_num+1) #就顯示從第一頁到最多顯示的頁碼數+1
if (self.current_page + part) > self.num_pages: #頁面“溢位”，當前頁+中間頁的總量超出了總頁數
return range(self.num_pages-self.per_pager_num+1,self.num_pages+1) #顯示的是從總頁數-總頁數+1到總頁數+1
return range(self.current_page-part,self.current_page+part+1) #以上兩種情況都不是，顯示從當前頁-中間頁到當前頁+中間頁+1再在view下定義def index1(request):
# 全部資料：USER_LIST，=》得出共有多少條資料
# per_page: 每頁顯示條目數量
# count: 資料總個數
# num_pages:總頁數
# page_range:總頁數的索引範圍，如: (1,10),(1,200)
# page: page物件（是否具有下一頁；是否有上一頁；）
current_page = request.GET.get('p') #獲取當前頁
# Paginator物件
paginator = CustomPaginator(current_page,7,USER_LIST, 10)
try:
# Page物件
posts = paginator.page(current_page) #posts是一個物件
# has_next 是否有下一頁
# next_page_number 下一頁頁碼
# has_previous 是否有上一頁
# previous_page_number 上一頁頁碼
# object_list 分頁之後的資料列表，已經切片好的資料
# number 當前頁
# paginator paginator物件
except PageNotAnInteger:
posts = paginator.page(1)
except EmptyPage:
posts = paginator.page(paginator.num_pages)
return render(request,'index1.html',{'posts':posts})注意這裡的posts是page物件，裡面有各種方法
Index1.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<ul>
{% for row in posts.object_list %}
<li>{{ row.name }}-{{ row.age }}</li>
{% endfor %}
</ul>
{% include 'include/pager.html' %}
</body>
</html>include下的pager.html
{% if posts.has_previous %}
{# 如果有上一頁#}
<a href="/index1.html?p={{ posts.previous_page_number }}">上一頁</a>
{% else %}
<a href="#">上一頁</a>
{% endif %}
{% for i in posts.paginator.pager_num_range %}
{% if i == posts.number %}
<a style="font-size: 30px;" href="/index1.html?p={{ i }}">{{ i }}</a>
{% else %}
<a href="/index1.html?p={{ i }}">{{ i }}</a>
{% endif %}
{% endfor %}
{% if posts.has_next %}
{# 如果有下一頁#}
<a href="/index1.html?p={{ posts.next_page_number }}">下一頁</a>
{% endif %}
<span>
{{ posts.number }}/{{ posts.paginator.num_pages }}
</span>結果
三.擴充套件Django的內建分頁--自定義分頁
傳入：
- 所有資料的個數
- 當前頁
- 每頁顯示n條
- 最多頁面m個
先自定義一個類 傳入以上四個引數 以後任何都可以使用這個類，因為在類裡把頁面都寫好了
@property 當寫入這個時，以後呼叫函式內的方法可以不必加（）直接函式名即可，能實現同樣的功能index2
def index2(request):
from app01.pager import Pagination
current_page = request.GET.get('p')
page_obj = Pagination(666,current_page)
data_list = USER_LIST[page_obj.start():page_obj.end()] #這是方法.要加(),屬性就不要加()
return render(request,'index2.html',{'data':data_list,'page_obj':page_obj})index2.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="/static/bootstrap-3.3.7-dist/css/bootstrap.css" />
</head>
<body>
<ul>
{% for row in data %}
<li>{{ row.name }}-{{ row.age }}</li>
{% endfor %}
</ul>
{% for i in page_obj.pager_num_range %}
<a href="/index2.html?p={{ i }}">{{ i }}</a>
{% endfor %}
<hr/>
<ul class="pagination pagination-sm">
{{ page_obj.page_str|safe }}
</ul>
<div style="height: 300px;"></div>
</body>
</html>自定義的類
class Pagination(object):
# 傳遞有四個引數 - 所有資料的個數
# - 當前頁
# - 每頁顯示n條
# # - 最多頁面n個
def __init__(self,totalCount,currentPage,perPageItemNum=10,maxPageNum=7):
# 資料總個數
self.total_count = totalCount
# 當前頁
try:
v = int(currentPage)
if v <= 0:
v = 1
self.current_page = v
except Exception as e:
self.current_page = 1
# 每頁顯示的行數
self.per_page_item_num = perPageItemNum
# 最多顯示頁面
self.max_page_num = maxPageNum
def start(self): #起始頁
return (self.current_page-1) * self.per_page_item_num
def end(self): #結束頁
return self.current_page * self.per_page_item_num
@property
def num_pages(self):
"""
總頁數
:return:
"""
# 666
# 10
a,b = divmod(self.total_count,self.per_page_item_num)
if b == 0:
return a
return a+1
def pager_num_range(self):
# self.num_pages()
# self.num_pages
# 當前頁
#self.current_page
# 最多顯示的頁碼數量 11
#self.per_pager_num
# 總頁數
# self.num_pages
if self.num_pages < self.max_page_num:
return range(1,self.num_pages+1)
# 總頁數特別多 5
part = int(self.max_page_num/2)
if self.current_page <= part:
return range(1,self.max_page_num+1)
if (self.current_page + part) > self.num_pages:
return range(self.num_pages-self.max_page_num+1,self.num_pages+1)
return range(self.current_page-part,self.current_page+part+1)
def page_str(self):
page_list = []
first = "<li><a href='/index2.html?p=1'>首頁</a></li>"
page_list.append(first)
if self.current_page == 1:
prev = "<li><a href='#'>上一頁</a></li>"
else:
prev = "<li><a href='/index2.html?p=%s'>上一頁</a></li>" %(self.current_page-1,)
page_list.append(prev)
for i in self.pager_num_range():
if i == self.current_page:
temp = "<li class='active'><a href='/index2.html?p=%s'>%s</a></li>" %(i,i)
else:
temp = "<li><a href='/index2.html?p=%s'>%s</a></li>" % (i, i)
page_list.append(temp)
if self.current_page == self.num_pages:
nex = "<li><a href='#'>下一頁</a></li>"
else:
nex = "<li><a href='/index2.html?p=%s'>下一頁</a></li>" % (self.current_page + 1,)
page_list.append(nex)
last = "<li><a href='/index2.html?p=%s'>尾頁</a></li>" %(self.num_pages)
page_list.append(last)
return ''.join(page_list)
結果