ruoyi-vue-pro 存储多选字段

在实际开发中，在表字段中存储多个值，大多都是以,分隔来存储的。
现在介绍另外一种，存储形式为 [1,2,3]。

本文适用于 VUE3。

零、增加表字段
如，使用的字段是，device varchar(255) 默认值设置为[]。

一、前端调整
1、前端 api 调整
在 api 目录，在 VO 中，增加

device: number[] // 业务所在装置

如，在 /api/system/projectvisiarep/index.vue 文件 EmployeesRepVO 中增加。

2、表单定义

在 const formData 和 const resetForm 中，增加

device: []

二、后端调整
1、VO 增加属性

如：ProjectVisiaRepPageReqVO、ProjectVisiaRepRespVO、ProjectVisiaRepSaveReqVO 中增加：

@Schema(description = "业务所在装置")
private Set<Long> device;

2、修改 DO 文件

@TableName("contractor_project_visia_rep")

改为：

@TableName(value = "contractor_project_visia_rep", autoResultMap = true)

增加引入和属性：

import cn.iocoder.yudao.framework.mybatis.core.type.JsonLongSetTypeHandler;

    /**
     * 业务所在装置
     */
    @TableField(typeHandler = JsonLongSetTypeHandler.class)
    private Set<Long> device;

相关文章：