后端分页逻辑

项目之前分页是在前端写的,现在因为数据量比较大,需要把分页逻辑放到后端写,重新温习了下分页,并且做下记录,里面是我自己的一些业务逻辑,需要的话换成自己的逻辑就OK了。

 

1.工具类ResultData

package com.zknw.util;

import com.zknw.constant.Code;

public class ResultData<T> {
	
	private String code;
	private String message;
	private T data;
	private Integer count;

	public Integer getCount() {
		return count;
	}

	public void setCount(Integer count) {
		this.count = count;
	}

	public String getCode() {
		return code;
	}
	public void setCode(String code) {
		this.code = code;
	}
	public String getMessage() {
		return message;
	}
	public void setMessage(String message) {
		this.message = message;
	}
	public T getData() {
		return data;
	}
	public void setData(T data) {
		this.data = data;
	}
	public ResultData() {
		super();
		// TODO Auto-generated constructor stub
	}
	public ResultData(T data) {
		super();
		this.code = Code.SUCCESS;
		this.message ="成功";
		this.data = data;
	}
	
	public ResultData(String code, String message, T data) {
		super();
		this.code = code;
		this.message = message;
		this.data = data;

	}

	public ResultData(String code, String message, Integer count) {
		super();
		this.code = code;
		this.message = message;
		this.count = count;
	}

	public ResultData(String code, String message, T data, Integer count) {
		super();
		this.code = code;
		this.message = message;
		this.data = data;
		this.count = count;
	}

	public void setUp(String code, String message, T data){
		this.code = code;
		this.message = message;
		this.data = data;
	} 
}

2.分页工具类RHWarnVO,继承的实体类我就不贴了

package com.zknw.basicmanage.model;

import java.io.Serializable;

public class RHWarnVO extends ReportHisWarnVO implements Serializable {

    /**
     * turbineIds
     */
    private Integer[] deviceIds;

    /**
     * tagIds
     */
    private Integer[] tagIds;

    /**
     *当前页
     */
    private Integer pageNumber;

    /**
     *每页多少
     */
    private Integer quantity;

    /**
     *总条数
     */
    private Integer count;

    /**
     *起始索引
     */
    private Integer start;

    /**
     * 排序字段
     */
    private String sortField;

    /**
     * 排序数值,1正序,-1倒序
     */
    private Integer sortOrder;

    /**
     * 模糊查询条件
     */
    private String divWarnName;

    public Integer getPageNumber() {
        return pageNumber;
    }

    public void setPageNumber(Integer pageNumber) {
        this.pageNumber = pageNumber;
    }

    public Integer getQuantity() {
        return quantity;
    }

    public void setQuantity(Integer quantity) {
        this.quantity = quantity;
    }

    public Integer getCount() {
        return count;
    }

    public void setCount(Integer count) {
        this.count = count;
    }

    public Integer getStart() {
        return start;
    }

    public void setStart(Integer start) {
        this.start = start;
    }

    public String getSortField() {
        return sortField;
    }

    public void setSortField(String sortField) {
        this.sortField = sortField;
    }

    public Integer getSortOrder() {
        return sortOrder;
    }

    public void setSortOrder(Integer sortOrder) {
        this.sortOrder = sortOrder;
    }

    public String getDivWarnName() {
        return divWarnName;
    }

    public void setDivWarnName(String divWarnName) {
        this.divWarnName = divWarnName;
    }

    public Integer[] getDeviceIds() {
        return deviceIds;
    }

    public void setDeviceIds(Integer[] deviceIds) {
        this.deviceIds = deviceIds;
    }

    public Integer[] getTagIds() {
        return tagIds;
    }

    public void setTagIds(Integer[] tagIds) {
        this.tagIds = tagIds;
    }
}

3.controller接口

package com.zknw.basicmanage.controller;


import com.zknw.basicmanage.api.ReportHisWarnService;
import com.zknw.basicmanage.model.RHWarnVO;
import com.zknw.basicmanage.model.ReportHisWarn;
import com.zknw.basicmanage.model.ReportHisWarnVO;
import com.zknw.constant.Code;
import com.zknw.sysmanage.controller.BaseController;
import com.zknw.util.ResultData;
import org.apache.log4j.Logger;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.util.ArrayList;
import java.util.List;

