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

前端用户列表与后端分页协同设计

news 来源：原创 2025/9/20 5:27:14

分页实现方案

在现代Web应用中，用户列表展示与分页是一个常见的功能需求。前端与后端通过API协同工作，使用PageHelper等工具实现高效分页。

例如：

后端实现 (使用PageHelper)

public PageResult DishPage(DishPageQueryDTO dishPageQueryDTO) {PageHelper.startPage(dishPageQueryDTO.getPage(),dishPageQueryDTO.getPageSize());Page<DishVO> page=dishMapper.DishQueryPage(dishPageQueryDTO);PageResult pageResult=new PageResult();pageResult.setTotal(page.getTotal());pageResult.setRecords(page.getResult());return pageResult;}

PageHelper.startPage() - 分页的起点

PageHelper.startPage()方法是整个分页过程的起点，它通过ThreadLocal机制在当前线程中设置分页参数：

PageHelper.startPage(dishPageQueryDTO.getPage(), dishPageQueryDTO.getPageSize());

  • 参数1：当前页码（从1开始计数）

  • 参数2：每页显示的记录数

底层原理：

  1. PageHelper会将这两个参数存入Page对象

  2. 通过PageInterceptor拦截器，这个对象会被后续的SQL查询拦截

  3. 拦截器会根据这些参数改写原始SQL，添加LIMIT/OFFSET等分页子句

执行Mapper查询

Page<DishVO> page = dishMapper.DishQueryPage(dishPageQueryDTO);

这行代码看似普通的Mapper调用，实则暗藏玄机：

  1. 自动拦截：PageHelper的拦截器会在SQL执行前介入

  2. SQL改写：根据startPage设置的参数，拦截器会将原始SQL改写为分页查询

    • MySQL：添加LIMIT offset, pageSize

    • Oracle：使用ROWNUM实现分页

  3. 执行查询：改写后的SQL会被执行，获取当前页的数据

  4. 总数查询：拦截器还会自动执行COUNT查询获取总记录数

Page对象解析

查询返回的Page<DishVO>对象包含了丰富的分页信息：

  • getTotal()：总记录数（不是总页数）

  • getResult()：当前页的数据列表

  • getPages()：总页数（通过total/pageSize计算）

  • getPageNum()：当前页码

  • getPageSize()：每页大小

构建自定义PageResult

PageResult pageResult = new PageResult(); pageResult.setTotal(page.getTotal()); pageResult.setRecords(page.getResult()); return pageResult;

这里将Page对象转换为自定义的PageResult，通常是为了：

  1. 简化响应结构：只返回前端需要的字段

  2. 统一格式：保持API响应的一致性

  3. 数据脱敏：有机会对敏感字段进行处理

完整工作流程

  1. 客户端请求带分页参数的API（如/dishes?page=2&pageSize=10）

  2. 控制器接收参数并构造DTO对象

  3. Service层调用PageHelper.startPage()启动分页

  4. 执行Mapper查询，PageHelper自动拦截并改写SQL

  5. 获取分页结果并包装为自定义响应对象

  6. 返回给前端统一格式的分页数据

相关文章：

前端用户列表与后端分页协同设计

分页实现方案 在现代Web应用中&#xff0c;用户列表展示与分页是一个常见的功能需求。前端与后端通过API协同工作&#xff0c;使用PageHelper等工具实现高效分页。 例如&#xff1a; 后端实现 (使用PageHelper) public PageResult DishPage(DishPageQueryDTO dishPageQuery…...

编程日记 2025/9/20 5:27:14

MyBatis的第四天学习笔记下

10.MyBatis参数处理 10.1 项目信息 模块名&#xff1a;mybatis-007-param数据库表&#xff1a;t_student表结构&#xff1a; id: 主键name: 姓名age: 年龄height: 身高sex: 性别birth: 出生日期 sql文件&#xff1a; create table t_student ( id bigint auto_increm…...

编程日记 2025/9/18 16:55:21

三类人解决困境的方法

有一个视频讲述了三类人解决困境的方法&#xff0c;视频中有持续流出干净水源的水龙头&#xff0c;一杯装满脏水的玻璃杯。第一类普通人是拿着玻璃杯放到水龙头下不断接水&#xff0c;水龙头一直开着的第二类高手是把脏水倒到水池里&#xff0c;然后打开水龙头接水&#xff0c;…...

