当前位置：首页 > news >正文

Django 分页（表单）

news 文章来源：https://blog.csdn.net/IT_ZRS/article/details/135350370 2025/4/27 2:29:08

django-ide

一、手动分页

1、概念

页码：很容易理解，就是一本书的页码
每页数量：就是一本书中某一页中的内容（数据量，比如第二页有15行内容），这 15 就是该页的数据量

每一页的数据量我们可以自定义，比如每页我们要求只显示 10 条数据。

2、功能

比如有数据：1, 2, 3, …, 100

假设我们规定：

页码（page）= 1

每一页（per_page）= 10

页码（page）	数据范围（per_page）	下标范围	切片范围
1	1 ~ 10	0 ~ 9	[ 0 : 10 ]
2	11 ~ 20	10 ~ 19	[ 10 : 20 ]
3	21 ~ 30	20 ~ 39	[ 20 : 30 ]
…	…	…	…
n	…	…	[ (page-1) * per_page : page * per_page ]

3、案例

实现功能：根据数据量与我们规定的每页数据量自动创建页码按钮，当点击页面对应的页码按钮时，跳转到对应的页码数据。

先创建一百多个测试数据：

视图

import math
from App.models import *
from django.shortcuts import render, HttpResponsedef paginate(request, page=1):# 页码：page# 每页数量：per_pageper_page = 10# 获取数据库PersonModel的所有表数据persons = PersonModel.objects.all()# 对获取的表数据切片操作persons = persons[(page-1) * per_page:page * per_page]# 总页数total = PersonModel.objects.count()        # 数据总条数total_page = math.ceil(total / per_page)   # 总页数（即总条数/每页条数）math.ceil向上取整，即返回大于或等于该数字的最小整数。如果传入的参数已经是整数，则返回该整数本身（如3.5则返回4（即大于3.5的数的最小整数），如7则返回7）。pages = range(1, total_page+1)   # 为什么要转换一下？因为传到模板的数据必须是一个字典，且字典的 values 必须是一个序列# 将切片的数据传入模板进行渲染return render(request, 'paginate.html', {'persons':persons, 'pages': pages})

路由

from django.contrib import admin
from django.urls import path
from App.views import *urlpatterns = [path('admin/', admin.site.urls),path('add/', add_person),path('del/', del_person),path('update/', update_person),path('get/', get_person),path('paginate/<int:page>/', paginate, name='paginate'),
]

模板

paginate.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>手动分页</title><style>ul {list-style: none;padding: 0;}.bts li {float: left;margin: 5px;}hr {clear: both;}</style>
</head>
<body><h2>手动分页功能</h2><hr><ul class="bts">{% for page in pages %}<li><a href="{% url 'paginate' page %}"><button>{{ page }}</button></a></li>{% endfor %}</ul><hr><ul>{% for person in persons %}<li>{{ person.name }} - {{ person.age }}</li>{% endfor %}</ul>
</body>
</html>

验证

当点击 15 这个页码按钮时，就会跳到数据的第 15 页的数据。

二、分页器分页

上面的分页是手动进行的，需要我们手动写功能。当然我们也可以使用 Django 中的分页器进行自动分页，使用时需导入 Paginator 模块。接下来，将使用分页器实现与手动分页功能完全一致的分页方法。

1、视图

import math
from App.models import *
from django.shortcuts import render, HttpResponse
from django.core.paginator import Paginatordef paginate2(request, page=1):# 每页数量per_page = 10all_date = PersonModel.objects.all()# 分页器对象paginator = Paginator(all_date, per_page)   # 获取所有用户数据，并根据每页显示10条用户数据进行分页persons = paginator.page(page)    # 获取指定page页的数据pages = paginator.page_range      # 页码范围，可进行循环遍历return render(request, 'paginate2.html', {'persons': persons, 'pages': pages})

2、路由

from django.contrib import admin
from django.urls import path
from App.views import *urlpatterns = [path('admin/', admin.site.urls),path('add/', add_person),path('del/', del_person),path('update/', update_person),path('get/', get_person),path('paginate/<int:page>/', paginate, name='paginate'),path('paginate2/<int:page>/', paginate2, name='paginate2'),
]

3、模板

