本项目是基于 RuoYi-Vue 快速开发框架进行二次开发的物联网管理系统。针对水质监测场景,实现了从设备接入、数据采集到可视化监控的全流程管理。
系统采用前后端分离架构,前端使用 Vue 2 + Element UI,后端使用 Spring Boot + MyBatis-Plus,数据库采用 MySQL 8.0。
-
系统驾驶舱 (Dashboard):
- 实时统计监测站点、网关、传感器数量及报警次数。
- 集成 ECharts 实现 24 小时数据趋势可视化分析。
-
设备全生命周期管理:
- 监测站点管理:管理各行政区域的监测站点。
- 网关设备管理:采用极客运维风格,实时监控网关在线状态。
- 传感器管理:卡片式布局,支持水质、气象、土壤等多类型传感器接入。
-
数据实时监控:
- 模拟设备数据上报。
- 智能阈值报警(数据异常自动标红并提示)。
- 工业级仪表盘风格展示。
-
运维时光轴:
- 创新性使用时间轴(Timeline)展示维护日志,运维历史一目了然。
-
企业级权限控制:
- 基于 RBAC 模型,实现超级管理员与普通数据管理员的数据隔离。
- 前端:Vue.js, Element UI, Axios, ECharts
- 后端:Spring Boot, Spring Security, MyBatis, Redis, Jwt
- 数据库:MySQL 8.0
- 工具:IntelliJ IDEA, Maven, Git
- JDK >= 1.8
- MySQL >= 5.7
- Redis >= 3.0
- Node.js >= 12
- 导入
sql目录下的ry_20xx.sql和quartz.sql到数据库。 - 修改
application-druid.yml中的数据库密码。 - 运行
RuoYiApplication.java。
cd ruoyi-ui
npm install
npm run dev