Django分頁器的用法你都瞭解嗎

Posted on by

Django是一個大而全的框架。需要明確的是，傳參進行分頁獲取分頁後的數據，一般都是通過向服務器發送get請求的方式實現的，在向後端服務發送查看數據的同時可以攜帶一個或多個參數並發送get請求來實現分頁查看功能

前面總結過drf框架中分頁器的使用，本文主要介紹在利用Django開發MVT模型項目時分頁器的使用

1、準備基礎數據

設計表模型

為瞭體現分頁的效果，需要先創建一個表並準備較多數據，模型如下

from django.db import models

# Create your models here.

class Book(models.Model):
    title = models.CharField(max_length=32)
    price = models.DecimalField(max_digits=9, decimal_places=2)  # 9999999.99

執行數據庫遷移後，設計一個視圖函數，通過觸發視圖函數往此表中批量插入數據

Django中利用orm實現批量插入一般有兩種方式：單條插入或者利用bulk_create批量插入

最終翻譯轉換成sql語句也就類似於多條insert語句和一條insert的區別

def create_book(request):

    # 批量插入方式一
    for i in range(100):
        Book.objects.create(title="book"+str(i),price=i*i)
		# 批量插入方式二
    book_list = []
    for i in range(100):
        book = Book(title="book"+str(i),price=i*i)
        book_list.append(book)
    Book.objects.bulk_create(book_list)
    
    return HttpResponse("添加成功")

2、一次性展示數據

接下來通過模板語法一次性將數據展示到前端頁面

視圖函數如下

def get_books(request):
    book_list = Book.objects.all()
    return render(request, "index.html", {"book_list": book_list})

模板頁面index.html如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<ul>
    {% for book in book_list %}
    <li>{ book.title } : { book.price }</li>
    {% endfor %}
</ul>
</body>
</html>

這時一次性訪問即展示瞭所有的book

3、引入分頁器

引入分頁器後，可以對全局分頁對象和單頁對象進行相關操作，相關語法

# 引入分頁器
from django.core.paginator import Paginator

		...
    # 全局分頁器對象
    paginator = Paginator([1,2,3,4,5,6,7,8,9,10],3)
    print(paginator.count) # 10  數據總數
    print(paginator.num_pages)  # 4  總頁數
    print(paginator.page_range) # range(1, 5)  頁碼的列表

    # 單頁對象
    page = paginator.page(2)
    print(page.has_next())  # 是否有下一頁
    print(page.next_page_number())  # 寫一頁的頁碼
    print(page.has_previous())  # 是否有上一頁
    print(page.previous_page_number())  # 上一頁的頁碼
    # 取出單頁對象的值
    print(page.object_list) # [4, 5, 6]
    for i in page:
       print(i)

在這裡的例子中具體使用分頁器及模板語法，例如每頁取出8條，獲取用戶給出的頁碼條件數，返回相應頁的數據，默認不給出任何條件時返回第一頁的數據

from django.core.paginator import Paginator
   # 取出當前用戶頁碼
   current_num = int(request.GET.get("page", 1))
   book_list = Book.objects.all()
   paginator = Paginator(book_list, 8)
   page = paginator.page(current_num)
  
   return render(request,"index.html",{"page":page})

最後，可以利用bootstrap組件在頁面模板中添加翻頁的按鈕，在當前頁時按鈕加深，沒有上一頁時禁止點擊

...
<body>

<ul>
    {% for book in page %}
    <li>{ book.title } : { book.price }</li>
    {% endfor %}
</ul>
<nav aria-label="Page navigation">
  <ul class="pagination">
    {% if page.has_previous %}
    <li>
      <a href="/?page={%20page.previous_page_number%20}" rel="external nofollow"  aria-label="Previous">
        <span aria-hidden="true">上一頁</span>
      </a>
    </li>
    {% else %}
    <li class="disabled">
      <a href="#" rel="external nofollow"  rel="external nofollow"  aria-label="Previous">
        <span aria-hidden="true">上一頁</span>
      </a>
    </li>
    {% endif %}
      {% for num in page_range %}
      {% if num == current_num %}
          <li class="active"><a href="/?page={%20num%20}" rel="external nofollow"  rel="external nofollow" >{ num }</a></li>
      {% else %}
          <li><a href="/?page={%20num%20}" rel="external nofollow"  rel="external nofollow" >{ num }</a></li>
      {% endif %}
      {% endfor %}
    <li>
      <a href="#" rel="external nofollow"  rel="external nofollow"  aria-label="Next">
        <span aria-hidden="true">下一頁</span>
      </a>
    </li>
  </ul>
</nav>
</body>
...

在視圖函數中：處理相關異常；傳遞相關參數；當頁碼較多時隻顯示部分頁碼，例如最多時總共10個頁碼，當前頁碼始終在中間顯示；單獨處理出現邊界情況，負數頁碼的情況及最大頁碼用完的情況

from django.core.paginator import Paginator
		...
    # 取出當前用戶頁碼
    current_num = int(request.GET.get("page", 1))
    book_list = Book.objects.all()
    paginator = Paginator(book_list, 8)
    page = paginator.page(current_num)

    # 大於11頁時
    if paginator.num_pages > 11:
        # 當前頁碼的後5頁數超過最大頁碼時，顯示最後10項
        if current_num + 5 > paginator.num_pages:
            page_range = range(paginator.num_pages - 10, paginator.num_pages + 1)
        # 當前頁碼的前5頁數為負數時，顯示開始的10項
        elif current_num - 5 < 1:
            page_range = range(1, 12)
        else:
            # 顯示左5頁到右5頁的頁碼
            page_range = range(current_num - 5, current_num + 5 + 1)
    # 小於11頁時顯示所有頁碼
    else:
        page_range = paginator.page_range

    return render(request, "index.html", {"page": page, "paginator": paginator, "current_num": current_num, "page_range": page_range})

以上就是Django分頁器的用法你都瞭解嗎?的詳細內容，更多關於Django分頁器的資料請關註WalkonNet其它相關文章！

推薦閱讀：