您好,登錄后才能下訂單哦!
使用Django如何實現分頁功能?很多新手對此不是很清楚,為了幫助大家解決這個難題,下面小編將為大家詳細講解,有這方面需求的人可以來學習下,希望你能有所收獲。
Django分頁功能的實現
打開命令行窗口,創建Django工程,使用以下命令:
django-admin startproject djpage
cd djpage
python manage.py startapp demo
使用PyCharm打開工程,在工程的同名文件夾的settings.py文件,注冊應用,添加模板路徑,修改部分的settings.py內容如下:
INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django.contrib.messages', 'django.contrib.staticfiles', 'demo.apps.DemoConfig' ] TEMPLATES = [ { 'BACKEND': 'django.template.backends.django.DjangoTemplates', 'DIRS': [os.path.join(BASE_DIR,'templates')], 'APP_DIRS': True, 'OPTIONS': { 'context_processors': [ 'django.template.context_processors.debug', 'django.template.context_processors.request', 'django.contrib.auth.context_processors.auth', 'django.contrib.messages.context_processors.messages', ], }, }, ]
在工程同名文件的urls.py文件,添加到應用的視圖的路由
from django.conf.urls import url from django.contrib import admin from demo import views urlpatterns = [ url(r'^admin/', admin.site.urls), url(r'page/(?P<id>\d+)/$',views.page) ]
在應用的視圖views.py文件,編寫處理請求函數,實現分頁顯示一個列表的內容,這里列表也可以是查詢集
from django.shortcuts import render from django.core.paginator import Paginator # Create your views here. def page(request,id): hello_list = [{'title':'hello'},{'title':'world'}, {'title':'hello1'},{'title':'world1'}, {'title':'hello2'},{'title':'world2'}, {'title':'hello3'},{'title':'world3'}, {'title':'hello4'},{'title':'world4'}] pag = Paginator(hello_list, 2) page = pag.page(int(id)) return render(request,template_name='home.html', context={'page': page})
在工程根目錄新建templates文件夾,并創建一個home.html文件,代碼如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <ul> {% for item in page %} <li>{{item.title}}</li> {% endfor %} </ul> {% if page.has_previous %} <a href="/page/{{ page.previous_page_number }}" rel="external nofollow" rel="external nofollow" ><上一頁</a> {% endif %} {# 遍歷顯示頁碼的鏈接 #} {% for index in page.paginator.page_range %} {# 判斷是否是當前頁 #} {% if index == page.number %} {{ index }} {% else %} <a href="/page/{{ index }}" rel="external nofollow" rel="external nofollow" >{{ index }}</a> {% endif %} {% endfor %} {# 判斷是否有下一頁 #} {% if page.has_next %} <a href="/page/{{ page.next_page_number }}" rel="external nofollow" rel="external nofollow" >下一頁></a> {% endif %} </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <ul> {% for item in page %} <li>{{item.title}}</li> {% endfor %} </ul> {% if page.has_previous %} <a href="/page/{{ page.previous_page_number }}" rel="external nofollow" rel="external nofollow" ><上一頁</a> {% endif %} {# 遍歷顯示頁碼的鏈接 #} {% for index in page.paginator.page_range %} {# 判斷是否是當前頁 #} {% if index == page.number %} {{ index }} {% else %} <a href="/page/{{ index }}" rel="external nofollow" rel="external nofollow" >{{ index }}</a> {% endif %} {% endfor %} {# 判斷是否有下一頁 #} {% if page.has_next %} <a href="/page/{{ page.next_page_number }}" rel="external nofollow" rel="external nofollow" >下一頁></a> {% endif %} </body> </html>
page.paginator.page_range是頁面總數
運行django服務器
python manage.py runserver
打開網頁,輸入
http://127.0.0.1:8000/page/1
顯示效果圖如下,分頁成功
知識點擴展:
自定義分頁的實例代碼:
def book(request): # 從URL取參數(訪問的頁碼) page_num = request.GET.get("page") try: # 將取出的page轉換為int類型 page_num = int(page_num) except Exception as e: # 當輸入的頁碼不是正經數字的時候 默認返回第一頁的數據 page_num = 1 # 數據庫總數據是多少條 total_count = models.Book.objects.all().count() # 每一頁顯示多少條數據 per_page = 10 # 總共需要多少頁碼來展示 total_page, m = divmod(total_count, per_page) if m: total_page += 1 # 如果輸入的頁碼數超過了最大的頁碼數,默認返回最后一頁 if page_num > total_page: page_num = total_page # 定義兩個變量從哪里開始到哪里結束 data_start = (page_num - 1) * 10 data_end = page_num * 10 # 頁面上總共展示多少頁碼 max_page = 11 if total_page < max_page: max_page = total_page # 把從URL中獲取的page_num 當做是顯示頁面的中間值, 那么展示的便是當前page_num 的前五頁和后后五頁 half_max_page = max_page // 2 # 根據展示的總頁碼算出頁面上展示的頁碼從哪兒開始 page_start = page_num - half_max_page # 根據展示的總頁碼算出頁面上展示的頁碼到哪兒結束 page_end = page_num + half_max_page # 如果當前頁減一半 比1還小, 不然頁面上會顯示負數的頁碼 if page_start <= 1: page_start = 1 page_end = max_page # 如果 當前頁 加 一半 比總頁碼數還大, 不然頁面上會顯示比總頁碼還大的多余頁碼 if page_end >= total_page: page_end = total_page page_start = total_page - max_page + 1 # 從數據庫取值, 并按照起始數據到結束數據展示 all_book = models.Book.objects.all()[data_start:data_end] # 自己拼接分頁的HTML代碼 html_str_list = [] # # 加上首頁 html_str_list.append('<li><a href="/book/?page=1" rel="external nofollow" >首頁</a></li>') # 斷一下 如果是第一頁,就沒有上一頁 if page_num <= 1: html_str_list.append('<li class="disabled"><a href="#" rel="external nofollow" rel="external nofollow" ><span aria-hidden="true">«</span></a></li>') else: # 不是第一頁,就加一個上一頁的標簽 html_str_list.append('<li><a href="/book/?page={}" rel="external nofollow" rel="external nofollow" rel="external nofollow" ><span aria-hidden="true">«</span></a></li>'.format(page_num - 1)) for i in range(page_start, page_end + 1): # 如果是當前頁就加一個active樣式類 if i == page_num: tmp = '<li class="active"><a href="/book/?page={0}" rel="external nofollow" rel="external nofollow" >{0}</a></li>'.format(i) else: tmp = '<li><a href="/book/?page={0}" rel="external nofollow" rel="external nofollow" >{0}</a></li>'.format(i) html_str_list.append(tmp) # 判斷,如果是最后一頁,就沒有下一頁 if page_num >= total_page: html_str_list.append('<li class="disabled"><a href="#" rel="external nofollow" rel="external nofollow" ><span aria-hidden="true">»</span></a></li>') else: # 不是最后一頁, 就加一個下一頁標簽 html_str_list.append('<li><a href="/book/?page={}" rel="external nofollow" rel="external nofollow" rel="external nofollow" ><span aria-hidden="true">»</span></a></li>'.format(page_num + 1)) # 加上尾頁 html_str_list.append('<li><a href="/book/?page={}" rel="external nofollow" rel="external nofollow" rel="external nofollow" >尾頁</a></li>'.format(total_page)) page_html = "".join(html_str_list) return render(request, "book.html", {"all_book":all_book, "page_html":page_html})
看完上述內容是否對您有幫助呢?如果還想對相關知識有進一步的了解或閱讀更多相關文章,請關注億速云行業資訊頻道,感謝您對億速云的支持。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。