编程日记 2025/9/19 9:58:38

蓝桥杯第十一届省赛C++B组真题解析

蓝桥杯第十一届省赛CB组真题解析 八、回文日期https://www.lanqiao.cn/problems/348/learning 方法一&#xff1a;暴力枚举所有的日期&#xff0c;记录有多少个回文日期。 #include <bits/stdc.h> using namespace std; int month[13]{0,31,28,31,30,31,30,31,31,30,31…...

编程日记 2025/9/9 0:23:15

Tailscale 的工作原理*

Tailscale 的核心原理基于 WireGuard VPN&#xff0c;它实现了端到端加密的 点对点&#xff08;P2P&#xff09;连接&#xff0c;但在必要时会通过 中继服务器&#xff08;DERP&#xff09; 进行中转。整体来说&#xff0c;它是一个 零配置的 Mesh VPN&#xff0c;让所有设备看…...

编程日记 2025/9/19 17:23:35

PyTorch张量范数计算终极指南：从基础到高阶实战

在深度学习领域&#xff0c;张量范数计算是模型正则化、梯度裁剪、特征归一化的核心技术。本文将以20代码实例&#xff0c;深度剖析torch.norm的9大核心用法&#xff0c;并揭示其在Transformer模型中的关键应用场景。 &#x1f680; 快速入门&#xff08;5分钟掌握核心操作&…...

编程日记 2025/9/19 7:43:59

Innovus DRC Violation和Calibre DRC Violation分析和修复案例

今天把小编昨天帮助社区训练营学员远程协助的一个经典案例分享给大家。希望能够帮助到更多需要帮助的人。如果各位想跟小编来系统学习数字后端设计实现的&#xff0c;可以联系小编。 数字IC后端手把手实战教程 | Innovus verify_drc VIA1 DRC Violation解析及脚本自动化修复方…...

编程日记 2025/9/9 2:21:21

数据库7（数据定义语句，视图，索引）

1.数据定义语句 SQL数据定义语言&#xff08;DDL&#xff09;用于定义和管理数据库结构&#xff0c;包括创建、修改和删除 数据库对象。常见的DDL语句包括CREATE、DROP和ALTER。 它的操作的是对象&#xff0c;区分操作数据的语句&#xff1a;INSERT,DELETE,UPDATE 示例&#x…...

编程日记 2025/9/19 5:36:50

Cadence 修改 铜和pin脚 连接属性 和 光绘参数修改

光绘层叠设置&#xff0c;参考 光绘参数修改&#xff0c; 中英文对照...

编程日记 2025/9/9 2:46:56

秒杀业务的实现过程

一.后台创建秒杀的活动场次信息&#xff0c;并关联到要秒杀的商品或服务&#xff1b; 二.通过定时任务&#xff0c;将秒杀的活动信息和商品服务信息存储到redis; 三.在商品展示页的显眼位置加载秒杀活动信息&#xff1b; 四.用户参与秒杀&#xff0c;创建订单&#xff0c;将…...

编程日记 2025/9/10 18:17:38

✅ Ultralytics YOLO 训练(Train)时实时获取 COCO 指标(AP)：2025最新配置与代码详解 (小白友好 + B站视频)

✅ YOLO获取COCO指标(4): 训练(Train)启用COCO API评估&#xff08;实时监控AP指标&#xff09;| 发论文必看&#xff01; | Ultralytics | 小白友好 文章目录 一、问题定位二、原理分析三、解决方案与实践案例步骤 1: 在 model.train() 调用中设置 save_jsonTrue步骤 2: 修改 …...

编程日记 2025/9/18 19:30:52

java基础 流（Stream）

Stream Stream 的核心概念核心特点 Stream 的操作分类中间操作&#xff08;Intermediate Operations&#xff09;终止操作&#xff08;Terminal Operations&#xff09; Stream 的流分类顺序流&#xff08;Sequential Stream&#xff09;并行流&#xff08;Parallel Stream&…...

编程日记 2025/9/15 1:39:34

基于springboot+vue的课程管理系统

