提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档

文章目录

  • ​​前言​​
  • ​​一、组件样式​​
  • ​​二、组件的事件​​
  • ​​三、组件的动作​​
  • ​​四、组件的动画​​
  • ​​总结​​

前言

ISM的组态是由本人自主研发的拖拽式操作界面,每个组件都是都是本人从实际应用出发开发的,具有很强的实用性。组态界面分PC端和手机端两种界面,当用户在手机中输入ISM地址时,会自动跳转到手机的界面展示


​提示:以下是本篇文章正文内容,下面案例可供参考​

一、组件样式

每个组件都拥有基本的样式,这些样式规定了组件改以什么样的样式呈现在界面上。

这里的堆叠顺序,可以理解为层,多个组件可以上下堆在一起

ISM Web组态软件的组态应用开发之组态界面简介_数据模型

二、组件的事件

组件具有单击、按下、弹起、双击、鼠标移入、鼠标离开的事件,每个事件可以触发动作

ISM Web组态软件的组态应用开发之组态界面简介_css_02


打开网页:当事件产生时,ISM会主动打开配置好的网站或者内部的页面。

设置变量:条件满足时可以设置设备中的数据

显示或隐藏元素:条件满足时,可以显示界面上的某个组件,比如鼠标移入时,可以主动显示某个组件,用于显示当前的状态等。

设备视图:这个可能不好理解,要慢慢理解一下,我举个例子,我有两种或更多种的设备,但是我不可能为每个设备都建立一个页面去展示,我只需要新建一个页面,就可以展示所有同类型的设备信息,这个设备视图就是可以跳转到数据模型建立的时候配置的页面。还记得在每个新建的数据模型中都会有个组态展示页面的配置吗?这个就是要跳转的页面。

ISM Web组态软件的组态应用开发之组态界面简介_前端_03


ISM Web组态软件的组态应用开发之组态界面简介_css_04


三、组件的动作

组件开发的时候我们都已经定义好,这个组件要显示怎样的数据,这里的动作就是要选择每个组件要显示的数据。

四、组件的动画

每个组件都可以播放动画,用户可以定义动画是否需要条件

ISM Web组态软件的组态应用开发之组态界面简介_css_05


ISM Web组态软件的组态应用开发之组态界面简介_数据_06

总结


SM组态软件 演示地址:http://36.133.188.61:8081/