Java实现表单的自定义字段功能(动态管理不同类型的字段数据)

演示地址

用户单列表（自定义字段测试）

自定义字段的必填项校验在演示环境未添加。后端代码在gitee逻辑已完成

需求描述

在业务项目中有些表数据存的内容不固定，我们可以预留字段。如果后期还要扩展，可能需要增加字段来保存数据，在维护时会很麻烦不易于维护

现在我们可以使用自定义字段，可以由我们在线上管理临时添加的字段并保存在数据内
完成后的功能

在页面可以直接添加字段，配置数据类型。 添加完成后，即可在数据列表中设置自定字段的数据。

优点

1. 无需再处理后台逻辑
2. 线上直接完成
3. 灵活、扩展性强
4. 可同时扩展多个表
5. 支持多种数据类型的字段

表设计

1：自定义字段模板表

type:配置用来扩展不同的数据表（如用户表及角色表都要扩展，便可以用type来区分）
template: 使用json格式的数据存储自定义字段模板（会配置字段的各属性）
具体保存的json解析如下图：由（List< FieldTemplate >转json，可以使用json工具）

保存时可以使用实体类转json，实体类代码如下

@Data
@AllArgsConstructor
@NoArgsConstructor
public class FieldTemplate {
    /**
     * 字段key名
     */
    private String field;

    /**
     * 字段显示名
     */
    private String label;

    /**
     * 是否必填
     */
    private boolean required;

    /**
     * 1：自字符串类型     2：boolean类型     3：日期时间类型    4：int类型 5:单选 6：多选
     */
    private Integer type;

    /**
     * 单选或多选选项
     */
    private List<Map<Object,Object>> map;

    /**
     * 用于接受前端编辑自定义字段设置的值
     */
    private Object value;
}

2:模板数据表

field_data:保存自定义模板中的字段具体值，存储格式为map(key:value)形式的json串

key为：自定义模板中的field, value为设置的值

当用户修改数据时：要保存数据，先修改原表中的数据，其次修改自定义字段中的数据，自定义字段中的数据都存储在模板数据表中。因为obj_id会关联具体数据，查询修改自定义字段，都是对模板数据表操作。

演示地址

用户单列表（自定义字段测试）
自定义字段的必填项校验在演示环境未添加。后端代码在gitee逻辑已完成

演示项目工程地址

前端(Vue)工程gitee(码云)地址

后端(springboot)工程gitee(码云)地址

演示所用代码已上传至码云，提供大家参考。❤️❤️