一、系统架构 前端&#xff1a;vue | element-ui 后端&#xff1a;springboot | mybatis-plus 环境&#xff1a;jdk1.8 | mysql8 | maven | node v16.20.2 | idea 二、代码及数据 三、功能介绍 01. 登录 02. 管理员-首页 03. 管理员-系管理 04. 管理员-专业管理 05. 管…...

编程日记 2025/9/20 3:49:42

android14 keycode 上报 0 解决办法

驱动改完后发现上报了keycode=0 04-07 13:02:33.201 2323 2662 D WindowManager: interceptKeyTq keycode=0 interactive=false keyguardActive=true policyFlags=2000000 04-07 13:02:33.458 2323 2662 D WindowManager: interceptKeyTq keycode=0 interactive=false key…...

编程日记 2025/9/9 19:28:22

小说现代修仙理论​

修仙理论​ 灵魂感应与感知强化&#xff1a;通过特定的修炼方法&#xff0c;感应自身灵魂&#xff0c;以此提升感知能力&#xff0c;使修炼者对周围环境及自身状态的察觉更为敏锐。​ 生物电的感知与运用​ 生物电感知&#xff1a;修炼者需凝神静气&#xff0c;感知体内生物…...

编程日记 2025/9/16 9:03:41

6.综合练习1-创建文件

题目&#xff1a; 分析&#xff1a; 本例中使用mkdirs方法创建aaa文件夹。 题目要求是"在当前模块下的aaa文件夹"&#xff0c;此时在左侧的目录中&#xff0c;是没有aaa文件夹的&#xff0c;所以要先创建a.txt文件的父级路径aaa文件夹&#xff0c;由于是在当前模块下…...

编程日记 2025/9/9 1:33:43

PostgreSQL的内存管理机制

目录 V1.0PostgreSQL的内存管理机制文件系统缓存作为二级缓存内存切换机制性能影响总结 V2.0PostgreSQL 内存管理机制&#xff1a;双缓存体系验证与笔记完善1. 现有描述验证2. 完善后的内存管理笔记2.1 双缓存体系2.2 其他关键内存区域2.3 验证方法 3. 注意事项 V1.0 PostgreS…...

编程日记 2025/8/17 23:09:34

ReplicaSet、Deployment功能是怎么实现的？

在Kubernetes中&#xff0c;ReplicaSet 和 Deployment 是用于管理 Pod 副本的关键对象。它们各自的功能和实现机制如下&#xff1a; 1. ReplicaSet 功能 管理 Pod 副本&#xff1a;确保指定数量的 Pod 副本一直在运行。如果有 Pod 副本崩溃或被删除&#xff0c;ReplicaSet 会…...

编程日记 2025/9/19 11:37:49

544 eff.c:1761处loop vect 分析

2.6 带有mask的向量数学函数 gcc 支持的svml向量数学函数 32652 GCC currently emits calls to code{vmldExp2}, 32653 code{vmldLn2}, code{vmldLog102}, code{vmldPow2}, 32654 code{vmldTanh2}, code{vmldTan2}, code{vmldAtan2}, code{vmldAtanh2}, 32655 code{vmldCbrt2}…...

编程日记 2025/9/11 0:39:00

搜狗拼音输入法纯净优化版：去广告，更流畅输入体验15.2.0.1758

前言 搜狗输入法电脑版无疑是装机必备的神器。它打字精准&#xff0c;词库丰富全面&#xff0c;功能强大&#xff0c;极大地提升了输入效率。最新版的搜狗拼音输入法更是借助AI技术&#xff0c;让打字变得既准确又高效。而搜狗输入法的去广告精简优化版&#xff0c;通过移除广…...

编程日记 2025/9/15 1:39:38

YOLOv11改进 | YOLOv11引入MobileNetV4

前言&#xff1a; 主要是对该文章YOLOv11改进 | YOLOv11引入MobileNetV4进行复现&#xff0c;以及对一些问题进行解答 1、mobilenetv4核心代码 from typing import Optional import torch import torch.nn as nn import torch.nn.functional as F__all__ [MobileNetV4ConvLa…...

编程日记 2025/9/11 11:48:56

Java中的ArrayList方法

1. 创建 ArrayList 实例 你可以通过多种方式创建 ArrayList 实例&#xff1a; <JAVA> ArrayList<String> list new ArrayList<>(); // 创建一个空的 ArrayList ArrayList<String> list new ArrayList<>(10); // 创建容量为 10 的 ArrayList …...