paginate2.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>手动分页</title><style>ul {list-style: none;padding: 0;}.bts li {float: left;margin: 5px;}hr {clear: both;}</style>
</head>
<body><h2>手动分页功能</h2><hr><ul class="bts">{% for page in pages %}<li><a href="{% url 'paginate2' page %}"><button>{{ page }}</button></a></li>{% endfor %}</ul><hr><ul>{% for person in persons %}<li>{{ person.name }} - {{ person.age }}</li>{% endfor %}</ul>
</body>
</html>

4、验证

http://127.0.0.1:8000/paginate2/10/

—END

Django 分页（表单）

目录一、手动分页二、分页器分页一、手动分页 1、概念页码：很容易理解，就是一本书的页码每页数量：就是一本书中某一页中的内容（数据量，比如第二页有15行内容），这 15 就是该页的数据量每一…...

编程日记 2024/1/3 9:05:46

socket实现视频通话-WebRTC

最近喜欢研究视频流，所以思考了双向通信socket，接下来我们就一起来看看本地如何实现双向视频通讯的功能吧~ 客户端获取视频流首先思考如何获取视频流呢？ 其实跟录音的功能差不多，都是查询电脑上是否有媒体设备，如果…...

编程日记 2024/1/3 9:04:45

simulink代码生成（九）—— 串口显示数据（纸飞机联合调试）

纸飞机里面的协议是固定的，必须按照协议配置； （1）使用EasyHEX协议，测试int16数据类型测试串口发出的数据是否符合？ 串口接收数据为： 打开纸飞机绘图侧： （1&#xff09…...

编程日记 2024/1/3 9:00:42

Mysql数据库（中）——增删改查的学习（全面，详细）

上一篇主要对查询操作进行了详细的总结，本篇主要对增删改操作以及一些常用的函数进行总结，包括流程控制等；以下的代码可以直接复制到数据库可视化软件中，便于理解和练习； 常用的操作： #函数： S…...

编程日记 2024/1/3 8:58:40

test dbtest-03-对比 Liquibase、flyway、dbDeploy、dbsetup

详细对比 Liquibase、flyway、dbDeploy、dbsetup，给出对比表格下面是一个简要的对比表格，涵盖了 Liquibase、Flyway、dbDeploy 和 DbSetup 这四个数据库变更管理工具的一些主要特点。特点/工具LiquibaseFlywaydbDeployDbSetup开发语言Java&#xff0…...

编程日记 2024/1/3 8:56:38

力导向图与矩阵排序

Graph-layout force directed（力导向图布局）是一种用于可视化网络图的布局算法。它基于物理模型，模拟了图中节点之间的相互排斥和连接弹性，以生成具有良好可读性和美观性的图形布局。在力导向图布局中，每个节点被视为…...

编程日记 2024/1/3 8:52:35

word 常用功能记录

word手册多行文字对齐标题调整文字间距打钩方框插入三线表插入参考文献自动生成目录多行文字对齐标题调整文字间距打钩方框插入三线表插入一个最基本的表格把整个表格设置为无框线设置上框线【实线1.5磅】设置下框线【实线1.5磅】选中第一行，设置下框线【实线…...

编程日记 2024/1/3 8:50:32

C#线程基础（线程启动和停止）

目录一、关于线程二、示例三、生成效果一、关于线程在使用多线程前要先引用命名空间System.Threading，引用命名空间后就可以在需要的地方方便地创建并使用线程。创建线程对象的构造方法中使用了ThreadStart()委托，当线程开始执行时&#xff0c…...

编程日记 2024/1/3 8:45:27

如何利用ChatGPT来提高编程效率

如何利用ChatGPT来提高编程效率在当今这个信息爆炸和技术快速发展的时代，程序员们面临着巨大的压力，既要保证代码的质量，又要提高工作效率。幸运的是，人工智能(AI)正在改变我们编写和维护代码的方式，而OpenAI的ChatGPT是其中的佼佼者。本文将讨论如何利用ChatGPT以及结合…...

编程日记 2024/1/3 8:39:22

java智慧工地源码，互联网+建筑工地，实现对工程项目内人员、车辆、安全、设备、材料等的智能化管理

智慧工地全套源码，微服务JavaSpring Cloud UniApp MySql；支持多端展示（大屏端、PC端、手机端、平板端）演示自主版权。智慧工地概念： 智慧工地就是互联网建筑工地，是将互联网的理念和技术引入建筑工地&…...

编程日记 2024/1/3 8:37:21

创建并使用自己的C++模块（Windows10+MSVC）

