分頁處理场晶，這是做JavaWeb項目中常見的場景。
背景：
系統(tǒng)架構(gòu)：SpringCloud分布式
持久層：MyBatis
前端：前后分離vue.js/bootstrap等.
后臺提供restful api 接口，前端訪問后端接口展示數(shù)據(jù)令野。
2種方式提供分頁處理方案：
一轻专、直接MyBatis數(shù)據(jù)庫進行分頁
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 = "創(chuàng)建時間起始（示例：2018-09-05）", required = false, dataType = "String", paramType = "query", length = 10),
? ? ? ? ? ? @ApiImplicitParam(name = "endTime", value = "創(chuàng)建時間截止（示例：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接口界面如下：
pageNum 和 pageSize 用于前端分頁的參數(shù)，pageNum：表示頁碼第幾頁卵迂，pageSize：表示每頁展示數(shù)據(jù)數(shù)量裕便。
所有查詢條件參數(shù)，在mapper-xml里進行處理见咒，再利用數(shù)據(jù)庫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 <= #{endRowNo,jdbcType=DECIMAL}
? ? )
? ? where RN >= #{beginRowNo,jdbcType=DECIMAL}
? </select>
優(yōu)點：直觀、方便改览、易排查問題下翎。 缺點：訪問數(shù)據(jù)庫過于頻繁，未利用到mybatis本身的緩存優(yōu)勢恃疯。
二漏设、Java+緩存分頁
這種方法對于前端而言是沒變化，無感的今妄。
只是在后端處理稍作變動郑口，思路：
先把所有數(shù)據(jù)記錄查詢出來
數(shù)據(jù)庫實體再次封裝為查詢實體
純java代碼進行分頁
controller接口不變
service業(yè)務處理——>數(shù)據(jù)庫crud操作變動
把所有數(shù)據(jù)庫記錄查詢處理
<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));
? ? ? ? ? ? }
? ? ? ? }
優(yōu)點：利用了mybatis緩存機制鸳碧，分頁查詢快速，減少數(shù)據(jù)庫訪問次數(shù)犬性。
缺點：當數(shù)據(jù)量大的時候瞻离，100W+；在沒有條件查詢數(shù)據(jù)庫的時候乒裆，耗時久
前端分頁后的界面展示如下：
關(guān)注個人技術(shù)公眾號：nick_coding1024
不定期分享最新前沿技術(shù)框架和bat大廠常用技術(shù)等套利，加群不定期分享行業(yè)內(nèi)大牛直播講課以及獲得內(nèi)退一線互聯(lián)網(wǎng)公司機會。
---------------------CSDN技術(shù)博客
原文：https://blog.csdn.net/xuri24/article/details/83583748
