1. 项目背景与需求分析在烟草制造行业中车间设备的清洁维护是保证产品质量和生产效率的关键环节。传统烟厂设备清洗管理普遍存在以下痛点纸质记录易丢失、难追溯清洗周期依赖人工记忆易出现遗漏设备状态无法实时监控历史数据统计分析困难我们开发的这套系统正是为了解决这些问题。通过SpringBootVue.js技术栈实现了设备档案电子化管理自动化的清洗计划提醒移动端扫码报工多维度的数据报表分析提示系统设计时特别考虑了烟草行业的特殊性如防爆区域设备管理、GMP规范要求等。2. 技术架构设计2.1 整体技术选型采用前后端分离架构后端SpringBoot 2.7 MyBatis-Plus Redis前端Vue.js 2.6 Element UI数据库MySQL 8.0消息队列RabbitMQ用于异步处理清洗任务通知选择这套技术栈主要基于SpringBoot的快速开发特性适合工业场景迭代Vue.js的响应式特性完美匹配设备状态实时展示需求MyBatis-Plus的ActiveRecord模式简化数据操作2.2 核心架构图[用户端] ←HTTP→ [Nginx] ←→ [SpringBoot] ←→ [Vue.js] [设备端] ←MQTT→ [EMQX] → [RabbitMQ] → [SpringBoot]3. 关键功能实现3.1 设备档案管理采用树形结构组织设备关系Entity public class Equipment { Id private String id; private String name; ManyToOne private Equipment parent; Enumerated(EnumType.STRING) private CleanLevel cleanLevel; // 清洗等级枚举 }前端使用Element UI的Tree组件展示el-tree :dataequipments :propstreeProps node-clickhandleNodeClick template #default{ node } span :class[custom-node, getStatusClass(node)] {{ node.label }} /span /template /el-tree3.2 智能排程算法基于设备使用频率和物料残留程度计算清洗优先级public class CleanScheduler { public ListCleanTask generateTasks(ListEquipment equipments) { return equipments.stream() .map(e - new CleanTask(e, calculatePriority(e))) .sorted(comparing(CleanTask::getPriority).reversed()) .collect(Collectors.toList()); } private double calculatePriority(Equipment e) { return e.getUsageCount() * 0.6 e.getResidueLevel() * 0.4; } }3.3 移动端扫码报工采用ZXing库实现二维码解析// Vue组件中 methods: { scanCode() { this.$zxing.decodeFromVideoDevice(null, video, (result) { this.submitCleanRecord(result.text); }); } }4. 特色功能实现4.1 可视化监控大屏使用ECharts实现设备状态实时监控// 初始化仪表盘 initDashboard() { this.chart echarts.init(this.$refs.chart); this.chart.setOption({ series: [{ type: gauge, data: [{ value: this.cleanProgress, name: 清洗进度 }] }] }); }4.2 智能预警系统基于历史数据建立预测模型# 使用Python训练后导出模型 import joblib from sklearn.ensemble import RandomForestRegressor model RandomForestRegressor() model.fit(X_train, y_train) joblib.dump(model, clean_predict.model)Java端通过Jython调用PythonInterpreter interpreter new PythonInterpreter(); interpreter.execfile(predict.py); PyObject result interpreter.eval(predict_next_clean_date(equipmentId));5. 系统部署方案5.1 容器化部署Docker-compose配置示例version: 3 services: app: image: openjdk:11-jre ports: - 8080:8080 volumes: - ./app.jar:/app.jar command: java -jar /app.jar mysql: image: mysql:8.0 environment: MYSQL_ROOT_PASSWORD: 1234565.2 性能优化实践接口缓存策略Cacheable(value equipments, key #workshopId) public ListEquipment getByWorkshop(String workshopId) { return equipmentMapper.selectByWorkshop(workshopId); }前端懒加载优化template div v-infinite-scrollloadMore :infinite-scroll-disabledbusy !-- 设备列表 -- /div /template6. 项目总结与展望在实际部署过程中我们发现几个关键改进点设备二维码需要采用耐高温、防腐蚀的特殊材料移动端在车间网络不稳定时需要增加离线模式清洗记录需要增加照片上传功能以便追溯下一步计划集成AI图像识别技术自动判断设备清洁程度。同时正在测试将系统扩展到其他类型的生产设备管理场景。 
长河君 · 2026/9/12 10:39:32 · 阅读 1.2k SpringBoot+Vue.js实现烟草设备智能清洗管理系统
1. 项目背景与需求分析在烟草制造行业中车间设备的清洁维护是保证产品质量和生产效率的关键环节。传统烟厂设备清洗管理普遍存在以下痛点纸质记录易丢失、难追溯清洗周期依赖人工记忆易出现遗漏设备状态无法实时监控历史数据统计分析困难我们开发的这套系统正是为了解决这些问题。通过SpringBootVue.js技术栈实现了设备档案电子化管理自动化的清洗计划提醒移动端扫码报工多维度的数据报表分析提示系统设计时特别考虑了烟草行业的特殊性如防爆区域设备管理、GMP规范要求等。2. 技术架构设计2.1 整体技术选型采用前后端分离架构后端SpringBoot 2.7 MyBatis-Plus Redis前端Vue.js 2.6 Element UI数据库MySQL 8.0消息队列RabbitMQ用于异步处理清洗任务通知选择这套技术栈主要基于SpringBoot的快速开发特性适合工业场景迭代Vue.js的响应式特性完美匹配设备状态实时展示需求MyBatis-Plus的ActiveRecord模式简化数据操作2.2 核心架构图[用户端] ←HTTP→ [Nginx] ←→ [SpringBoot] ←→ [Vue.js] [设备端] ←MQTT→ [EMQX] → [RabbitMQ] → [SpringBoot]3. 关键功能实现3.1 设备档案管理采用树形结构组织设备关系Entity public class Equipment { Id private String id; private String name; ManyToOne private Equipment parent; Enumerated(EnumType.STRING) private CleanLevel cleanLevel; // 清洗等级枚举 }前端使用Element UI的Tree组件展示el-tree :dataequipments :propstreeProps node-clickhandleNodeClick template #default{ node } span :class[custom-node, getStatusClass(node)] {{ node.label }} /span /template /el-tree3.2 智能排程算法基于设备使用频率和物料残留程度计算清洗优先级public class CleanScheduler { public ListCleanTask generateTasks(ListEquipment equipments) { return equipments.stream() .map(e - new CleanTask(e, calculatePriority(e))) .sorted(comparing(CleanTask::getPriority).reversed()) .collect(Collectors.toList()); } private double calculatePriority(Equipment e) { return e.getUsageCount() * 0.6 e.getResidueLevel() * 0.4; } }3.3 移动端扫码报工采用ZXing库实现二维码解析// Vue组件中 methods: { scanCode() { this.$zxing.decodeFromVideoDevice(null, video, (result) { this.submitCleanRecord(result.text); }); } }4. 特色功能实现4.1 可视化监控大屏使用ECharts实现设备状态实时监控// 初始化仪表盘 initDashboard() { this.chart echarts.init(this.$refs.chart); this.chart.setOption({ series: [{ type: gauge, data: [{ value: this.cleanProgress, name: 清洗进度 }] }] }); }4.2 智能预警系统基于历史数据建立预测模型# 使用Python训练后导出模型 import joblib from sklearn.ensemble import RandomForestRegressor model RandomForestRegressor() model.fit(X_train, y_train) joblib.dump(model, clean_predict.model)Java端通过Jython调用PythonInterpreter interpreter new PythonInterpreter(); interpreter.execfile(predict.py); PyObject result interpreter.eval(predict_next_clean_date(equipmentId));5. 系统部署方案5.1 容器化部署Docker-compose配置示例version: 3 services: app: image: openjdk:11-jre ports: - 8080:8080 volumes: - ./app.jar:/app.jar command: java -jar /app.jar mysql: image: mysql:8.0 environment: MYSQL_ROOT_PASSWORD: 1234565.2 性能优化实践接口缓存策略Cacheable(value equipments, key #workshopId) public ListEquipment getByWorkshop(String workshopId) { return equipmentMapper.selectByWorkshop(workshopId); }前端懒加载优化template div v-infinite-scrollloadMore :infinite-scroll-disabledbusy !-- 设备列表 -- /div /template6. 项目总结与展望在实际部署过程中我们发现几个关键改进点设备二维码需要采用耐高温、防腐蚀的特殊材料移动端在车间网络不稳定时需要增加离线模式清洗记录需要增加照片上传功能以便追溯下一步计划集成AI图像识别技术自动判断设备清洁程度。同时正在测试将系统扩展到其他类型的生产设备管理场景。