module是C20种新引入的特性，关于module的介绍和好处，网上已有大量的文章，此处也不再赘述，本文仅记录在个人的环境上创建一个简单的module并使用这个module。环境同上一篇文章（ windows10，MSVC C工具链&am…...

编程日记 2024/1/3 8:36:20

Spring Boot 2.7.11 集成 GraphQL

GraphQL介绍 GraphQL（Graph Query Language）是一种用于API的查询语言和运行时环境，由Facebook于2012年创建并在2015年公开发布。与传统的RESTful API相比，GraphQL提供了更灵活、高效和强大的数据查询和操作方式。以下是GraphQL…...

编程日记 2024/1/3 8:35:19

软件工程期末总结

软件工程期末总结软件危机出现的原因软件生命周期软件生命周期的概念生命周期的各个阶段软件开发模型极限编程可行性研究与项目开发计划需求分析结构化分析的方法结构化分析的图形工具软件设计的原则用户界面设计结构化软件设计面向对象面向对象建模软件危机出现的原因忽视…...

编程日记 2024/1/3 8:32:16

MidTool图文创作-GPT-4与DALL·E 3的结合

GPT-4与DALLE 3的结合 GPT-4是由OpenAI开发的最新一代语言预测模型，它在前代模型的基础上进行了大幅度的改进，不仅在文本生成的连贯性、准确性上有了显著提升，还在理解复杂语境和执行多步骤指令方面表现出了更高的能力。而DALLE 3则是一个创…...

编程日记 2024/1/3 8:31:15

Python将两个或多个列表合并为一个列表，并根据每个输入列表中的元素的位置将其组合在一起

将两个或多个列表合并为一个列表，并根据每个输入列表中的元素的位置将其组合在一起。这个需求在实际开发过程中应该说非常常见，当然python也给我们内置了相关方法！ zip(*iterables, strictFalse) 在多个迭代器上并行迭代，从每…...

编程日记 2024/1/3 8:29:13

数模混合SoC芯片中LEF2Milkyway的golden flow

在数模混合芯片中的项目中，特别是数字模块很少甚至只有一个简单的数字控制逻辑时，我们要做数字模块的后端实现时，通常模拟那边会问我们实现需要他们提供哪些数据。通常来说，我们可以让模拟设计提供数字模块的GDS或LEF文件即可。…...

编程日记 2024/1/3 8:26:11

Five tips to make your essay flow

This post was written by Sydney Nicholson, a second-year master’s student in the English Department. Dear writer, Have you ever wondered what it takes to make an essay “flow”? In my time as a writing center tutor, I’ve noticed that this is one of th…...

编程日记 2024/1/3 8:25:10

Django 分页（表单）

目录

一、手动分页

二、分页器分页

相关文章：

Django 分页（表单）

socket实现视频通话-WebRTC

simulink代码生成（九）—— 串口显示数据（纸飞机联合调试）

Mysql数据库（中）——增删改查的学习（全面，详细）

test dbtest-03-对比 Liquibase、flyway、dbDeploy、dbsetup

力导向图与矩阵排序

word 常用功能记录

C#线程基础（线程启动和停止）

如何利用ChatGPT来提高编程效率

java智慧工地源码，互联网+建筑工地，实现对工程项目内人员、车辆、安全、设备、材料等的智能化管理

创建并使用自己的C++模块（Windows10+MSVC）

Spring Boot 2.7.11 集成 GraphQL

软件工程期末总结

MidTool图文创作-GPT-4与DALL·E 3的结合

Python将两个或多个列表合并为一个列表，并根据每个输入列表中的元素的位置将其组合在一起

数模混合SoC芯片中LEF2Milkyway的golden flow

Five tips to make your essay flow

linux驱动(二):led补

性能测试-jmeter：安装 / 基础使用

数据仓库-数仓优化小厂实践

uniapp中uview组件丰富的Code 验证码输入框的使用方法

md文件图片上传方案：Github+PicGo 搭建图床

从零开始 - 在Python中构建和训练生成对抗网络（GAN）模型

OfficeWeb365 Indexs 任意文件读取漏洞复现

Crypto的简单应用-前后端加密传输

Vue3-32-路由-重定向路由

如何用js动态修改字体大小

【BIG_FG_CSDN】C++ 数组与指针（个人向——学习笔记）

桌面天气预报软件 Weather Widget free mac特点介绍

HarmonyOS应用开发-搭建开发环境