后端
def dongtai(request):
context = {}
dongtais = Article.objects.filter(sort=1).values('title', 'time', 'id')
paginator = Paginator(dongtais, 7)
num = paginator.num_pages
context['num'] = num
if request.method == 'GET':
page = request.GET.get('page')
try:
books = paginator.page(page)
# todo: 注意捕获异常
except PageNotAnInteger:
# 如果请求的页数不是整数, 返回第一页。
books = paginator.page(1)
except InvalidPage:
# 如果请求的页数不存在, 重定向页面
return HttpResponse('找不到页面的内容')
except EmptyPage:
# 如果请求的页数不在合法的页数范围内,返回结果的最后一页。
books = paginator.page(paginator.num_pages)
context['books'] = books
return render(request, '动态要闻.html', context)
前端
<div class="ui pagination menu xuhao">
{# 如果没有上一页 #}
{% if not books.has_previous %}
{# 不能点的首页和上一页 #}
<span href="#" class="disabled item">首页</span>
<span href="#" class="disabled item">上一页</span>
{# 展示页码 #}
<div style="height: 40px" class="ui item">
<p style="">当前第{{ books.number }}页/共{{ num }}页.</p>
</div>
{# 如果有下一页 #}
{% if books.has_next %}
{# 显示下一页 #}
<a href="?page={{ books.next_page_number }}" class="item">下一页</a>
{# 没有下一页 #}
{% else %}
{# 不能点的下一页 #}
<span href="#" class="disabled item">下一页</span>
{% endif %}
{# 能点的尾页 #}
<a href="?page={{ num }}" class="item">尾页</a>
{# 如果有上一页 #}
{% else %}
{# 能点的首页 #}
<a href="?page=1" class=" item">首页</a>
{# 能点的上一页 #}
<a href="?page={{ books.previous_page_number }}" class=" item">上一页</a>
{# 展示页码 #}
<div style="height: 40px" class="ui item">
<p style="">当前第{{ books.number }}页/共{{ num }}页.</p>
</div>
{# 如果有下一页 #}
{% if books.has_next %}
<a href="?page={{ books.next_page_number }}" class="item">下一页</a>
{# 如果没有下一页 #}
{% else %}
<span href="" class="disabled item">下一页</span>
{% endif %}
<a href="?page={{ num }}" class="item">尾页</a>
{% endif %}
</div>