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

为了实现对存储在云端空气质量数据的管理与实时可视化展示，构建了一个基于Spring Boot的云端数据监控与可视化系统.系统为B/S架构，采用Spring Boot框架搭建后端微服务实例，使系统的配置与监控变得简单.Vue.js框架实现前端页面开发.使用Axios插件封装的Ajax技术来实现数据交互，实现前后端连接与逻辑交互同时，减少服务器开销与响应.本系统通过云端数据库可以查询到11种空气成分信息，包括：PM_1.0、PM_2.5、PM₁₀、CO、CO₂、NO、NO₂、O₃、SO₂、甲醛、TVOC，除此之外还监测包括温度、湿度、风速、坐标，时间等其他相关属性.实现了数据监控下载、报警管理、百度地图可视化多个功能.程序将部署在阿里云端，方便用户远程访问web项目.其中Spring Boot框架与Vue的结合实现了系统的前后端分离，使系统具有良好的稳定性、实时性与高效性.

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

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: PM_1.0, PM_2.5, PM₁₀, CO, CO₂, NO, NO₂, O₃, SO₂, 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.