當(dāng)我們需要在前端頁面展示的數(shù)據(jù)太多的時候，我們總不能將數(shù)據(jù)展示在一頁上面吧！這時，我們就需要自定義一個分頁器，將數(shù)據(jù)分成特定的頁數(shù)進(jìn)行展示，每一頁展示固定條數(shù)的數(shù)據(jù)！
創(chuàng)新互聯(lián)公司是一家企業(yè)級云計算解決方案提供商,超15年IDC數(shù)據(jù)中心運(yùn)營經(jīng)驗(yàn)。主營GPU顯卡服務(wù)器，站群服務(wù)器，西部信息機(jī)房，海外高防服務(wù)器，成都機(jī)柜租用，動態(tài)撥號VPS，海外云手機(jī)，海外云服務(wù)器，海外服務(wù)器租用托管等。
如上所說：為了將數(shù)據(jù)分成多頁進(jìn)行展示，分別閱讀，方便查詢！
雖然！我們有一個封裝好的分頁器源碼，用的時候只需要cv大法就行，但是作為一名優(yōu)秀的程序猿??！我們還是需要知道底層的邏輯是不是！！
我們需要明確的是，前端向后端請求的常用方式為get和post請求。分頁的時候，我們應(yīng)該采用get請求的方式給后端傳輸您需要轉(zhuǎn)到的頁數(shù)！！
其次我們還需要知道一個點(diǎn)，queryset對象是支持索引取值和切片操作的，但是不支持負(fù)數(shù)索引情況。
接下來，我們來推導(dǎo)一下分頁器的形成的邏輯：
重慶分公司
重慶分公司
current_page = request.GET.get("page",1) # 獲取用戶想訪問的頁碼 如果沒有 默認(rèn)展示第一頁
try: # 由于后端接受到的前端數(shù)據(jù)是字符串類型所以我們這里做類型轉(zhuǎn)換處理加異常捕獲
current_page = int(current_page)
except Exception as e:
current_page = 1
# 還需要定義頁面到底展示幾條數(shù)據(jù)
per_page_num = 10 # 一頁展示10條數(shù)據(jù)
# 需要對總數(shù)據(jù)進(jìn)行切片操作 需要確定切片起始位置和終止位置
start_page = ?
end_page = ?
"""
下面需要研究current_page、per_page_num、start_page、end_page四個參數(shù)之間的數(shù)據(jù)關(guān)系
per_page_num = 10
current_page start_page end_page
1 0 10
2 10 20
3 20 30
4 30 40
per_page_num = 5
current_page start_page end_page
1 0 5
2 5 10
3 10 15
4 15 20
可以很明顯的看出規(guī)律
start_page = (current_page - 1) * per_page_num
end_page = current_page* per_page_num
"""
我們研究完當(dāng)前頁（current_page）、每頁展示的數(shù)據(jù)條數(shù)（per_page_num）、每頁數(shù)據(jù)的起始位置（start_page）和結(jié)束位置（end_page）之后，我們還需要知道的最重要的一點(diǎn)是：
一共需要從數(shù)據(jù)庫取出的數(shù)據(jù)一共有多少條?。。?/p>
此時，我們就需要用到python中的一個內(nèi)置方法divmod：它是功能是一個數(shù)除以另一個數(shù)時，返回余數(shù)和商??！如：
>>> divmod(100,10)
(10, 0) # 10頁
>>> divmod(101,10)
(10, 1) # 11頁
>>> divmod(99,10)
(9, 9) # 10頁
# 余數(shù)只要不是0就需要在第一個數(shù)字上加一
我們可以用它來判斷我們一共需要多少頁！
后端自定義分頁器邏輯詳解：
def book(request):
if request.method == 'GET':
current_page = request.GET.get('page',1) # 獲取用戶需要訪問的頁面，如果沒有默認(rèn)返回1
try: #異常捕獲，因?yàn)榍岸朔祷氐亩际亲址?，需要把他們都轉(zhuǎn)成數(shù)字類型，方便下面做運(yùn)算操作
current_page = int(current_page)
except Exception as e:
current_page = 1 # 用戶輸入啥字母等也默認(rèn)為1
per_page_num = 10 #每頁展示多少條數(shù)據(jù)
start_page = (current_page - 1) * per_page_num #當(dāng)前頁數(shù)起始數(shù)據(jù)
end_page = current_page * per_page_num #當(dāng)前頁結(jié)束數(shù)據(jù)
book_num = models.Book.objects.all() #將所有數(shù)據(jù)查詢出來
all_count = book_num.count() # 統(tǒng)計一共有多少數(shù)據(jù)
num,more = divmod(all_count,per_page_num) #divmod方法計算需要的總頁數(shù)
if more:
all_page = num + 1 #more為余數(shù)，余為0，則剛剛好是num頁數(shù)，不為0，則頁數(shù)加1
# 然后我們需要在html頁面的分頁器標(biāo)簽部分，for循環(huán)一下總共需要的num頁數(shù)，但是有一個問題是，前端無法使用range()
# 這就需要我們在后端進(jìn)行循環(huán)，再傳到前端
html = ''
a = current_page # 為了下面頁碼高亮調(diào)整
if current_page <6: #當(dāng)頁面小于6時，固定在6上面，為下面的for處理不出現(xiàn)頁碼負(fù)數(shù)
current_page = 6
# 訪問第6頁時，只會顯示當(dāng)前頁-5和+6的底部頁碼數(shù),但是當(dāng)頁面小于6時，頁碼會出現(xiàn)0甚至負(fù)數(shù)，所有我們需要對頁面進(jìn)行一個設(shè)置，就是上述的a
for i in range(current_page-5,current_page+6):
if a == i:
# 當(dāng)前頁的頁面高亮顯示
html += '%s ' % (i, i)
else:
html += '%s ' % (i, i)
book_queryset = book_num[start_page:end_page]
return render(request,'book.html',locals())
前端頁面部分：
class Pagination(object):
def __init__(self, current_page, all_count, per_page_num=2, pager_count=11):
"""
封裝分頁相關(guān)數(shù)據(jù)
:param current_page: 當(dāng)前頁
:param all_count: 數(shù)據(jù)庫中的數(shù)據(jù)總條數(shù)
:param per_page_num: 每頁顯示的數(shù)據(jù)條數(shù)
:param pager_count: 最多顯示的頁碼個數(shù)
"""
try:
current_page = int(current_page)
except Exception as e:
current_page = 1
if current_page < 1:
current_page = 1
self.current_page = current_page
self.all_count = all_count
self.per_page_num = per_page_num
# 總頁碼
all_pager, tmp = divmod(all_count, per_page_num)
if tmp:
all_pager += 1
self.all_pager = all_pager
self.pager_count = pager_count
self.pager_count_half = int((pager_count - 1) / 2)
@property
def start(self):
return (self.current_page - 1) * self.per_page_num
@property
def end(self):
return self.current_page * self.per_page_num
def page_html(self):
# 如果總頁碼 < 11個：
if self.all_pager <= self.pager_count:
pager_start = 1
pager_end = self.all_pager + 1
# 總頁碼 > 11
else:
# 當(dāng)前頁如果<=頁面上最多顯示11/2個頁碼
if self.current_page <= self.pager_count_half:
pager_start = 1
pager_end = self.pager_count + 1
# 當(dāng)前頁大于5
else:
# 頁碼翻到最后
if (self.current_page + self.pager_count_half) > self.all_pager:
pager_end = self.all_pager + 1
pager_start = self.all_pager - self.pager_count + 1
else:
pager_start = self.current_page - self.pager_count_half
pager_end = self.current_page + self.pager_count_half + 1
page_html_list = []
# 添加前面的nav和ul標(biāo)簽
page_html_list.append('''
''')
return ''.join(page_html_list)
后端
# 先導(dǎo)入自己封裝好的分液器模塊，如何在使用
def get_book(request):
book_list = models.Book.objects.all()
current_page = request.GET.get("page",1)
all_count = book_list.count()
page_obj = Pagination(current_page=current_page,all_count=all_count,per_page_num=10)
page_queryset = book_list[page_obj.start:page_obj.end]
return render(request,'booklist.html',locals())
前端
{% for book in page_queryset %}
{{ book.title }}
{% endfor %}
{{ page_obj.page_html|safe }}