编程日记 2025/9/14 11:05:35

wordpress 利用 All-in-One WP Migration全站转移

导出导入站点 在插件中查询 All-in-One WP Migration备份并导出全站数据 导入 注意事项&#xff1a; 1.导入部分限制50MB 宝塔解决方案&#xff0c;其他类似&#xff0c;修改php.ini配置文件即可 2. 全站转移需要修改域名 3. 大文件版本&#xff0c;大于1G的可以参考我的…...

编程日记 2025/8/23 17:24:51

零基础教程：Windows电脑安装Linux系统（双系统/虚拟机）全攻略

一、安装方式选择 方案对比表 特性双系统安装虚拟机安装性能原生硬件性能依赖宿主机资源分配磁盘空间需要独立分区&#xff08;建议50GB&#xff09;动态分配&#xff08;默认20GB起&#xff09;内存占用独占全部内存需手动分配&#xff08;建议4GB&#xff09;启动方式开机选…...

编程日记 2025/9/7 6:45:13

聚焦AI与大模型创新，紫光云如何引领云计算行业快速演进？

【全球云观察 &#xff5c; 科技热点关注】 随着近年来AI与大模型的兴起&#xff0c;云计算行业正在发生着一场大变局。 “在2025年春节期间&#xff0c;DeepSeek两周火爆全球&#xff0c;如何进行私域部署成了企业关心的问题。”紫光云公司总裁王燕平强调指出&#xff0c;AI与…...

编程日记 2025/9/15 10:32:02

mapreduce 过程中，maptask的partitioner是在map阶段中具体什么阶段分区的？

在MapReduce的Map阶段中&#xff0c;Partitioner&#xff08;分区器&#xff09;的作用发生在map函数输出键值对之后&#xff0c;但在数据被写入磁盘&#xff08;spill到本地文件&#xff09;之前。具体流程如下&#xff1a; 分区发生的具体阶段&#xff1a; Map函数处理完成 当…...

编程日记 2025/9/19 11:17:06

找到字符串中所以字母异位词 --- 滑动窗口

目录 一&#xff1a;题目 二&#xff1a;算法原理 三&#xff1a;代码实现 一&#xff1a;题目 题目链接&#xff1a;438. 找到字符串中所有字母异位词 - 力扣&#xff08;LeetCode&#xff09; 二&#xff1a;算法原理 三&#xff1a;代码实现 版本一&#xff1a;无co…...

编程日记 2025/9/18 22:58:16

密码破解工具

1. 引言 密码是信息安全的核心之一，而攻击者往往利用各种工具和技术来破解密码。密码破解工具可以分为 离线破解（Offline Cracking） 和 在线破解（Online Cracking） 两大类： 离线破解：攻击者已经获取了加密的密码哈希（hash），可以在本地进行破解，无需与目标系统交互。…...

编程日记 2025/9/20 2:34:13

路由策略在双点双向路由重发布的应用

一、背景叙述 路由重发布通常是解决两个不同路由协议之间的互通问题&#xff0c;也就是路由双向引入。有时候&#xff0c;单点路由重发布在大规模网络中压力较大&#xff0c;缺乏冗余性&#xff0c;于是就有了双点双向路由重发布 问题&#xff1a;但是双点双向路由重发布也会…...

编程日记 2025/9/18 11:42:55

在Python软件中集成智能体：以百度文心一言和阿里通义千问为例

摘要 本文旨在探讨如何在Python软件中集成智能体&#xff0c;具体以百度文心一言和阿里通义千问等大模型生成的智能体为例。文章详细介绍了集成这些智能体的方法&#xff0c;包括环境准备、API调用、代码实现等步骤&#xff0c;并提供了相关的示例代码。通过集成这些智能体&…...

编程日记 2025/9/7 22:43:41

day22 学习笔记

文章目录 前言一、遍历1.行遍历2.列遍历3.直接遍历 二、排序三、去重四、分组 前言 通过今天的学习&#xff0c;我掌握了对Pandas的数据类型进行基本操作&#xff0c;包括遍历&#xff0c;去重&#xff0c;排序&#xff0c;分组 一、遍历 1.行遍历 intertuples方法用于遍历D…...

编程日记 2025/9/10 3:41:36

谈Linux之磁盘管理——万字详解

