現在我們的部落格可能只有幾篇文章，因此可以全部在首頁展示出來，隨著部落格數量的增加，當達到幾十上百篇時，全部展現在首頁是不顯示也是不友好的，這個時候我們就需要對部落格進行分頁了。django有它自帶的分頁功能：Paginator

1、安裝

在虛擬環境中通過pip安裝：

pip install django-pure-pagination

2、設定

在setting.py中設定：

INSTALLED_APPS = (
    ...
    'pure_pagination',
)

PAGINATION_SETTINGS = {
    'PAGE_RANGE_DISPLAYED'
 
: 3,    #中間顯示的個數
    'MARGIN_PAGES_DISPLAYED': 2,  #兩邊顯示的個數

    'SHOW_FIRST_PAGE_WHEN_INVALID': True,
}

用於展示底部分頁欄中數量的顯示，可以對其進行更改嘗試不同效果。

3、檢視函式

from pure_pagination import PageNotAnInteger, Paginator

class IndexView(View):
    def get(self, request):
        all_blog = Blog.objects.all().order_by('-id'
 
)

        # 分頁
        try:
            page = request.GET.get('page', 1)
        except PageNotAnInteger:
            page = 1
        p = Paginator(all_blog, 5, request=request)  #5為每頁展示的部落格數目

        return render(request, 'index.html', {
            'all_blog': all_blog,
        })

4、前端展示

在for迴圈時，需要在all_blog後多加個object_list：

{% for blog in all_blog.object_list %}
    ...
{% endfor %}

然後將分頁展示下的內容替換成如下，這裡面引數具體含義，可以參考前面給到的官方文件：

<!--分頁展示-->
<nav class="pagination">
    <div class="pageturn">
        <ul class="pagelist">

            {% if all_blog.has_previous %}
                <li class="long"><a href="?{{ all_blog.previous_page_number.querystring }}">上一頁</a></li>
            {% endif %}{% for page in all_blog.pages %}{% if page %}{% ifequal page all_blog.number %}
                    <li class="active"><a href="?{{ page.querystring }}">{{ page }}</a></li>
                {% else %}
                     <li><a href="?{{ page.querystring }}" class="page">{{ page }}</a></li>
                {% endifequal %}{% else %}
                <li class="none"><a href="">...</a></li>
            {% endif %}{% endfor %}{% if all_blog.has_next %}
                <li class="long"><a href="?{{ all_blog.next_page_number.querystring }}">下一頁</a></li>
            {% endif %}

        </ul>
    </div>
</nav>

5、顯示效果

為了得到分頁的效果，同學們可以從後臺多新增十幾篇部落格就行了，或者將試圖函式中的每個頁面展示數該小為1。

——————————————————————————————————————————

專案的完整程式碼：django_blog
覺得有用的歡迎給個star。