django常用功能之二分页功能

如果你已经安装了虚拟环境,虚拟环境已经安装了django,django-pure-pagination,就可以开始项目了。
创建项目、创建应用、初始化项目配置文件之前文章已经提到过,这里不再做赘述。

【步骤1】安装django分页插件,使用如下命令;
pip install django-pure-pagination
步骤【2】 注册应用pure-pagination

在这里插入图片描述

步骤【3】 在项目settings.py文件中增加关于分页的参数配置:

在这里插入图片描述

# 【分页功能设置】
PAGINATION_SETTINGS = {
    'PAGE_RANGE_DISPLATED': 1,
    'MARGIN_PAGES_DISPLAYED': 2,
    'SHOW_FIRST_PAGE_WHEN_INVALID': True,

}
步骤【4】 编写分页视图

在这里插入图片描述

from django.shortcuts import render
from pure_pagination import PageNotAnInteger, Paginator
from .models import Pets


def index(request):
    return render(request, 'app01/index.html')


def alist(request):
    try:
        page = request.GET.get('page', 1)
    except PageNotAnInteger:
        page = 1

    dogs = Pets.objects.all()
    p = Paginator(object_list=dogs, per_page=5, request=request)
    dogs_per_page = p.page(page)
    return render(request, 'app01/pets_list.html', locals())

步骤【5】 注册路由

在这里插入图片描述

步骤【6】 展示模板数据

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>狗狗列表</title>
</head>
<body>
    <ul>
        {% for dog in dogs_per_page.object_list %}
            <li>{{ dog.name }}</li>
        {% endfor %}
    </ul>
    {% load i18n %}
    <div class="pagination">
    {% if dogs_per_page.has_previous %}
        <a href="?{{ dogs_per_page.previous_page_number.querystring }}" class="prev">&lsaquo;&lsaquo; {% trans "上一页" %}</a>
    {% else %}
        <span class="disabled prev">&lsaquo;&lsaquo; {% trans "上一页" %}</span>
    {% endif %}
    {% for page in dogs_per_page.pages %}
        {% if page %}
            {% ifequal page dogs_per_page.number %}
                <span class="current page">{{ page }}</span>
            {% else %}
                <a href="?{{ page.querystring }}" class="page">{{ page }}</a>
            {% endifequal %}
        {% else %}
            ...
        {% endif %}
    {% endfor %}
    {% if dogs_per_page.has_next %}
        <a href="?{{ dogs_per_page.next_page_number.querystring }}" class="next">{% trans "下一页" %} &rsaquo;&rsaquo;</a>
    {% else %}
        <span class="disabled next">{% trans "下一页" %} &rsaquo;&rsaquo;</span>
    {% endif %}
</div>
</body>
</html>

结果展示:
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值