—— 小 峰 编 程 目录 一、硬盘的基本知识 1.了解硬盘的接口类型 2. 硬盘命名方式 3. 磁盘设备的命名 4. HP服务器硬盘 5. 硬盘的分区方式 二、 基本分区管理 1. 磁盘划分思路 2. 分区 2.1 MBR分区 2.2GPT分区 3.格式化—命令&#xff1a;mkfs 4.挂载 4.1手动挂…...

编程日记 2025/9/8 22:26:20

做好一个测试开发工程师第二阶段：java入门：idea新建一个project后默认生成的.idea/src/out文件文件夹代表什么意思？

时间&#xff1a;2025.4.8 一、前言 关于Java与idea工具安装不再展开&#xff0c;网上很多教程&#xff0c;可以自己去看 二、project建立后默认各文件夹代表意思 1、首先new---->project后会得到文件如图 其中&#xff1a; .idea文件代表&#xff1a;存储这个项目的历史…...

编程日记 2025/9/19 7:55:14

伪代码的定义与应用场景

李升伟 整理 伪代码&#xff08;Pseudocode&#xff09;是一种用近似自然语言&#xff08;通常是英语或开发者熟悉的语言&#xff09;和简单语法描述的算法逻辑工具。它介于自然语言和编程语言之间&#xff0c;不依赖具体语法规则&#xff0c;专注于表达思路&#xff0c;是编程…...

编程日记 2025/9/20 1:29:12

/sys/fs/cgroup/memory/memory.stat 关键指标说明

目录 1. **total_rss**2. **total_inactive_file**3. **total_active_file**4. **shmem**5. **其他相关指标**总结 以下是/sys/fs/cgroup/memory/memory.stat文件中一些关键指标的详细介绍&#xff0c;特别是与PostgreSQL相关的指标&#xff1a; 1. total_rss 定义&#xff1…...

编程日记 2025/9/14 16:30:40

机器学习中的聚类分析算法：原理与应用

一、什么是聚类分析&#xff1f; 聚类分析(Clustering Analysis)是机器学习中一种重要的无监督学习技术&#xff0c;它的目标是将数据集中的样本划分为若干个组(称为"簇")&#xff0c;使得同一簇内的样本彼此相似&#xff0c;而不同簇的样本差异较大。与分类不同&am…...

编程日记 2025/9/12 14:30:14

VUE中的路由处理

1.引入，预处理main.ts import {} from vue-router import { createRouter, createWebHistory } from vue-router import HomePages from @/pages/HomePages.vue import AboutPage from @/pages/AboutPage.vue import NewsPage from @/pages/NewsPage.vue //1. 配置路由规…...

编程日记 2025/9/10 16:54:27

MATLAB学习笔记（二） 控制工程会用到的

MATLAB中 控制工程会用到的 基础传递函数表达传递函数 零极点式 状态空间表达式 相互转化画响应图线根轨迹Nyquist图和bode图现控部分求约旦判能控能观极点配置和状态观测 基础 传递函数表达 % 拉普拉斯变换 syms t s a f exp(a*t) %e的a次方 l laplace(f) …...

编程日记 2025/9/19 4:37:20

Python: 实现数据可视化分析系统

后端基于Python 开源的 Web 框架 Flask&#xff0c;前端页面采用 LayUI 框架以及 Echarts 图表&#xff0c;数据库为sqlite。系统的功能模块分为数据采集和存储模块、数据处理和分析模块、可视化展示模块和系统管理模块。情感分析方面使用LDA等主题建模技术&#xff0c;结合领域…...

编程日记 2025/9/3 7:29:50

VectorBT量化入门系列：第一章 VectorBT基础与环境搭建

VectorBT量化入门系列&#xff1a;第一章 VectorBT基础与环境搭建 本教程专为中高级开发者设计&#xff0c;系统讲解VectorBT技术在量化交易中的应用。通过结合Tushare数据源和TA-Lib技术指标&#xff0c;深度探索策略开发、回测优化与风险评估的核心方法。从数据获取到策略部署…...

编程日记 2025/9/19 6:44:49

典型反模式深度解析及重构方案

