4网站实现 31

4.1开发环境 31

4.2文件结构 31

4.3HTML结构 32

4.3CSS样式表 33

4.4各功能模块实现 34

4.4.1 登录注册模块 34

4.4.2信息更改模块 37

4.4.3数据展示模块 38

4.5网站营运模式 41

4.5.1运营模式分析 41

4.5.2能源设置多元化 41

4.5.3数据内容完整性 41

5网站测试和维护 42

5.1网站测试 42

5.2网站维护 42

结 论 43

致 谢 44

参考文献 45

0引言

随着现在互联网技术的逐步提升，人们对信息的需要是越来越大了，现代的前端技术已经很成熟，也能够实现人们对这种需求的满足，制作线上的数据可视化网站，加入先进的互联网IT技术，不但可以呈现出人们需要的实时更新的数据，还能够动态反馈，自动解析出数据所反映的背后的深沉含义，为人们在节能减排的道路上提供越来越有意义的帮助。

1基本概念

1.1选题的目的和意义

据国际能源署数据，中国2009年消耗了相等于22亿5000万吨石油当量的能源，比美国的21亿7000万吨还多4%，超越美国，成为全球最大能源消耗国，其中，中国建筑能源消耗占社会总能源消耗的20%，而在2016年，我国城市现有各类已建建筑的总面积已经达到400亿平方米[1]，且正以每年十几亿平方米的新建速度快速增加，建筑行业的能源消耗却已经占到中国全社会消耗的40%，已经翻了一倍。而且，能源短缺和环境恶化问题，随着经济的发展越来越严重，已经成为人类所要面临的最重大生存问题。而在建筑消耗中，主要消耗则是指建筑的运行消耗，即指民用建筑（包括住宅建筑和非住宅类型的公共建筑）在使用过程中对能源的消耗，其中主要包含的就是水电气等的消耗，在这些消耗中，空调耗能占有2/3左右，我国空调能耗占总能耗的22%左右[2]。

据英国皇家建筑师学会称，人们平均每天有20个小时是在商业楼宇或住宅内度过的。鉴于全球人口总数的不断增长，并将超越当前的75亿人，我们生活和工作的楼宇数量也会相应的增长。此外，随着地价升高，人口也会越来越密集。尽管不同机构对于全球楼宇数量汇总的统计有所不同，但粗略估计全球至少有十亿座楼宇。不管我们如何解读这些数据，楼宇，特别是我们在其中工作的楼宇，是我们生活中至关重要的组成部分。

智能楼宇，是随着人类对建筑内外信息交换、安全性、舒适性和节能性的要求产生的。核心是5A系统，通过通信网络将此5个系统进行有机的综合，集结构、系统、服务、管理和它们之间的最优化组合使建筑具有了安全、便利、高效、节能的特点。智能楼宇及节能行业强调用户体验，具有内生发展动力[3]。所以，想要有效的降低能源消耗，就必须采取必要的措施——监控建筑物的能源的消耗情况，对建筑物或建筑群内的照明、电梯、空调和供热供水等能源使用状况实行集中监视、管理、在线监测和动态分析，虽然目前国内用户对能源监控的需求逐渐变大，节能意识也大大的增强，但其实也存在很多问题，比如数据采集不到位，数据准确性和接收时间的延迟大小无法保证，数据分析不透彻，故本文将介绍基于蜂窝网络或Wi-Fi覆盖整个楼宇场所为基础，借助web端网站建设，生成实时、动态、科学、准确的能源监测数据库、能耗数据可视化和统计分析结果，依据政策法规标准，为节能改造提供科学依据，加快技术进步、强化监督管理，利用可再生能源，加强建筑用能的管理，在提高建筑物使用功能和舒适度的同时降低能源消耗，开创建筑节能新局面[4]。 React+Router+webpack楼宇能源监控Web端设计与实现(2):http://www.youerw.com/jisuanji/lunwen_203621.html