Django實(shí)現(xiàn)分頁

views.py中

from django.core.paginator import Paginator
from django.shortcuts import render
from .models import Blog,BlogType


def blog_list(request):
    # 獲取所有博客
    blog_all_list = Blog.objects.all()
    # 每10頁進(jìn)行分頁
    paginator = Paginator(blog_all_list,10)
    page_num = request.GET.get('page',1)   # 獲取url的頁面參數(shù)
    # 根據(jù)頁碼獲取每頁數(shù)據(jù)  頁碼參數(shù)出錯(cuò)時(shí)，自動(dòng)轉(zhuǎn)為第一頁
    page_of_blogs = paginator.get_page(page_num)
    currenter_num = page_of_blogs.number # 獲取當(dāng)前頁碼
    # 獲取當(dāng)前頁碼前后各2頁的頁碼范圍
    page_range = list(range(max(currenter_num-2,1),currenter_num))+list(range(currenter_num,min(currenter_num+2,paginator.num_pages)+1))
    # 加上省略頁碼標(biāo)記
    if page_range[0] -1 >=2:
        page_range.insert(0,'...')
    if paginator.num_pages - page_range[-1] >=2:
        page_range.append('...')
    # 加上首頁和尾頁
    if page_range[0] !=1:
        page_range.insert(0,1)
    if page_range[-1] != paginator.num_pages:
        page_range.append(paginator.num_pages)
    blog_type_list = BlogType.objects.all()
    return render(request,'blog/blog_list.html',locals())

前端blog/blog_list.html中,借助于bootstrap

<div class="col-sm-8">
    <div class="panel panel-primary">
        <div class="panel-heading">{% block heading_title %}博客列表{% endblock %}</div>
        <div class="panel-body">
            {% for blog in page_of_blogs.object_list %}
                <a href="{% url 'blog:blog_detail' blog.id %}"><h3>{{ blog.title }}</h3></a>
                <p>
                    <span class="glyphicon glyphicon-tag"></span>
                    <a href="{% url 'blog:blog_with_type' blog.blog_type.pk %}">{{ blog.blog_type }}</a>
                    <span class="glyphicon glyphicon-time"></span>
                    發(fā)表日期:{{ blog.create_time|date:'Y-m-d H:i:s' }}
                </p>
                <p>{{ blog.content|truncatechars:30 }}</p>
                <hr>
            {% empty %}
                <p>暫無博客，敬請(qǐng)更新</p>
            {% endfor %}
        </div>
    </div>
    <nav aria-label="Page navigation">
        <ul class="pagination">
            {# 上一頁 #}
            <li>
                {% if page_of_blogs.has_previous %}
                    <a href="?page={{ page_of_blogs.previous_page_number }}" aria-label="Previous">
                        <span aria-hidden="true">&laquo;</span>
                    </a>
                {% else %}
                    <span aria-hidden="true">&laquo;</span>
                {% endif %}
            </li>
            {# 頁碼 #}
            {% for page_num in page_range %}
                {# 當(dāng)前頁高亮 #}
                {% if page_num == page_of_blogs.number %}
                    <li class="active"><a href="?page={{ page_num }}">{{ page_num }}</a></li>
                {% else %}
                    {# 省略頁碼 #}
                    {% if page_num == '...' %}
                        <li><a href="#">{{ page_num }}</a></li>
                    {% else %}
                        <li><a href="?page={{ page_num }}">{{ page_num }}</a></li>
                    {% endif %}
                {% endif %}
            {% endfor %}
            {# 下一頁 #}
            <li>
                {% if page_of_blogs.has_next %}
                    <a href="?page={{ page_of_blogs.next_page_number }}" aria-label="Next">
                        <span aria-hidden="true">&raquo;</span>
                    </a>
                {% else %}
                    <span aria-hidden="true">&raquo;</span>
                {% endif %}
            </li>
        </ul>
    </nav>
    <p> 一共有篇{{ blog_all_list|length }}博客疾捍，當(dāng)前是{{ page_of_blogs.number }}頁拌屏，一共有{{ page_of_blogs.paginator.num_pages }}頁</p>
</div>