今天就跟大家聊聊有关使用Django框架怎么实现分页显示内容,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
1、作用
数据加载优化
2、前端引入bootstrap样式:
{# 引入bootstrap样式的cdn资源 #}
<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="external nofollow" rel="stylesheet">
引入分页器:
<div id="rootbox">
<h2>文章列表</h2>
<ul id="bloglist">
{# 遍历博文 #}
{% for blog in page.object_list %}
{# 显示博文标题 #}
<li>
<a href="{% url 'app:readblog' blog.id %}" rel="external nofollow" ><h4>{{ blog.title }}</h4></a>
</li>
{% endfor %}
</ul>
{#分页器:html内容拷贝于bootstrap网站-组件-分页#}
{# bootstrap是一整套成熟经典的页面组件框架 #}
<nav aria-label="Page navigation">
<ul class="pagination">
{# 上一页按钮 #}
{# 如果有上一页 #}
{% if page.has_previous %}
<li>
{# 点击超链接,对上一页的页面发起访问 #}
<a href="{% url 'app:blogs' page.previous_page_number %}" rel="external nofollow" aria-label="Previous">
<span aria-hidden="true">«</span>
</a>
</li>
{# 如果没有上一页 #}
{% else %}
{# 当没有上一页时,阅读bootrap文档得知,对当前li使用disabled样式 #}
<li class="disabled">
{# href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ,处于禁用状态的按钮被点击时直接跳转本页 #}
<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" aria-label="Previous">
<span aria-hidden="true">«</span>
</a>
</li>
{% endif %}
{# 页码按钮 #}
{# 遍历传入的页码范围 #}
{% for p in pagerange %}
{# 如果页码=当前页页码 #}
{% ifequal p currentpage %}
{# 被选中的页码具有高亮效果,阅读bootrap文档得知,对当前li使用active样式 #}
{# {% url 'app:blogs' p %} 点击页码,对第p页的路由发起访问 #}
<li class="active"><a href="{% url 'app:blogs' p %}" rel="external nofollow" rel="external nofollow" >{{ p }}</a></li>
{% else %}
{# 非当前页页码普通显示 #}
<li><a href="{% url 'app:blogs' p %}" rel="external nofollow" rel="external nofollow" >{{ p }}</a></li>
{% endifequal %}
{% endfor %}
{# 下一页按钮 #}
{% if page.has_next %}
<li>
{# 点击超链接,对下一页的页面发起访问 #}
<a href="{% url 'app:blogs' page.next_page_number %}" rel="external nofollow" aria-label="Next">
<span aria-hidden="true">»</span>
</a></li>
{% else %}
{# 当没有下一页时,阅读bootrap文档得知,对当前li使用disabled样式 #}
<li class="disabled">
{# href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ,处于禁用状态的按钮被点击时直接跳转本页 #}
<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" aria-label="Next">
<span aria-hidden="true">»</span>
</a></li>
{% endif %}
</ul>
</nav>
</div>
3、Paginator
数据分页工具
对象创建
Paginator(数据集,每一页数据数)
属性
count:对象总数
page_range:页码列表,从1开始
num_pages:页面总数
方法
page(整数): 获得一个page对象
常见错误
InvalidPage:page()传递无效页码
PageNotAnInteger:page()传递的不是整数
Empty:page()传递的值有效,但是没有数据
4、Page
具体的某一页面
对象获得,通过Paginator的page()方法获得
属性
object_list:当前页面上所有的数据对象
number:当前页的页码值
paginator: 当前page关联的Paginator对象
方法
has_next():判断是否有下一页
has_previous():判断是否有上一页
has_other_pages():判断是否有上一页或下一页
next_page_number():返回下一页的页码
previous_page_number():返回上一页的页码
len():返回当前页的数据的个数
# 显示博文列表
# pagenum=路由参数=用户想要查看第几页
def showBlogs(request, pagenum):
# 查询数据库获取所有博文
blogs = Blog.objects.all()
# 构建分页器对象,blogs=所有博文,2=每页显示的个数
paginator = Paginator(blogs, 2)
# 获取第n页的页面对象
page = paginator.page(pagenum)
# Paginator和Page的常用API
# page.previous_page_number()
# page.next_page_number()
# page.has_previous()
# page.has_next()
# 构造页面渲染的数据
'''
渲染需要的数据:
- 当前页的博文对象列表
- 分页页码范围
- 当前页的页码
'''
data = {
# 当前页的博文对象列表
'page': page,
# 分页页码范围
'pagerange': paginator.page_range,
# 当前页的页码
'currentpage': page.number,
}
# 将数据丢给页面渲染
return render(request, 'blogs.html', context=data)
看完上述内容,你们对使用Django框架怎么实现分页显示内容有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注亿速云行业资讯频道,感谢大家的支持。
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。