设备管理系统构建列表页面动态通用框架

设备管理系统构建

动态列表页面通用框架

目录

一、构建背景

二、构建原理

三、代码实现

3.1 后端加载解析配置

3.2 前端根据pageBean动态渲染页面各区域

3.3 根据pageBean动态处理查询、重置过滤逻辑

3.4 根据pageBean动态处理按钮操作逻辑

配置描述

附件

一、构建背景

备件管理系统中各个业务的列表页面代码逻辑基本一致，每次新做一个业务都需要新增一个列表页面，导致大量重复代码和逻辑。基于此背景，构建一个动态列表页面通用框架，只需开发一个动态的的列表页面，就可以给个业务进行复用，避免重复造轮。

二、构建原理

列表页面主要包含三个区域：过滤查询区域、按钮操作区域、表格数据区域，构建主要思路是根据业务配置(业务配置的用法描述参见第四章节)对这三个区域进行动态渲染。原理流程图如下：

三、代码实现