首页 > 其他分享 >ISM Web组态软件的组态应用开发之组态界面简介

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

时间:2023-01-28 17:33:15浏览次数:50  
标签:Web 界面 样式 组态 ISM 组件 页面

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

文章目录

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

前言

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


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

一、组件样式

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

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

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

二、组件的事件

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

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


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

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

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

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

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


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


三、组件的动作

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

四、组件的动画

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

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


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

总结


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



标签:Web,界面,样式,组态,ISM,组件,页面
From: https://blog.51cto.com/u_15938018/6025059

相关文章

  • 第一节 ISM Web工业可视化组态软件简介
    文章目录​​简介​​​​一、ISM组态软件架构​​​​简介​​​​特点与详细功能​​​​二、使用权限​​​​1.授权问题​​​​2.声明​​​​3.组件界面截图​​​​......
  • 第七节 使用ISM Web组态软件的静态数据
    文章目录​​什么是静态数据?​​​​一、使用步骤​​​​步骤1​​​​步骤2​​​​步骤3​​​​总结​​什么是静态数据?静态数据就是设备的静态属性,比如设备里面的软件......
  • 第二节 使用ISM Web组态软件利用采集到的Modbus设备数据开发组态应用
    系列文章目录​​第一节使用ISMWeb组态软件采集Modbus设备数据​​第二节使用ISMWeb组态软件利用采集到的Modbus设备数据开发组态应用文章目录​​系列文章目录​​​​......
  • 第四节 使用ISM Web组态软件采集SNMP V3设备数据
    系列文章目录​​第一节使用ISMWeb组态软件采集Modbus设备数据​​第二节使用ISMWeb组态软件利用采集到的Modbus设备数据开发组态应用第三节使用ISMWeb组态软件采集OP......
  • ISM Web组态大屏监控软件的脚本使用
    前言为了解决多设备数据运算和多设备数据联动,ISM提供了类go语言的格式的系统脚本新建脚本执行间隔是脚本的执行间隔时间输入完脚本后,点击检查,可以检查脚本是否有错误。语法......
  • JavaWeb-Filter&Listener
    JavaWeb-Filter&Listener1,Filter1.1Filter概述Filter表示过滤器,是JavaWeb三大组件(Servlet、Filter、Listener)之一。过滤器可以把对资源的请求拦截下来,从而实现......
  • WebSocket长连接接入支付宝消息服务,实现消息通知
    ​大家好,我是小悟在对接支付宝开放平台的一些常用功能时,常常需要收到支付宝的回调通知结果,才能处理业务逻辑。此文介绍通过WebSocket长连接接入支付宝消息服务,实现消息通知......
  • Dynamics CRM Online WebAPI
    创建应用1.登录https://portal.azure.com/#home2.选择AzureActiveDirectory3.在注册应用程序页面中输入应用程序的注册信息3.1添加应用程序3.2填写应用程序注册......
  • WebSocket长连接接入支付宝消息服务,实现消息通知
    ​大家好,我是小悟在对接支付宝开放平台的一些常用功能时,常常需要收到支付宝的回调通知结果,才能处理业务逻辑。此文介绍通过WebSocket长连接接入支付宝消息服务,实现消息通知......
  • Web核心
    Web核心1、什么是JavaWeb?​ Web:全球广域网,也称万维网(www),能够通过浏览器访问的网站​ JavaWeb:是用Java技术来解决相关web互联网领域的技术栈2、JavaWeb技术栈......