el-table表格列内容筛选时筛选项的获取及数据处理

最新推荐文章于 2024-08-20 09:45:52 发布

syx_cainiao

最新推荐文章于 2024-08-20 09:45:52 发布

阅读量2.6k

点赞数

分类专栏：后台前端

本文链接：https://blog.csdn.net/syx_cainiao/article/details/107542151

版权

在前端日志显示功能中，需要对用户、模块、名称等内容进行筛选操作。最初尝试通过请求全部日志数据获取筛选项，但由于数据量过大导致系统卡死。为解决此问题，后端新增接口专门获取每列筛选项。前端通过传入列值和错误信息参数，获取到筛选项数据并进行格式化处理，最终用于el-table的筛选功能，实现了高效且流畅的筛选体验。

摘要由CSDN通过智能技术生成

最近在做日志内容的前端显示，需要对用户、模块、名称等进行筛选操作
前提：
1、后台接口分页获取数据库中的日志信息，点击分页页码，每次加载10条
2、筛选的前提需要获取每列的筛选项

最开始的思路：
以offset（偏移量）：1: ，page-size（每页显示条目个数）：数据库中日志个数为参数，请求全部的日志数据，再从全部的日志数据中截取需要进行筛选的筛选项列表：
结果：
请求的全部日志信息内容过多，系统直接卡死掉

后来的思路：
重新在后台写一个接口，用来获取每列的筛选项
参数：
column 列值：用来判断是哪一列需要筛选；
errorInfo 错误信息：用来判断是否是报警日志

1、controller层：

//获取日志筛选项的列表
	@RequestMapping(value = "/getLogFiltersList")
	public ResponseEntity<String> getOperationLogFiltersList(Model model, HttpServletRequest request, String token,
			String errorInfo,String column)
			throws Exception {
   
		/**
		 * 1.check
		 */
		if (StringUtil.isEmpty(token)) {
   
			return renderData(false, "参数错误：token不能为空！", null);
		}
		if (super.isTokenInvalid(token)) {
   
			return renderData(false, "token失效，请重新登录！", null);