基于Spring Boot的云端数据监控管理与可视化应用系统  

Cloud Data Monitoring Management and Visual Application System Based on Spring Boot

作　　者：杜英魁[1] 王杨 关屏 彭跃[3] 赵丽娟[3] 刘枢[3] DU Ying-Kui;WANG Yang;GUAN Ping;PENG Yue;ZHAO Li-Juan;LIU Shu(School of Information Engineering,Shenyang University,Shenyang 110014,China;Shenyang Hengyuan Weiye Environmental Inspection Service Co.Ltd.,Shenyang 110003,China;Liaoning Environmental Monitoring Experimental Center,Shenyang 110161,China)

机构地区：[1]沈阳大学信息工程学院,沈阳110014 [2]沈阳恒源伟业环境检测服务有限公司,沈阳110003 [3]辽宁省环境监测实验中心,沈阳110161

出　　处：《计算机系统应用》2020年第5期123-127,共5页Computer Systems & Applications

基　　金：辽宁省重点研发计划指导计划(2018104013);沈阳市双百工程(1901402);沈阳市中青年科技创新项目(RC180338);辽宁省教育厅创新人才支持计划(LR2016074);辽宁省重点研发计划(2019JH2/10300014)。

摘　　要：为了实现对存储在云端空气质量数据的管理与实时可视化展示,构建了一个基于Spring Boot的云端数据监控与可视化系统.系统为B/S架构,采用Spring Boot框架搭建后端微服务实例,使系统的配置与监控变得简单.Vue.js框架实现前端页面开发.使用Axios插件封装的Ajax技术来实现数据交互,实现前后端连接与逻辑交互同时,减少服务器开销与响应.本系统通过云端数据库可以查询到11种空气成分信息,包括:PM1.0、PM2.5、PM10、CO、CO2、NO、NO2、O3、SO2、甲醛、TVOC,除此之外还监测包括温度、湿度、风速、坐标,时间等其他相关属性.实现了数据监控下载、报警管理、百度地图可视化多个功能.程序将部署在阿里云端,方便用户远程访问web项目.其中Spring Boot框架与Vue的结合实现了系统的前后端分离,使系统具有良好的稳定性、实时性与高效性.In order to realize the management and real-time visual display of the stored air quality data in the cloud,a cloud data monitoring and visualization system based on Spring Boot was established.The system was a B/S architecture,the Spring Boot framework was used to build a back-end micro-service instance to make the configuration and monitoring become simple,the Vue.js framework implemented front-end page development.The Axios plug-in was used to implement data interaction.It reduced the server overhead and response while implementing front-end connection and logical interaction.The system could query 11 kinds of air component information through the database,including:PM1.0,PM2.5,PM10,CO,CO2,NO,NO2,O3,SO2,formaldehyde,TVOC,in addition to monitoring temperature,humidity,wind speed,coordinates,time and other related attributes.The system realized multiple functions such as data monitoring download,alarm management,home web front-end visualization,Baidu map visualization,etc.The program was deployed in the Alibaba Cloud,which was convenient for users to access web projects remotely.The combination of Spring Boot framework and Vue realized separation of front and back ends,which made the system to have sound stability,real-time and high efficiency.

关 键 词：Spring Boot框架 Vue 阿里云 百度地图 Axios 

分 类 号：TP311.52[自动化与计算机技术—计算机软件与理论]