分頁器的使用

應用說明：

　　瀏覽文章會有很多的頁碼，就需要分頁來實現，因為不可能把所有的頁碼放在文章列表的下面

 

一：實例准備：

　　1. models表結構為：

class Book(models.Model):
    title=models.CharField(max_length=32)
    price=models.DecimalField(max_digits=6,decimal_places=1)

 

　　2. 通過更高效的方式向數據庫添加白條數據方法：

#批量導入數據，利用bulk_create效率會更高效
第一種：效率低
for i in range(100):
    Book.objects.create(title="book"+str(i),price=i*4)

第二種：效率高
bookList=[]
for i in range(100):
    book=Book(title="book"+str(i),price=i*4)
    bookList.append(book)

Book.objects.bulk_create(bookList)

 

　　3. 分頁的使用方法（views視圖函數）：

# 導入的模塊
from .models import *
from django.core.paginator import Paginator,EmptyPage, PageNotAnInteger

# 分頁器的用法
book_list = Book.objects.all()  # 所有書籍對象
paginator = Paginator(book_list, 2)  # 每頁顯示2個,所有方法都在paginator分頁程序

# 分頁器的三個屬性
print("count:", paginator.count)  # 數據總數
print("num_pages", paginator.num_pages)  # 總頁數 book_list／2
print("page_range", paginator.page_range)  # 頁碼的列表（） book_list 100 ，顯示2個，這里就是（1，51）

# 獲取前端傳來的頁碼 get請求
pagenum = request.GET.get('page', 1)  # 默認第一頁，這里只是得到頁碼（注意是字符串）

# 獲取第一頁的對象
pagenum = int(pagenum)
page1 = paginator.page(pagenum)

# 如何獲取當前頁的數據對象，數據
for i in page1:  # 遍歷第1頁的所有數據對象
    print(i)

print(page1.object_list)  # 第1頁的所有數據，遍歷

#
page2 = paginator.page(2) # 第二頁的所有數據，遍歷

# 上一頁，下一頁
print(page2.has_next())  # 是否有下一頁
print(page2.next_page_number())  # 下一頁的頁碼
print(page2.has_previous())  # 是否有上一頁
print(page2.previous_page_number())  # 上一頁的頁碼

# 拋錯，注意報錯的位置
# page=paginator.page(12)   # error:EmptyPage 超出范圍顯示空

# page=paginator.page("z")   # error:PageNotAnInteger 傳入值錯誤

 

　　4. 前端頁面渲染判斷上一頁或者下一頁方法：

<ul class="pagination">

    {% if book_list.has_previous %}
     <li><a href="/index/?page={{ book_list.previous_page_number }}" aria-label="Previous">上一頁</a></li>
    {% else %}
        <li class="disabled"><a href="" aria-label="Previous">上一頁</a></li>
    {% endif %}

     中間頁碼（1，2，3）內容

     {% if book_list.has_next %}
        <li><a href="/index/?page={{ book_list.next_page_number }}" aria-label="Next">下一頁</a></li>
    {% else %}
        <li class="disabled"><a href="" aria-label="Next">下一頁</a></li>
    {% endif %}

</ul>

 

二：完整實際例子，注意前端循環的頁碼對象

創建Django項目，創建app01項目

　　1. urls代碼：

from app01 import views

urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'^index/', views.index),
]

 

　　2. views視圖函數代碼：

