摘要：随着互联网技术的继续发展和工业控制系统要求的不断提高，工业生产领域对组态软件的性能要求也向着更高层次和更广范围发展，同时，组态软件主要用于监测数据和控制现场设备，在普遍程度上能够满足使用者的要求和条件，并简化使用者的操作，近年来发展迅速。

本课题是基于HTML5、CSS、JavaScript等前端技术并联合Node.js的后端服务器，针对组态软件，运用当前发展迅速的互联网无线通信技术，提出一种网络组态方式，该方式的通信协议采用的是MQTT通信协议，并应用MongoDB非关系型数据库来完成数据的存储，需要使用浏览器，对网页进行操作，实现网络组态监控页面的搭建，能够将工业现场的设备状况实时的反馈到网页上，从而做到在任何时间、任何地点都能够完成对工业生产状况的监测。

关键词：组态软件；网络组态；Node.js；MQTT通信协议

目 录

摘 要

ABSTRACT

第一章  绪  论-1

1.1本课题研究背景-1

1.2国内外研究现状-1

1.3现存问题与发展趋势-3

1.3.1 现存问题-3

1.3.2 发展趋势-3

1.4本课题研究意义-4

1.5本文主要内容及章节安排-5

第二章  总体方案设计-6

2.1 总体框架设计-6

2.2方案选择-7

第三章  网络组态系统前端设计-9

3.1 前端技术简介-9

3.1.1 WebStorm编辑器-9

3.1.2 HTML5-9

3.1.3 CSS-10

3.1.4 JavaScript-11

3.2 界面设计-11

3.2.1 登录界面设计-11

3.2.2 组态界面设计-12

3.2.3 数据显示界面设计-19

第四章  网络组态系统后端设计-20

4.1 后端技术简介-20

4.1.1 Node.js编程语言-20

4.1.2 MongoDB数据库-20

4.1.3 MQTT通信协议-20

4.2 服务器设计-22

4.2.1 创建服务器-22

4.2.2 路由设计-24

4.3 数据库设计-26

4.3.1 连接数据库-26

4.3.2 数据库文档结构设计-26

4.3.3 数据库操作-28

4.4 MQTT通信-30

第五章  系统调试-31

第六章  总结-35

参考文献-36

致  谢-37