/**
 * 历史预警
 */
@RestController
@RequestMapping(value = "${versionPath}/reportHisWarns",produces="text/plain; charset=UTF-8")
public class ReportHisWarnController extends BaseController {

    @Autowired
    private ReportHisWarnService reportHisWarnService;

    private static final Logger logger = Logger.getLogger(ReportHisWarnController.class);

    /**
     * 查询历史预警
     */
    @RequestMapping(value="/getReportHisWarnVOByIds",method=RequestMethod.POST)
    public void getReportHisWarnVOByIds(HttpServletRequest request,HttpServletResponse response, @RequestBody RHWarnVO rhWarnVO){
        try{
            retBases(request,response,new ResultData(Code.SUCCESS, "查询成功", reportHisWarnService.getReportHisWarnVOByIds(rhWarnVO), reportHisWarnService.countrte(rhWarnVO)));
        }catch(Exception e){
            logger.error("历史预警的控制层",new Throwable(e.getMessage()));
            retBases(request,response,new ResultData(Code.ERROR, "查询失败", e.getMessage()));
        }
    }
}

4.service接口就不贴了,直接上实现类

package com.zknw.basicmanage.impl;

import com.zknw.basicmanage.api.ReportHisWarnService;
import com.zknw.basicmanage.dao.ReportHisWarnDao;
import com.zknw.basicmanage.model.RHWarnVO;
import com.zknw.basicmanage.model.ReportHisWarn;
import com.zknw.basicmanage.model.ReportHisWarnVO;
import org.apache.log4j.Logger;
import org.springframework.stereotype.Service;

import javax.annotation.Resource;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

/**
 * 报表预警服务
 */
@Service("reportHisWarnService")
public class ReportHisWarnServiceImpl implements ReportHisWarnService {

    @Resource
    private ReportHisWarnDao reportHisWarnDao;
    private static final Logger logger = Logger.getLogger(ReportHisWarnServiceImpl.class);

    /**
     *查询历史预警
     * @return
     */
    @Override
    public List<ReportHisWarnVO> getReportHisWarnVOByIds(RHWarnVO rhWarnVO) throws Exception{
        try{
            Map<String,Object> map=new HashMap<String,Object>();
            map.put("startTime", rhWarnVO.getStartTime());
            map.put("endTime", rhWarnVO.getEndTime());
            map.put("deviceIds", rhWarnVO.getDeviceIds());
            map.put("tagIds", rhWarnVO.getTagIds());
            map.put("pageNumber",rhWarnVO.getPageNumber());
            map.put("quantity",rhWarnVO.getQuantity());
            map.put("divWarnName",rhWarnVO.getDivWarnName());
            map.put("sortField",rhWarnVO.getSortField());
            if (rhWarnVO.getSortOrder() != null && rhWarnVO.getSortOrder() == 1){
                map.put("sortOrder","asc");
            }else if (rhWarnVO.getSortOrder() != null && rhWarnVO.getSortOrder() == -1){
                map.put("sortOrder","desc");
            }else {
                map.put("sortOrder","asc");
            }
            return reportHisWarnDao.getReportHisWarnVOByIds(map);
        }catch (Exception e){
            logger.info("报表预警服务",new Throwable(e.getMessage()));
            throw e;
        }
    }

    @Override
    public Integer countrte(RHWarnVO rhWarnVO) {
        try{
            return reportHisWarnDao.countrte(rhWarnVO);
        }catch (Exception e){
            logger.info("报表预警服务",new Throwable(e.getMessage()));
            return null;
        }
    }
}

5.mapper文件,dao层的接口就不贴了

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
<mapper namespace="com.zknw.basicmanage.dao.ReportHisWarnDao" >
  <resultMap id="BaseResultMap" type="com.zknw.basicmanage.model.ReportHisWarn" >
    <id column="earlywarningid" property="earlyWarningId" jdbcType="BIGINT" />
    <result column="deviceid" property="deviceId" jdbcType="BIGINT" />
    <result column="tagid" property="tagId" jdbcType="BIGINT" />
    <result column="stateid" property="stateId" jdbcType="BIGINT" />
    <result column="starttime" property="startTime" jdbcType="DATE" />
    <result column="endtime" property="endTime" jdbcType="DATE" />
    <result column="statename" property="stateName" jdbcType="VARCHAR" />
    <result column="maxval" property="maxVal" jdbcType="DECIMAL" />
    <result column="minval" property="minVal" jdbcType="DECIMAL" />
  </resultMap>

  <select id="getReportHisWarnVOByIds" resultType="com.zknw.basicmanage.model.ReportHisWarnVO" parameterType="java.util.Map">
    SELECT skip #{pageNumber} FIRST #{quantity}
    rte.earlywarningid,
    rte.deviceid,
    rte.tagid,
    rte.stateid,
    rte.starttime,
    rte.endtime,
    rte.statename,
    rte.maxval,
    rte.minval,
    bd.devicename turbinename,bta.tagname,bf.farmname,bms.statecolor from r_turbine_earlywarning rte
    LEFT JOIN basic_device bd ON bd.deviceid = rte.deviceid
    LEFT JOIN basic_tag bta ON bta.tagid =rte.tagid
    LEFT JOIN basic_farm  bf ON bf.farmid = bd.farmid
    LEFT JOIN basic_matrix_state bms ON bms.stateid = rte.stateid
    where 1=1
    <if test="deviceIds != null">
      rte.deviceid IN
      <foreach item="item" index="index" collection="deviceIds" open="(" separator="," close=")">
        #{item}
      </foreach>
    </if>
    <if test="startTime != null and startTime != ''">
      AND rte.starttime <![CDATA[>=]]> #{startTime}
    </if>
    <if test="endTime != null and endTime != ''">
      AND rte.endtime <![CDATA[<=]]> #{endTime}
    </if>
    <if test="divWarnName != null and divWarnName != ''">
      AND concat(concat(bf.farmname,bd.devicename),bta.tagname) like '%${divWarnName}%'
    </if>
    <if test="sortField != null and sortField != ''">
      ORDER BY ${sortField} ${sortOrder}
    </if>
  </select>

  <select id="countrte" resultType="java.lang.Integer" parameterType="com.zknw.basicmanage.model.RHWarnVO">
    SELECT count(*) from r_turbine_earlywarning rte
    LEFT JOIN basic_device bd ON bd.deviceid = rte.deviceid
    LEFT JOIN basic_tag bta ON bta.tagid =rte.tagid
    LEFT JOIN basic_farm  bf ON bf.farmid = bd.farmid
    LEFT JOIN basic_matrix_state bms ON bms.stateid = rte.stateid
    where 1=1
    <if test="deviceIds != null">
      rte.deviceid IN
      <foreach item="item" index="index" collection="deviceIds" open="(" separator="," close=")">
        #{item}
      </foreach>
    </if>
    <if test="startTime != null and startTime != ''">
      AND rte.starttime <![CDATA[>=]]> #{startTime}
    </if>
    <if test="endTime != null and endTime != ''">
      AND rte.endtime <![CDATA[<=]]> #{endTime}
    </if>
    <if test="divWarnName != null and divWarnName != ''">
      AND concat(concat(bf.farmname,bd.devicename),bta.tagname) like '%${divWarnName}%'
    </if>
  </select>