def index(request):
    book_list = Book.objects.all()  # 全部對象

    paginator = Paginator(book_list, 2)  # 單頁顯示多少個

    # currentPage = None
    # pageRange = None

    # try:  # 異常處理，有可能用戶通過url https://127.0.0.1:?page= 訪問，需要對page=做處理
    #     global currentPage, pageRange
    page = request.GET.get('page', 1)  # 獲取頁碼，默認1
    print(type(page))  # 打印類型 int 類型
    print(page)

    # 處理訪問路徑的合法性，（解決拋錯異常error:PageNotAnInteger 傳入值錯誤）
    if page == '0' or page == 1:
        currentPage = 1 # 前端傳來的是0，默認給第一頁
    elif page.isdigit():
        currentPage = int(page) # 前端傳來數據頁碼，前端傳過來字符串，需要轉換
    else:
        currentPage = 1 # 前端傳來的不是整數，默認給第一頁

    # 如果頁碼過多，使用，最后得到pageRange就是要顯示的頁碼個數（）
    if paginator.num_pages > 10: # 總頁碼大於10，就不能讓分頁都顯示出來了

        if currentPage - 5 < 1: # 前端傳來是小於6的頁碼，選中在左邊 （第一頁）
            pageRange = range(1, 11)
        elif currentPage > paginator.num_pages: # 前端傳來的比總頁還大，我應該給最后一頁，並且要選中 （解決拋錯異常error:EmptyPage 超出范圍顯示空）
            pageRange = range(paginator.num_pages, paginator.num_pages + 1) # 最后一頁，只有一個數
            currentPage = paginator.num_pages
        elif currentPage + 5 > paginator.num_pages: # 前端傳來的加5大於總頁，選中在右邊 （最后一頁）
            pageRange = range(currentPage - 5, paginator.num_pages + 1)
        else:
            pageRange = range(currentPage - 5, currentPage + 5) # 傳來的 中間頁

    else:
        pageRange = paginator.page_range  # 這個時候就不需要分頁
    print(pageRange)

    try:
        # 如果頁碼不大於10，也會有用戶輸入會超過的時候，這里就需要try 的拋錯了
        book_list = paginator.page(currentPage)  # 獲取第page頁的對象，是這里拋錯，就是判斷前端返回，或者url直接訪問的合法性

        # except PageNotAnInteger:  # 這里應該不需要異常的，上面在路徑的合法性解決了
        #     book_list = paginator.page(1)  # 傳入的是錯誤的值，比如page是字母，特殊符號等，那就顯示第一頁的對象
        #     pageRange = range(1, 11) # 顯示第一頁內容，分頁個數 1-10就可以
    except EmptyPage:
        book_list = paginator.page(paginator.num_pages)  # 超出就顯示最后一頁的對象
        currentPage = paginator.num_pages # 超出總頁，需要重新給頁碼賦值一個最后頁碼

    return render(request, "index.html", {'book_list': book_list, 'paginator': paginator, 'currentPage': currentPage, 'pageRange': pageRange})

 

　　3. index.html代碼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
</head>
<body>


<ul>
   {% for book in book_list %}
       <li>{{ book.title }}----------->{{ book.price }}</li>
   {% endfor %}

</ul>

    {#重點加這個pagination#}
    <ul class="pagination">  
    
        {% if book_list.has_previous %}
    {#        重點Previous#}
         <li><a href="/index/?page={{ book_list.previous_page_number }}" aria-label="Previous">上一頁</a></li>  
        {% else %}
            <li class="disabled"><a href="" aria-label="Previous">上一頁</a></li>
        {% endif %}
    
        {% for pageNum in pageRange %} 
    {#        沒有超出總頁並且是選中的#}
           {% if currentPage == pageNum %}
              <li class="active"><a href="/index/?page={{ pageNum }}">{{ pageNum }}</a></li>
    {#        超出總頁碼#}
           {% elif currentPage > paginator.num_pages%}
               <li class="active"><a href="/index/?page={{ paginator.num_pages }}">{{ paginator.num_pages }}</a></li>
           {% else %}
    {#        沒有超出總頁#}
               <li><a href="/index/?page={{ pageNum }}">{{ pageNum }}</a></li>
           {% endif %}
        {% endfor %}
    
    
        {% if book_list.has_next %}
    {#        重點Next#}
            <li><a href="/index/?page={{ book_list.next_page_number }}" aria-label="Next">下一頁</a></li>  
        {% else %}
            <li class="disabled"><a href="" aria-label="Next">下一頁</a></li>
        {% endif %}
    </ul>



</body>
</html>

 

最后結果：

　　url http://127.0.0.1:8000/?page=

　　page后面是 字母，負數，0，其他字符   顯示第一頁分頁

　　page后面是 整數 顯示相應的分頁

　　page后面是 整數 超過總頁，顯示最后一頁

　　每頁 十個頁碼