您的位置:首页 > 运维架构 > 网站架构

Django开发个人博客网站——10、分页功能的实现

2018-02-02 17:15 1051 查看
现在我们的博客可能只有几篇文章,因此可以全部在首页展示出来,随着博客数量的增加,当达到几十上百篇时,全部展现在首页是不显示也是不友好的,这个时候我们就需要对博客进行分页了。django有它自带的分页功能:Paginator

不过我们用在它基础上开发的另一个包:django-pure-pagination

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 b
4000
log 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、显示效果

显示效果可以直接去我博客中看:http://www.geerniya.cn/

为了得到分页的效果,同学们可以从后台多添加十几篇博客就行了,或者将试图函数中的每个页面展示数该小为1。

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

项目的完整代码:django_blog

觉得有用的欢迎给个star。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: