若依框架---分页功能

继前几天我们学习若依管理系统中的代码生成工具，我们发现若依系统中还要很多值得学习的地方。今天我们来学习若依管理系统中的分页工具。

若依管理系统是前后端分离的（准确的说，若依有前后端分离版本）。

前端

若依前端的分页没有什么好说的，请求时分为pageNum与pageSize，使用前端分页组件Pagination（这个组件我们之前在花裤衩的vue-element-admin中也遇到过），代码如下所示：

<!-- 分页组件-->
<pagination:total="total":page.sync="queryParams.pageNum":limit.sync="queryParams.pageSize"@pagination="fetchData"
/>query: {keyword: undefined,// otherquery.....pageNum: 1,pageSize: 10
},
result: { // 请求结果total: 0,rows: []
}// 后台方法，传入参数 获取结果
api(this.queryParams).then(response => {this.result = response;}
);

后端分页

后端的分页很有意思，我们先来看看后端接口中的分页代码。

我们抓取若依前端：系统管理->日志管理->操作日志接口，经过浏览器F12调试，我们可以发现其接口地址为：

/monitor/operlog/list?pageNum=1&pageSize=10

我们在后台查找对应接口发现其位于com.ruoyi.web.controller.monitor.SysOperlogController下的list方法。方法代码如下所示：

    @PreAuthorize("@ss.hasPermi('monitor:operlog:list')")@GetMapping("/list")public TableDataInfo list(SysOperLog operLog){startPage();List<SysOperLog> list = operLogService.selectOperLogList(operLog);return getDataTable(list);}

奇怪的是，我们并没有发现分页参数的获取与解析，那么后端到底是如何实现分页的呢？

这个接口有三个特点，

一是返回值类型为TableDataInfo

二是接口第一行代码startPage()

三是接口最后一句:getDataTable(list)。

首先，我们先来看看 TableDataInfo 的数据结构。

/*** 表格分页数据对象* * @author ruoyi*/
public class TableDataInfo implements Serializable
{private static final long serialVersionUID = 1L;/** 总记录数 */private long total;/** 列表数据 */private List<?> rows;/** 消息状态码 */private int code;/** 消息内容 */private String msg;// 剩余的构造器与setter，getter方法不贴了}

我们可以看到，数据的类型与前端是匹配的，那么这个数据又是如何在接口中构造的呢？

关键代码 startPage() 时发生了什么？接口最后一句 genDataTable(list) 又是如何将一个list转换为 TableDataInfo 的呢？

若依框架---分页功能相关推荐

think php ajax分页,thinkPHP5框架实现基于ajax的分页功能示例
本文实例讲述了thinkPHP5框架实现基于ajax的分页功能.分享给大家供大家参考,具体如下: 最近一个页面的选项卡又牵扯到ajax分页,所以研究了一下tp5的ajax分页使用方法首先看一下tp5 ...
php tp框架分页源代码,ThinkPHP3.2框架自带分页功能实现方法示例
本文实例讲述了ThinkPHP3.2框架自带分页功能实现方法.分享给大家供大家参考,具体如下: 1.前端-分页代码: {$page} 2.创建分页样式:如page.css 并将以下代码复制到该文件中 ...
SpringBoot 集成FluentMyBatis 框架之集成分页功能
本文基于上一篇:SpringBoot 集成FluentMyBatis 框架之完善 SpringBoot 集成FluentMyBatis 框架之集成分页功能 FluentMyBatis 官方分页官方提 ...
vue技术框架下手机端移动上拉实现分页功能
vue技术框架下手机端移动上拉实现分页功能基于手机端项目实战总结而来 1.业务场景 2.前端优化思路 3.具体实现思路 4.把返回的数据首次取N条渲染页面 5.获取滚动条的当前位置 6.获取当前可视 ...
MVC框架实现分页功能
导航 1.数据库 2.控制器 3.视图 1.数据库 USE [master] GO /****** Object: Database [RbacDB] Script Date: 2020/6/2 23 ...
转：mybatis - 分页功能
本文转自http://www.cnblogs.com/jcli/archive/2011/08/09/2132222.html mybatis高级应用系列一:分页功能 Mybatis3.0出来已有段时 ...
mybatis-generator 插件扩展，生成支持多种数据库的分页功能
2019独角兽企业重金招聘Python工程师标准>>> 背景: 在使用mybatis的过程中,考虑到整合的框架在后期使用的过程中,有可能是需要兼容到多种数据库的,在这种前提条件下,完 ...
[Beego] [bootstrap-paginator]实现分页功能
说明在开发中分页功能几乎是必不可少的一项功能,使用beego框架开发时,就遇到了分页功能的需求.可能是之前版本并不支持,我发现有很多自己实现的分页功能的封装,在阅读了官方源码时,我发现了分页功能的封 ...
Spring Boot入门系列（十六）整合pagehelper，一秒实现分页功能！
之前讲了Springboot整合Mybatis,然后介绍了如何自动生成pojo实体类.mapper类和对应的mapper.xml 文件,并实现最基本的增删改查功能.接下来要说一说Mybatis 的分页 ...

若依框架---分页功能

前端

后端分页

若依框架---分页功能相关推荐

最新文章

热门文章