当前位置：首页 > news >正文

若依分离版主从表开发实战：设备与传感器管理

news 2026/7/3 8:34:17

1. 项目背景与需求解析

在企业管理系统中，设备与传感器的关联管理是一个经典的主从表业务场景。以若依分离版为基础进行二次开发时，如何优雅地实现这类关联关系，是每个开发者都会遇到的实战课题。我最近刚完成一个工业物联网平台的项目，其中就涉及到大量设备与传感器的绑定操作，这里分享下我的实现思路和踩坑经验。

主从表关系本质上是一对多的数据模型，比如一台PLC设备可以挂载多个温度传感器、压力传感器。在前端需要实现：

设备列表展示（主表）
点击设备可查看关联传感器（从表）
支持传感器的新增、编辑、删除操作
表单提交时的数据联动校验

2. 数据库设计要点

2.1 表结构设计

-- 设备表（主表） CREATE TABLE biz_device ( device_id BIGINT PRIMARY KEY, device_name VARCHAR(50) NOT NULL, device_code VARCHAR(30) UNIQUE, device_type VARCHAR(20), status CHAR(1) DEFAULT '0' ); -- 传感器表（从表） CREATE TABLE biz_sensor ( sensor_id BIGINT PRIMARY KEY, device_id BIGINT NOT NULL, sensor_name VARCHAR(50), sensor_type VARCHAR(20), measure_unit VARCHAR(10), FOREIGN KEY (device_id) REFERENCES biz_device(device_id) );

关键点：从表通过device_id关联主表，建立外键约束确保数据完整性

2.2 索引优化建议

为device_code添加唯一索引，避免设备编码重复
在biz_sensor表的device_id字段添加普通索引，加速关联查询
对于高频查询的status字段可考虑添加索引

3. 后端实现关键代码

3.1 MyBatis关联查询

<!-- 设备Mapper.xml --> <resultMap id="DeviceWithSensorsResult" type="Device"> <id property="deviceId" column="device_id"/> <result property="deviceName" column="device_name"/> <collection property="sensorList" ofType="Sensor"> <id property="sensorId" column="sensor_id"/> <result property="sensorName" column="sensor_name"/> </collection> </resultMap> <select id="selectDeviceWithSensors" resultMap="DeviceWithSensorsResult"> SELECT d.*, s.sensor_id, s.sensor_name FROM biz_device d LEFT JOIN biz_sensor s ON d.device_id = s.device_id WHERE d.device_id = #{deviceId} </select>

3.2 事务控制示例

@Transactional public void saveDeviceWithSensors(Device device) { // 1. 保存主表设备信息 deviceMapper.insertDevice(device); // 2. 批量保存从表传感器 if (device.getSensorList() != null) { device.getSensorList().forEach(sensor -> { sensor.setDeviceId(device.getDeviceId()); sensorMapper.insertSensor(sensor); }); } }

注意事项：务必添加@Transactional注解保证数据一致性

4. 前端Vue实现方案

4.1 设备列表页改造

在若依原有的crud.js基础上扩展：

// 在columns配置中添加操作列 { label: '传感器管理', key: 'sensor', width: 120, align: 'center', render: (h, { row }) => { return h('el-button', { props: { type: 'text', size: 'small' }, on: { click: () => this.handleSensor(row.deviceId) } }, '传感器') } }

4.2 传感器弹窗组件

<template> <el-dialog :visible.sync="visible"> <el-table :data="sensorData"> <el-table-column prop="sensorName" label="传感器名称"/> <el-table-column label="操作"> <template #default="{row}"> <el-button @click="handleEdit(row)">编辑</el-button> </template> </el-table-column> </el-table> <div style="margin-top: 20px"> <el-button @click="handleAdd">新增传感器</el-button> </div> </el-dialog> </template>

5. 常见问题与解决方案

5.1 表单联动校验问题

场景：需要确保传感器量程不超过设备允许范围

解决方案：

// 在传感器表单rules中添加自定义校验 rules: { maxRange: [ { validator: (rule, value, callback) => { if (value > this.device.maxRange) { callback(new Error('超过设备量程上限')); } else { callback(); } }} ] }

5.2 批量删除性能优化

当需要删除设备及其关联传感器时：

// 不推荐：循环单条删除 sensorList.forEach(sensor -> sensorMapper.deleteById(sensor.getId())); // 推荐：批量删除 sensorMapper.deleteByDeviceId(deviceId);

6. 扩展功能实现思路

6.1 导入导出增强

设备Excel导入时同步处理传感器数据
使用EasyExcel的监听器模式处理关联数据
导出时可选是否包含关联传感器信息

6.2 数据权限控制

在若依原有的@DataScope注解基础上扩展：

@DataScope(deptAlias = "d", userAlias = "u", sensorAlias = "s") public List<Device> selectDeviceList(Device device) { return mapper.selectDeviceList(device); }

7. 性能优化实践

7.1 N+1查询问题解决

原始方案可能存在的性能问题：

List<Device> devices = deviceMapper.selectList(); devices.forEach(device -> { List<Sensor> sensors = sensorMapper.selectByDeviceId(device.getId()); device.setSensors(sensors); });

优化方案：

使用MyBatis的collection一次查询（见3.1）
或使用@BatchSize注解实现延迟加载

7.2 缓存策略设计

@Cacheable(value = "device", key = "#deviceId") public Device getDeviceWithSensors(Long deviceId) { return deviceMapper.selectDeviceWithSensors(deviceId); } @CacheEvict(value = "device", key = "#deviceId") public void updateDevice(Device device) { deviceMapper.updateById(device); }