1.引入

from django.core.paginator import Paginator

2.Paginator物件提供的方法

articles = models.Article.objects.all()
page_obj = Paginator(articles,5)
print('總條數',page_obj.count)
print('有多少頁',page_obj.num_pages)
print('頁碼列表',page_obj.page_range)

3.資料集提供的方法

page_data = page_obj.get_page(page_num)#number代表獲取第幾頁的資料
 

print(page_data.has_other_pages())#是否有上一頁或者下一頁
print(page_data.has_next())#是否有下一頁
print(page_data.has_previous())#是否有上一頁
print(page_data.next_page_number())#下一頁頁碼
print(page_data.previous_page_number())#上一頁頁碼
print(page_data.number)#當前頁的頁碼

4.例項

def index(request):
    page_num = request.GET.get('
 
page')
    print('頁面傳遞過來的引數',page_num)
    categories = models.Category.objects.all()
    articles = models.Article.objects.all()
    page_obj = Paginator(articles,5)
    # print('總條數',page_obj.count)
    # print('有多少頁',page_obj.num_pages)
    # print('頁碼列表',page_obj.page_range)
    page_data = page_obj.get_page(page_num)#
 
number代表獲取第幾頁的資料
    # print(page_data.has_other_pages())#是否有上一頁或者下一頁
    # print(page_data.has_next())#是否有下一頁
    # print(page_data.has_previous())#是否有上一頁
    # print(page_data.next_page_number())#下一頁頁碼
    # print(page_data.previous_page_number())#上一頁頁碼
    print(page_data.number)#當前頁的頁碼
    return render(request,'index.html',{'articles':page_data,'page_obj':page_obj})

5.前端程式碼

{% if articles.has_other_pages %}
                <div class="text-center mt-2 mt-sm-1 mt-md-0 mb-3 f-16">

                    {% if articles.has_previous %}
                    <a class="text-success" href="/articles?page={{ articles.previous_page_number }}">上一頁</a>
                    {% endif %}

                    {% for num in page_obj.page_range %}
                        {% if num == articles.number %}
                            <span class="mx-2" style="background-color: #0D7377"><a href="/articles?page={{ num }}">{{num}}</a></span>
                        {% else %}
                            <span class="mx-2"><a href="/articles?page={{ num }}">{{num}}</a></span>
                        {% endif %}
                    {% endfor %}

                    {% if articles.has_next %}
                    <a class="text-success" href="/articles?page={{ articles.next_page_number }}">下一頁</a>
                    {% endif %}

                </div>
                {% endif %}