django 实现分页功能

分页效果：



视图代码：

# -*- coding: utf-8 -*-
from django.shortcuts import render,get_object_or_404
from django.core.paginator import Paginator,PageNotAnInteger,EmptyPage

from .models import Article

# Create your views here.

def index(request):
# latest_article_list = Article.objects.order_by('update')[:5]
# context = {'latest_article_list':  latest_article_list}
# return render(request, 'blog/index.html',context)
article_list = Article.objects.all().order_by('cre_date')
paginator = Paginator(article_list,2) #show 2 articles per page

page = request.GET.get('page')

try:
articles = paginator.page(page)
except PageNotAnInteger:
#页码不是整数，返回第一页。
articles = paginator.page(1)
except EmptyPage:
articles = paginator.page(paginator.num_pages)

return render(request, 'blog/index.html', {'articles': articles})

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

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

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

前端代码：

<!--分页-->
<nav>
<div class="pagination pagination-right">
<ul >
<li>
{% if articles.has_previous %}
<a href="?page={{ articles.previous_page_number }}" class="active">«</a>
{% endif %}
{% if not articles.has_previous %}
<a href="" >«</a>
{% endif %}
</li>

<li>
{% for i in articles.paginator.page_range %}
<li {% if articles.number == i %}class="active"{% endif %}>
<a  href="?page={{ i }}">{{ i }}

</a>
</li>
{% endfor %}
</li>

<li>
{% if articles.has_next %}
<a href="?page={{ articles.next_page_number }}" >»</a>
{% endif %}
{% if not articles.has_next %}
<a href="" >»</a>
{% endif %}
</li>

<li>
共{{ articles.paginator.num_pages }}页
</li>
</ul>
</div>
</nav>
<!--ending 分页-->