反模式 1&#xff1a;魔法数字/字符串&#xff08;Magic Numbers/Strings&#xff09; ▐ 问题场景 // 订单状态校验 if (order.getStatus() 3) { // 3代表已发货&#xff1f;sendNotification(); }// 折扣计算 double discount price * 0.15; // 0.15是什么&#xff1f;…...

编程日记 2025/9/11 1:16:14

神经探针与价值蓝海：AI重构需求挖掘的认知拓扑学

当产品经理的决策边界遭遇量子态的用户需求&#xff0c;传统需求分析工具已显露出经典物理般的局限性。Gartner 2024报告揭示&#xff1a;全球Top 500企业中有83%遭遇需求洞察的"测不准困境"——用户声称的需求与行为数据偏差率达47%&#xff0c;而未被表达的潜在需求…...

编程日记 2025/9/11 14:56:14

Tomcat 负载均衡

目录 二、Tomcat Web Server 2.1 Tomcat 部署 2.1.1 Tomcat 介绍 2.1.2 Tomcat 安装 2.2 Tomcat 服务管理 2.2.1 Tomcat 启停 2.2.2 目录说明 2.2.3编辑主页 2.3 Tomcat管理控制台 2.3.1开启远程管理 2.3.2 配置远程管理密码 三、负载均衡 3.1 重新编译Nginx 3.1.1 确…...

编程日记 2025/9/9 3:43:18

CSS ＞子元素选择器和空格

在 CSS 中&#xff0c;> 符号是 子元素选择器&#xff08;Child Combinator&#xff09;&#xff0c;它用于选择某个元素的直接子元素&#xff08;仅限第一层嵌套的子元素&#xff0c;不包含更深层的后代元素&#xff09;。 语法 父元素 > 子元素 {样式规则; } 示例 …...

编程日记 2025/9/9 1:33:44

duckdb源码阅读学习路径图

🧭 DuckDB 最小内存源码阅读路径图 1️⃣ 数据流入口与批处理：DataChunk 项目内容✅ 目标理解 DuckDB 向量化执行的数据载体结构，如何影响内存📁 路径src/common/types/data_chunk.cpp/hpp🔍 入口函数DataChunk::Initialize, DataChunk::SetCardinality, Reset📌 优化…...

编程日记 2025/9/20 0:49:11

C#二叉树

C#二叉树 二叉树是一种常见的数据结构&#xff0c;它是由节点组成的一种树形结构&#xff0c;其中每个节点最多有两个子节点。二叉树的一个节点通常包含三部分&#xff1a;存储数据的变量、指向左子节点的指针和指向右子节点的指针。二叉树可以用于多种算法和操作&#xff0c;…...

编程日记 2025/9/16 4:24:29

BT-Basic函数之首字母W

BT-Basic函数之首字母W 文章目录 BT-Basic函数之首字母Wwaitwait for start wait wait函数使程序在执行下一个功能之前暂停指定的秒数。 语法 wait <数值表达式>参数 <数值表达式> 等待时长&#xff0c;以秒为单位。该值必须大于或等于0。小于25毫秒的正值会被…...

编程日记 2025/9/18 19:24:49

如何避免论文内容被误认为是 AI 生成的？

AIGC 检测的原理 AIGC 检测主要基于自然语言处理&#xff08;NLP&#xff09;和机器学习技术&#xff0c;通过深度分析文本内容来识别其中的 AI 生成痕迹。具体原理如下&#xff1a; 基础学习算法&#xff1a;利用机器学习算法对文本信息进行特征提取和表示&#xff0c;以便计…...

编程日记 2025/9/11 8:00:24

node.js之path常用方法

node.js之path常用方法 1.path.join([…paths]) 用于将多个路径片段拼接成一个路径&#xff0c;会自动处理路径分隔符&#xff0c;避免手动拼接时可能出现的问题 const joinedPath path.join(folder1, folder2, file.txt); console.log(joinedPath); // 输出: folder1/fol…...

编程日记 2025/9/15 10:46:03

【面试】C++与C override的报错阶段 RAII

文章目录 C 相对于 C 语言的主要区别**1. 面向对象编程&#xff08;OOP&#xff09;****2. 函数增强****3. 内存管理****4. 引用&#xff08;Reference&#xff09;****5. 标准模板库&#xff08;STL&#xff09;****6. 异常处理****7. 类型安全增强****8. 其他特性****9. 兼容…...

编程日记 2025/9/15 16:08:56