摘要：近些年来，随着社会经济的快速发展、城市建筑的不断建造、城市化的不断发展，建筑能源的高消耗问题更加严重。因此，做好建筑能耗的节约能耗、减少排放的工作十分严峻。利用建筑能耗监控系统，能科学并有效地寻找节能减排的措施，减少不必要的能源消耗与浪费。同时监测实时建筑能耗数据，为节能减排工作提供数据基础。

在系统研究建筑能耗监控系统的基础上，介绍了课题的研究背景、研究意义、研究现状及发展现状，并对在研究过程中所用到的相关技术进行了相关介绍；其次，对系统的需求进行分析，并确定了能耗监控系统的设计原则、系统设计方案和构建框架。开发平台选择Visual Studio Code，使用前端开发技术，设计实现一个有效的建筑能耗监控系统平台。对研究设计中所用到的技术进行了简要介绍。最后对系统进行实现与测试。具体展示了建筑能耗监控平台的界面，并对系统进行调试与检测。

关键词：能耗监测；能耗预测；B/S架构；MQTT协议

目录

摘要

ABSTRACT

第一章  绪  论-1

1.1课题研究背景及意义-1

1.2国内外研究现状及发展趋势-2

1.2.1国内研究现状及发展趋势-2

1.2.2 国外研究现状及发展趋势-3

1.3研究内容和目标-3

1.4论文结构安排-4

第二章  建筑能耗监控系统需求分析-6

2.1系统整体解决方案-6

2.2系统功能需求-7

2.3系统架构分析-7

2.3.1 系统设计原则-7

2.3.2 整体架构-8

2.4开发环境需求分析-9

2.4.1 Visual Studio Code-9

2.4.2 前端开发语言-10

2.4.3 B/S架构-11

2.4.4 MQTT协议-12

2.5本章小结-12

第三章  数据采集与数据库设计-13

3.1数据采集系统设计-13

3.1.1 串行接口-13

3.1.2 ODBC-14

3.1.3 OPC接口-15

3.2数据库设计-15

3.3数据库访问语言-17

3.4本章小结-18

第四章 建筑能耗监控系统设计与实现-19

4.1系统界面设计的原则-19

4.2系统界面总体框架图-20

4.3界面设计-21

4.3.1 HTML-21

4.3.2 CSS-21

4.3.3 显示界面设计-23

4.3.4 JavaScript-24

4.4界面展示-24

4.4本章小结-26

第五章 系统测试与调试-27

5.1系统调试-27

5.1.1 调试总体方案-27

5.1.2 连接MQTT服务器-27

5.2具体调试-29

5.2.1 消耗数据调试-29

5.2.2 电表数据调试-30

5.2.3 饼图数据调试-31

5.2.4 折线图数据调试-33

5.3本章小结-35

结束语-36

参考文献-37

致  谢-38