</mapper>

 

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: Element UI 是一套基于 Vue.js 的组件库,其中包含了丰富的 UI 组件,比如 Table 表格组件。在使用 Element UI 的 Table 组件进行后端分页时,需要进行以下步骤: 1. 后端准备:首先,后端需要提供一个接口来获取分页数据。这个接口应该包含获取当前页数据的逻辑,同时还需要分页参数进行处理,比如每页数量、当前页码等。 2. 前端配置:在前端代码中,需要对 Table 组件进行配置。首先,需要设置表格的数据源为后端接口,可以使用 `:data` 属性来设置,例如 `:data="tableData"`。`tableData` 是一个变量,用来存储后端返回的数据。接着,还需要设置表格的分页属性,使用 `:pager` 属性来配置,例如 `:pager="true"`。设置为 `true` 表示启用分页功能。 3. 分页参数传递:在请求后端数据时,需要分页相关的参数传递给后端接口。例如,可以使用 `@load="handleLoad"` 事件来触发加载数据的方法,并在该方法中将分页参数传递给后端接口。 4. 后端返回数据:后端接口收到请求后,根据传递的分页参数进行相应的处理,然后返回包含当前页数据的结果。 5. 数据渲染:前端在接收到后端返回的数据后,可以将数据显示在 Table 组件中。可以通过 `v-for` 指令来循环遍历数据,然后在相应的列上使用插值表达式将数据渲染出来。 通过以上步骤,就可以实现 Element UI Table 的后端分页功能。前端通过配置表格的数据源和分页属性,然后将分页参数传递给后端接口,后端接口根据分页参数处理数据并返回给前端,最后前端将数据渲染显示在 Table 组件中。 ### 回答2: Element UI是一款基于Vue.js的UI组件库,其中包含了很多常用的UI组件,如Table(表格)。Element UI Table组件的后端分页是指在数据量较大时,通过与后端进行交互,在前端只展示部分数据,而不是一次性加载所有数据。 要实现Element UI Table的后端分页需要先获取到后端返回的总数据量,然后根据每页展示的数据量和当前页码向后端发送请求,获取当前页的数据。具体的步骤如下: 1. 在后端实现数据接口:后端应提供一个接口用于获取表格数据。该接口需接收参数:每页展示的数据量、当前页码,并根据这些参数返回对应的数据。 2. 在前端配置Table组件:在前端代码中,配置Table组件,并指定相应的属性,如数据源(data)、每页展示的数据量(page-size)、总数据量(total),以及当前页码(current-page)等。 3. 设置分页:在前端代码中,配置分页组件(Pagination),并指定相应的属性,如总数据量(total)、每页展示的数据量(page-size),以及当前页码(current-page)等。 4. 定义获取数据的方法:在前端代码中,定义一个方法用于向后端发送请求并获取数据。该方法应接收当前页码作为参数,并通过Axios等工具发送请求,传递相应的参数和请求头信息。 5. 分页操作:当用户切换页码时,调用获取数据的方法,并将当前页码作为参数传入,从后端获取数据并更新表格展示的数据。 通过以上步骤,就可以实现Element UI Table的后端分页功能。每次用户切换页码时,都会向后端请求数据,只展示当前页的数据,从而降低了前端的内存和渲染开销。同时,也能提高用户体验,保证了页面的加载速度和性能。 ### 回答3: Element-UI是一个基于Vue.js的组件库,它提供了一系列的UI组件,其中包括了Table组件。 Element-UI的Table组件可以支持前端分页后端分页两种方式。对于后端分页,我们需要后端进行相应的处理来返回分页数据。 首先,在前端,我们需要使用Table组件的`data`属性来绑定后端返回的数据列表,并使用`total`属性来绑定后端返回的数据总量。 然后,在后端,我们需要根据前端传递过来的分页参数(如页码、每页条数等)来查询相应的数据,并计算出总量。然后将查询到的数据列表和总量返回给前端。 具体的后端分页实现方式会根据不同的后端技术而有所不同。 例如,对于Java后端,我们可以使用Spring Boot框架来实现后端分页。首先,在后端定义一个Controller,接收前端传递的分页参数,并调用Service层的方法进行数据查询和计算总量。然后将查询到的数据列表和总量封装成一个分页对象,并返回给前端。 ```java @RestController @RequestMapping("/api/table") public class TableController { @Autowired private TableService tableService; @GetMapping("/list") public ResultData<TableData> getList(@RequestParam("pageNumber") int pageNumber, @RequestParam("pageSize") int pageSize) { List<TableItem> dataList = tableService.getDataList(pageNumber, pageSize); int total = tableService.getTotal(); TableData tableData = new TableData(dataList, total); return new ResultData<>(tableData); } } ``` 在Service层,我们可以使用MyBatis等持久层框架进行数据查询,并在查询语句中加入分页逻辑。 ```java @Service public class TableServiceImpl implements TableService { @Autowired private TableMapper tableMapper; @Override public List<TableItem> getDataList(int pageNumber, int pageSize) { PageHelper.startPage(pageNumber, pageSize); return tableMapper.selectDataList(); } @Override public int getTotal() { return tableMapper.selectTotal(); } } ``` 对于其他后端技术,可以根据相应的框架和数据库操作工具来实现后端分页逻辑。 总之,Element-UI的Table组件支持后端分页,我们需要在前端将分页参数传递给后端,并在后端根据这些参数进行数据查询和计算总量,然后将查询到的数据列表和总量返回给前端。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值