django-分页

后端

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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值