摘要：智能楼宇，是随着人类对建筑内外信息交换、安全性、舒适性和节能性的要求产生的。想要有效的降低能源消耗，就必须采取必要的措施——监控建筑物的能源的消耗情况，对建筑物或建筑群内的照明、电梯、空调和供热供水等能源使用状况实行集中监视、管理、在线监测和动态分析。

该网站是一个在web上运行，具备对日常楼宇能源消耗数据进行可视化展示功能，网站是在macOSSierra的操作系统下建立的，使用的是React+Router+webpack技术栈，并搭配ECharts和AntDesign搭建UI。网站面向社会广大群众，人们可以通过网站注册成为用户，借以有效的采集器，收集楼宇内的各种能源消耗，并通过网站可视化呈现出来，帮助用户在日常消耗能源和发现能源消耗问题时提供数据，辅助用户更加有效的对楼宇能源的节约使用，最终为地球的环保贡献自己的力量。

关键词：智能楼宇；节能减排；可视化；React；Web

Design and Implementation of Web End for Building Energy Monitoring

Abstract：Intelligent buildings, with the human inside and outside the building information exchange, security, comfort and energy requirements arising from. If you want to effectively reduce energy consumption, you must take the necessary measures to monitor the energy consumption of buildings, buildings or buildings within the lighting, elevators, air conditioning and heating water supply and other energy use to monitor the situation, Management, online monitoring and dynamic analysis.

This is a data site that runs on the web to visualize the energy consumption of daily buildings. The site is built under macOS Sierra's operating system , using the React + Router + webpack technology stack, and with ECharts and Ant Design build UI. Web site facing the social masses, people can register as a user through the website. Rely on an effective collector to collect all kinds of energy consumption in buildings, and visualize through the website, to help users in the daily consumption of energy and the discovery of energy consumption problems to provide data to help users more effective use of building energy savings. And ultimately contribute to the Earth's environmental protection of their own strength.

Keyword: Intelligent Building; Energy Conservation; Visualization; React; Web

目录

0引言 5

1基本概念 6

1.1选题的目的和意义 6

1.2国内外研究综述 7

1.3研究内容、预计创新和难点 8

1.4研究思路和研究方法 9

2网站分析 10

2.1需求分析 10

2.2可行性分析 10

2.3业务流程分析 10

2.4数据流程分析 11

3网站设计 13

3.1功能模块设计 13

3.2数据格式设计 14

3.3网站样式设计 19

3.3.1网站主页设计 19

3.3.2登录注册界面设计 20

3.3.3数据展示界面设计 21

3.3.4个人中心界面设计 24

3.4交互设计 26

3.5开发语言和框架 29