第五章 WEB数据可视化

第五章 WEB数据可视化

5.1 前端页面设计

 检测网络中各个数据采集节点将环境数据上传到云端服务器，云端服务器将环境数据存入数据库后，为了更直观的了解环境状况，需要将数据以可视化的方式表现出来。本次设计选用WEB的方式将数据通过浏览器渲染出来，无论是电脑端还是手机端都可以通过浏览器访问服务器地址实时监测实际环境的数据。
 Web数据可视化实际上是分为两个部分来实现的，分别是前端页面设计，以及后端数据处理。前端页面采用html+Css3+h5的结构来设计，后端数据处理是http服务器把利用从mysql数据库读取的内容渲染网页模板，将渲染后的网页数据发送给用户移动终端展示。前端页面采用第三方插件，绘制数字仪表、统计图、饼图，使环境数据能够直观的展示给用户。