django分页

合集 - Django(18)

1.Django入门（一）2018-10-082.Centos7 离线安装python3 Django2020-08-123.'staticfiles' is not a registered tag library. Must be one of:2021-09-284.bootstrap模板2021-09-275.django报错 django.core.exceptions.ImproperlyConfigured: mysqlclient 1.4.0 or newer is required； you have 0.10.12021-09-226.django模板2021-08-137.Django 2.1.7 视图 - 自定义404错误、500错误2022-05-118.Django 2.1.7 Admin - 注册模型、自定义显示列表字段2022-05-119.django 发送邮件正文表格模板2022-04-1510.django 定时任务第三方库apscheduler2022-03-3111.Django内置发送邮件功能 2022-03-3112.Django Models 多条件查询 以及Q/F查询2022-03-3013.Django项目中添加ldap登陆认证功能的实现2022-03-28

14.django分页2021-10-08

15.xterm + react + antd pro 小坑记录2023-03-0916.django中文网2022-07-0417.Django自动生成Swagger接口文档2022-06-2118.Django 2.1.7 项目技巧 - 创建apps应用目录归纳所有应用2022-05-11

收起

views函数：

@login_required(login_url='/users/login/')
def device_list(request):
    username = request.session.get('user', '')
    all_device = Device.objects.all()
    paginator = Paginator(all_device, 10)
    page_num = request.GET.get('page', 1)
    d_list = paginator.page(int(page_num))
    return render(request, 'device_list.html', locals())

 

前端：（bootstrap）

                        <nav aria-label="Page navigation">
                            <ul class="pagination">
                                {% if d_list.has_previous %}
                                <li>
                                  <a href="/device/list?page={{ d_list.previous_page_number }}" aria-label="Previous">
                                    <span aria-hidden="true">上一页</span>
                                  </a>
                                </li>
                                {% else %}
                                <li class="disabled">
                                  <a aria-label="Previous">
                                    <span aria-hidden="true">上一页</span>
                                  </a>
                                </li>
                                {% endif %}
                              
                              {% for p_num in paginator.page_range %}
                                {% if p_num == d_list.number %}
                                <li class="active"><a href="#">{{ p_num }}</a></li>
                                {% else %}
                                <li><a href="/device/list?page={{ p_num }}">{{ p_num }}</a></li>
                                {% endif %}
                              {% endfor %}

                              
                                {% if d_list.has_next %}
                                <li>
                                  <a href="/device/list?page={{ d_list.next_page_number }}" aria-label="Next">
                                      <span aria-hidden="true">下一页</span>
                                  </a>
                                </li>
                                {% else %}
                                <li class="disabled">
                                  <a aria-label="Next">
                                    <span aria-hidden="true">下一页</span>
                                  </a>
                                </li>
                                {% endif %}
                              
                            </ul>
                        </nav>

 

效果：