项目背景:该项目为在新疆建设的隧道,并且在里面安装了大量的硬件设备用于采集日常的一些空气质量,空气湿度门禁卡,噪音监测等,但是他们原本的项目比较老旧,所以找到了我们公司帮助他们做一下网站的升级。
我们公司在接到这个项目之后首先对这个项目进行了一些分析,包括确定了他们以前的那些表关系,发现了他们暂时有8个隧道,我们需要做的就是把这8个隧道里面采集的各种数据拿到并且存放到数据库里面,然后展示给前端,方便用户观看以及实现增删改查的操作(他还有一个大屏幕需要我们把硬件采集到的数据每隔10秒钟在屏幕做一次刷新),包括还有一些用户权限,不同用户登录进来能看到不同的模块,还有一些员工信息的采集与操作,我们根据业务需求,最终定下了5个大模块(隧道入口,系统管理,系统监控,系统工具,基础数据管理)与后台前端的实现方案
后台的实现方案为:后台管理系统采用springboot + SqlServer/mysql数据库实现。并且提供统一的大屏数据接口,各个大屏的数据,根据具体的传参,调用不同的数据接口;不同隧道下,除大屏数据外其他的数据列表,实现基础的CRUD功能;我们还考虑到经常访问的数据,为了减轻数据库的压力,我们使用了redis充当缓存层,并且每日凌晨12点定时向云服务器和本地数据库做上传操作 。
前端的实现方案为:使用vue + element-ui进行web端的开发;根据目前的几个隧道,大致可分为引水隧道入口,引水隧道出口、发电洞等8个不同模块展示;每个模块又分为驾驶舱、人员考勤统计、湿度监测、气体检测等模块;大屏数据的展示,为每隔10秒钟定时调用后台接口,并且进行数据的局部渲染处理;