django 实现分页功能

偏执的太偏执、 2022-05-16 04:19 336阅读 0赞

分页效果：

![782326-20160423201924835-1940286689.png][]

视图代码：

![复制代码][Image 1]

1 # -*- coding: utf-8 -*-
     2 from django.shortcuts import render,get_object_or_404
     3 from django.core.paginator import Paginator,PageNotAnInteger,EmptyPage  
     4 
     5 from .models import Article
     6 
     7 # Create your views here.
     8 
     9 def index(request):
    10     # latest_article_list = Article.objects.order_by('update')[:5]
    11     # context = {'latest_article_list':  latest_article_list}
    12     # return render(request, 'blog/index.html',context)
    13     article_list = Article.objects.all().order_by('cre_date') 
    14     paginator = Paginator(article_list,2) #show 2 articles per page
    15 
    16     page = request.GET.get('page')
    17 
    18     try:
    19         articles = paginator.page(page)
    20     except PageNotAnInteger:
    21         #页码不是整数，返回第一页。
    22         articles = paginator.page(1)
    23     except EmptyPage:
    24         articles = paginator.page(paginator.num_pages)
    25 
    26     return render(request, 'blog/index.html', {'articles': articles})

![复制代码][Image 1]

paginator是分页实例，page是链接传递到后端的页码参数，articles是每页的实例。

在次例中，paginator是把所有文章（article\_list)按照每页两个划分，划成3页。page是前端请求的页码。articles是根据请求页码返回的具体的该页码内的文章（2篇文章）。

paginator和articles的属性和方法详见文档：https://docs.djangoproject.com/en/1.8/topics/pagination/

前端代码：

![复制代码][Image 1]

1 
     2 <nav>
     3   <div class="pagination pagination-right">
     4     <ul >
     5     <li>
     6         {% if articles.has_previous %}
     7             <a href="?page={
      { articles.previous_page_number }}" class="active">«</a>
     8         {% endif %}
     9         {% if not articles.has_previous %}
    10             <a href="" >«</a>
    11         {% endif %}
    12     </li>
    13 
    14     <li>
    15         {% for i in articles.paginator.page_range %}
    16             <li {% if articles.number == i %}class="active"{% endif %}>
    17                 <a  href="?page={
      { i }}">{
      { i }}
    18 
    19                 </a>
    20         </li>
    21         {% endfor %}
    22     </li>
    23 
    24     <li>
    25         {% if articles.has_next %}
    26             <a href="?page={
      { articles.next_page_number }}" >»</a>
    27         {% endif %}
    28         {% if not articles.has_next %}
    29             <a href="" >»</a>
    30         {% endif %}
    31     </li>
    32 
    33     <li>
    34         共{
      { articles.paginator.num_pages }}页
    35     </li>
    36     </ul>
    37     </div>
    38 </nav>
    39

![复制代码][Image 1]

[782326-20160423201924835-1940286689.png]: /images/20220516/b41087c404a645d681d9a85c76e7280e.png
[Image 1]: