[发明专利]一种基于物联网的工业组态的状态指示装置

说明书

本发明特别涉及一种基于物联网的工业组态的状态指示装置。该基于物联网的工业组态的状态指示装置，建立监控系统JAVA主程序与HTML页面中Javascript脚本的双向通讯，实现状态指示装置的运行，并且实时传入状态指示装置参数和变量信息，从而使状态指示装置能够动态配置并解析；支持Json格式的任何第三方数据，动态属性变量数据灵活；最后，基于Javascript和fabricjs的canvas组件库构建web组态页面。该基于物联网的工业组态的状态指示装置，不仅方便开发人员分工及系统集成，还能构建混合应用，使状态指示装置无缝嵌入到web组态，绘制高效好用的web组态界面，同时图元属性可动态配置，能够适应组态画面需要频繁更新的大屏系统，动态属性支持灵活多样，适宜推广应用。

技术领域

本发明涉及web界面设计技术领域，特别涉及一种基于物联网的工业组态的状态指示装置。

背景技术

组态是使用软件工具对计算机软硬件等各种资源进行配置，然后计算机或软件按照预先设置自动执行特定动作，从而满足使用者要求。传统组态图元一般划分成三类简单的对象：线、图形和文本。这些对象有着各自的外观属性，基本属性包括：线的颜色、图形颜色、高度、宽度、方向、坐标等。属性可以是静态的，也可以是动态的。静态属性在组态运行时保持不变，动态属性随系统变量(设备参数)的变化而实时改变。最终在运行环境下根据图元类别及其配置属性，表现为不同的图形元素。

传统组态图元存在许多问题：

1)配置参数固定、动态属性支持范围局限、图形展示受限于系统图片库而显得单调等问题；

2)不支持属性配置，无法适应对展示效果需求多样化的设备参数；

3)可利用的专业图形库较少，对操作人员对使用造成不便，组态效果不直观。

针对组态设计的上述不足，本发明提出了一种基于物联网的工业组态的状态指示装置。

发明内容

本发明为了弥补现有技术的缺陷，提供了一种简单高效的基于物联网的工业组态的状态指示装置。

本发明是通过如下技术方案实现的：

一种基于物联网的工业组态的状态指示装置，其特征在于：建立监控系统JAVA主程序与HTML页面中Javascript脚本的双向通讯，实现状态指示装置的运行，并且实时传入状态指示装置参数和变量信息，从而使状态指示装置能够动态配置并解析，进而适应前端展示信息需要频繁更新的大屏系统；

同时，支持Json格式的任何第三方数据，并支持互联网资源中的各种图形组件库和用户自行上传的图片，动态属性变量数据灵活；

最后，基于Javascript和fabricjs的canvas组件库构建web组态页面，使web页面具有美观的界面交互效果和丰富功能。

本发明基于物联网的工业组态的状态指示装置的实现方法，包括以下步骤：

步骤S1、使用Angular构建一个图元库，在组态页面初始化时加载图元库，并为图元库中的状态指示控件添加拖拽事件，建立用户操作对图元对象的调用；

步骤S2、通过fabricjs构建一个canvas画布，用于实现图元的嵌入式交互，设置canvas 属性selectable为true，支持鼠标事件，以支持下述步骤中操作图元；

步骤S3、为组态图元增加点击事件，监听用户对组态图元的编辑操作；

步骤S4、基于步骤S3的事件监听，当用户添加或者点击组态中的状态指示控件时，弹出属性面板；

步骤S5、基于步骤S4的属性面板，根据用户选择的状态指示图元类型对不同状态指示效果进行预览；