设备云平台系统的web组态应用

论文总字数：25122字

摘 要

组态软件让用户可以根据需要自行绘制组态画面，并实现监控功能，组态软件在工业自动化领域具有重要作用。传统的组态软件基于C/S结构开发，难以实现跨平台使用，通过与web技术结合来构建基于B/S结构的组态系统，可以让用户只需要在浏览器上通过互联网连接就能访问系统。

本文通过对国内外组态软件的研究现状进行对比，分析C/S结构和B/S结构的优劣，并对组态软件图形界面的功能需求进行分析，综合以上信息提出基于web开发的组态系统中的图形界面的设计与实现方案。对图形界面中的组态设计模块、画面显示模块和数据管理模块分别进行详细设计，其中组态设计模块和画面显示模块引入mxGraph绘图插件，利用SVG图片格式，以实现组态画面的绘制和显示功能；数据管理模块则提供对实时数据和历史数据管理的功能。

本文设计实现的组态系统的图形界面可以用于大多数工业生产现场的监控，提供对实时和历史的设备数据进行查看和分析的功能，并且提供了友好的人机交互界面，操作简便明了，具有跨平台、可扩展等特性。

关键词：组态软件，基于web，图形界面，监控，SVG

Abstract

The configuration software allows the user to draw the configuration screen and implement the monitoring function according to the needs. The configuration software plays an important role in the field of industrial automation. The traditional configuration software is based on the C/S structure and is difficult to implement across platforms. By combining with web technology to build a configuration system based on B/S structure, users can access the system only through the Internet connection in the browser.

This paper compares the research status of configuration software at home and abroad, analyzes the advantages and disadvantages of C/S structure and B/S structure, analyzes the functional requirements of the graphical interface of configuration software, and combines the above information to propose a group based on web development. The design and implementation of the graphical interface in the state system. The configuration design module, the picture display module and the data management module in the graphical interface are respectively designed in detail, wherein the configuration design module and the picture display module introduce the mxGraph drawing plug-in, and use the SVG picture format to realize the drawing and display of the configuration picture. Function; the data management module provides the ability to manage real-time data and historical data.

The graphical interface of the configuration system designed and implemented in this paper can be used for monitoring in most industrial production sites, providing the function of viewing and analyzing real-time and historical equipment data, and providing a friendly human-computer interaction interface, which is easy to operate. The graphical interface has cross-platform, scalable and other features.

KEY WORDS: configuration software, web-based, graphical interface, monitoring, SVG

目 录

摘 要 I

Abstract I

第一章 绪论 1

1.1 选题背景和意义 1

1.2 组态软件的概念和研究现状 1

1.2.1 组态软件的基本概念 1

1.2.2 国内外研究现状 2

1.3 论文主要内容和工作 3

1.4 论文的章节安排 3

第二章 技术概述 4

2.1 SVG 4

2.2 TypeScript 4

2.3 前端框架选择 4

2.3.1 前端框架比较 4

2.3.2 Angular 5

2.4 绘制图形类库选择 5

2.4.1 绘制图形类库比较 5

2.4.2 mxGraph 6

2.5 绘制图表类库选择 6

2.5.1 绘制图表类库比较 6

2.5.2 Highcharts 7

第三章 总体框架设计 8

3.1 需求分析 8

3.1.1 功能需求 8

3.1.2 非功能需求 8

3.2 系统结构设计 8

3.2.1 系统总体设计 9

3.2.2 C/S结构和B/S结构对比 10

3.3 图形界面设计 11

3.3.1 图形组态界面设计 11

3.3.2 数据管理界面设计 12

第四章 详细设计与实现 13

4.1 组态设计模块 13

4.1.1 组态画面绘制设计与实现 13

4.1.2 图元控件实现与管理 13

4.2 画面显示模块 14

4.2.1 组态画面管理 15

4.2.2 组态画面显示 15

4.3 数据管理模块 15

4.3.1 实时数据管理 15

4.3.2 历史数据管理 16

4.4 HTTP接口设计与实现 17

4.4.1 用户登录接口 17

4.4.2 组态画面接口 17

4.4.3 图元控件接口 18

4.4.4 设备接口 21

4.4.5 报表查询 21

第五章 测试与分析 23

5.1 系统功能测试 23

5.1.1 组态画面绘制 23

5.1.2 画面显示 23

5.1.3 图元控件管理 24

5.1.4 设备数据显示 25

5.1.5 警报信息显示 25

5.1.6 历史数据查询 26

5.2 性能测试 27

第六章 总结与展望 28

6.1 总结 28

6.2 不足与展望 28

参考文献 30

致 谢 32

绪论

• 1. 选题背景和意义

随着现代科技不断革新和进步，人们的生活方式发生了翻天覆地的变化，工业自动化领域也得到了长足发展，人们对工业控制系统的要求也越来越高，越来越多用于自动化管理和监控的应用程序开始出现。与传统的工业控制系统相比，组态软件能够提供足够灵活的组装方式，让用户可以方便地根据实际生产环境构建监控画面，通过对生产设备数据的采集和分析处理，可以及时发现生产流程的不足和故障，以此实现对工业生产现场的实时监控。

剩余内容已隐藏，请支付后下载全文，论文总字数：25122字