Django快速分页在后端(视图函数中)在前端(html模板中)
Django快速分页在后端(视图函数中)在前端(html模板中)
zhaoolee
发布于 2018-04-19 10:46:07
发布于 2018-04-19 10:46:07
分页
在web开发中,对大量的商品进行分页显示,是常见的需求,django对分页直接提供了现成的函数,让我们的开发更为快速便捷...
动图_Django快速分页
在后端(视图函数中)
from django.shortcuts import render
from .models import ShowMyComputer
# 引入方法
from django.core.paginator import Paginator
# Create your views here.
def show(request, page_id):
# 获取需要分页的对象集合
all_goods = ShowMyComputer.objects.all()
# 创建分页对象
paginator = Paginator(all_goods, 3)
# 根据当前页码,确定返回的数据
current_page = paginator.page(page_id)
# 保证前端取到的"页数"为整型
page_id = int(page_id)
return render(request, 'computer/list.html', locals())在前端(html模板中)
<body>
{# 展示当前页面的数据 #}
{% for goods in current_page %}
<div class="my_goods">
<div class="goods_image">
</div>
<br>
<div class="goods_name">{{ goods.goods_name }}</div>
</div>
{% endfor %}
<div class="page_num">
{# 判断'上一页'是否存在,如果存在则保留`上一页`标签 ,反之则不显示`上一页`标签 #}
{% if current_page.has_previous %}
<a href="{% url 'computer:show' current_page.previous_page_number %}">上一页</a>
{% endif %}
{# 确定分页数量 #}
{% for index in paginator.page_range %}
{# 如果页码与当前页面相符,则添加红色背景 #}
{% if page_id == index %}
<a href= "{% url 'computer:show' index %}" style="background-color: red" >{{ index }}</a>
{# 如果页面与当前页面不符,则正常显示 #}
{% else %}
<a href="{% url 'computer:show' index %}" >{{ index }}</a>
{% endif %}
{% endfor %}
{# 判断'下一页'是否存在,如果存在则保留`下一页`标签 ,反之则不显示`下一页`标签 #}
{% if current_page.has_next%}
<a href="{% url 'computer:show' current_page.next_page_number %}">下一页</a>
{% endif %}
</div>
</body>文章涉及到的资源我会通过百度网盘分享，为便于管理,资源整合到一张独立的帖子，链接如下: http://www.jianshu.com/p/4f28e1ae08b1
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2017.10.21 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录