SpringCloud+MyBatis分页处理(前后端分离)

简介: 分页处理,这是做JavaWeb项目中常见的场景。

分页处理,这是做JavaWeb项目中常见的场景。


背景


  1. 系统架构:SpringCloud分布式
  2. 持久层:MyBatis
  3. 前端:前后分离vue.js/bootstrap等.
  4. 后台提供restful api 接口,前端访问后端接口展示数据。


2种方式提供分页处理方案:


一、直接MyBatis数据库进行分页


controller接口

@ApiImplicitParams({            @ApiImplicitParam(name = "categoryId", value = "支付渠道大类Id", required = false, dataType = "Long",  paramType = "query"),            @ApiImplicitParam(name = "payChannelId", value = "支付渠道ID", required = false, dataType = "Long", paramType = "query"),            @ApiImplicitParam(name = "bankCode", value = "银行名称code", required = false, dataType = "String", paramType = "query"),            @ApiImplicitParam(name = "startTime", value = "创建时间起始(示例:2018-09-05)", required = false, dataType = "String", paramType = "query", length = 10),            @ApiImplicitParam(name = "endTime", value = "创建时间截止(示例:2018-09-05)", required = false, dataType = "String", paramType = "query", length = 10),            @ApiImplicitParam(name = "pageNum", value = "查询开始页", required = true, dataType = "int", paramType = "query"),            @ApiImplicitParam(name = "pageSize", value = "查询的页面大小不需要分页则把此值填大一点", required = true, dataType = "int", paramType = "query")})    public PageResult<ChannelBaseDataResp> queryPayChannel(                                            @RequestParam(value = "categoryId", required = false) Long categoryId,                                            @RequestParam(value = "payChannelId", required = false) Long payChannelId,                                            @RequestParam(value = "bankCode", required = false) String bankCode,                                            @RequestParam(value = "startTime", required = false) String startTime,                                            @RequestParam(value = "endTime", required = false) String endTime,                                            @RequestParam(value = "pageNum", required = true) Integer pageNum,                                            @RequestParam(value = "pageSize", required = true) Integer pageSize) {        PageResult<ChannelBaseDataResp> response = new PageResult<ChannelBaseDataResp>();        try {            int endRowNo = pageNum * pageSize;            int beginRowNo = (pageNum - 1) * pageSize + 1;            return channelBaseDataService.queryBaseData(categoryId,payChannelId,bankCode,startTime,endTime,beginRowNo,endRowNo);        }  catch (Exception e) {            response = new PageResult<ChannelBaseDataResp>();            if (e instanceof AppException) {
                response.setCode(((AppException) e).getErrorCode());                response.setResult(((AppException) e).getErrorMsg());            } else {                response.setCode(CumReturnCode.SYSTEM_EXCEPTION.code);                response.setResult(CumReturnCode.SYSTEM_EXCEPTION.message);            }            return response;        }    }

Swagger-ui接口界面如下:

16182cd7b4ce77e714f7878e71421a0e_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png


pageNum 和 pageSize 用于前端分页的参数,pageNum:表示页码第几页,pageSize:表示每页展示数据数量。


所有查询条件参数,在mapper-xml里进行处理,再利用数据库oracle本身的rownum行值进行分页。


xml代码:


<select id="queryBaseDataList" resultMap="BaseResultMap">    select    ID, PAY_CHANNEL_MAIN_ID, PAY_CHANNEL_ID,    BANK_CODE, CREATE_TIME, UPDATE_TIME,UPDATOR    from (    select A.*, rownum RN    from (    select ID, PAY_CHANNEL_MAIN_ID, PAY_CHANNEL_ID,    BANK_CODE, CREATE_TIME, UPDATE_TIME,UPDATOR    from CUM_PAY_CHANNEL_BASE    <where>      <if test="beginCreateTime != null">        CREATE_TIME <![CDATA[ >= ]]>  #{beginCreateTime,jdbcType=TIMESTAMP}      </if>      <if test="endCreateTime != null">        AND CREATE_TIME <![CDATA[ <= ]]>  #{endCreateTime,jdbcType=TIMESTAMP}      </if>      <if test="categoryId != null and categoryId != '' ">        AND PAY_CHANNEL_MAIN_ID = #{categoryId,jdbcType=DECIMAL}      </if>      <if test="payChannelId != null and payChannelId != ''">        AND PAY_CHANNEL_ID = #{payChannelId,jdbcType=DECIMAL}      </if>      <if test="bankCode != null and bankCode != ''">        AND BANK_CODE = #{bankCode,jdbcType=VARCHAR}      </if>    </where>    order by CREATE_TIME desc    ) A    where rownum &lt;= #{endRowNo,jdbcType=DECIMAL}    )    where RN &gt;= #{beginRowNo,jdbcType=DECIMAL}  </select>

优点:直观、方便、易排查问题。 缺点:访问数据库过于频繁,未利用到mybatis本身的缓存优势。


二、Java+缓存分页



这种方法对于前端而言是没变化,无感的。


只是在后端处理稍作变动,思路:

  • 先把所有数据记录查询出来
  • 数据库实体再次封装为查询实体
  • 纯java代码进行分页
  • controller接口不变
  • service业务处理——>数据库crud操作变动
  • 把所有数据库记录查询处理


<select id="queryBaseDataList" resultMap="BaseResultMap">    select    ID, PAY_CHANNEL_MAIN_ID, PAY_CHANNEL_ID,    BANK_CODE, CREATE_TIME, UPDATE_TIME,UPDATOR    from CUM_PAY_CHANNEL_BASE    <where>      <if test="beginCreateTime != null">        CREATE_TIME <![CDATA[ >= ]]>  #{beginCreateTime,jdbcType=TIMESTAMP}      </if>      <if test="endCreateTime != null">        AND CREATE_TIME <![CDATA[ <= ]]>  #{endCreateTime,jdbcType=TIMESTAMP}      </if>      <if test="categoryId != null and categoryId != '' ">        AND PAY_CHANNEL_MAIN_ID = #{categoryId,jdbcType=DECIMAL}      </if>      <if test="payChannelId != null and payChannelId != ''">        AND PAY_CHANNEL_ID = #{payChannelId,jdbcType=DECIMAL}      </if>      <if test="bankCode != null and bankCode != ''">        AND BANK_CODE = #{bankCode,jdbcType=VARCHAR}      </if>    </where>    order by CREATE_TIME desc</select>

再按照pageNum和pageSize进行分页处理


//以分页形式输出给前端        List<ChannelRouteGroupResp> resultList = new ArrayList<>();        if(groupRespList.size() >= endRowNo){            for(int i=(beginRowNo-1); i< endRowNo; i++){                resultList.add(groupRespList.get(i));            }        }else{            for(int i=(beginRowNo-1); i< groupRespList.size(); i++){                resultList.add(groupRespList.get(i));            }        }

优点:利用了mybatis缓存机制,分页查询快速,减少数据库访问次数。


缺点:当数据量大的时候,100W+;在没有条件查询数据库的时候,耗时久


前端分页后的界面展示如下:

da0a2e198fb7e846bb26b4a79a9e1bae_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png

相关文章
|
2月前
Mybatis+mysql动态分页查询数据案例——分页工具类(Page.java)
Mybatis+mysql动态分页查询数据案例——分页工具类(Page.java)
28 1
|
5月前
|
SQL Java 数据库连接
mybatis常见分页技术和自定义分页原理实战
mybatis常见分页技术和自定义分页原理实战
|
15天前
|
SQL 前端开发 Java
通过使用Mybatis插件来实现数据的分页功能
通过使用Mybatis插件来实现数据的分页功能
|
2月前
|
SQL Java 数据库连接
Mybatis是如何实现分页功能的
Mybatis是如何实现分页功能的
12 0
|
3月前
|
XML 监控 druid
【Java专题_02】springboot+mybatis+pagehelper分页插件+druid数据源详细教程
【Java专题_02】springboot+mybatis+pagehelper分页插件+druid数据源详细教程
|
3月前
|
SQL Java 数据库连接
MyBatis 的 3 种分页方式
MyBatis 的 3 种分页方式
133 1
MyBatis 的 3 种分页方式
|
3月前
|
SQL Java 关系型数据库
|
4月前
|
SQL Oracle 关系型数据库
mybatis-3.分页
mybatis-3.分页
|
4月前
|
Java 数据库连接 mybatis
Mybatis之分页插件
【1月更文挑战第5天】 一、分页插件使用步骤 1、添加依赖 2、配置分页插件 二、分页插件的使用 1、开启分页功能 2、分页相关数据 方法一:直接输出 方法二使用PageInfo 常用数据:
53 1
|
4月前
|
Java 数据库连接 Maven
MyBatis分页插件
MyBatis分页插件