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

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

时间:2023-03-24 13:33:21浏览次数:41  
标签:Web 界面 样式 组态 ISM 组件 页面


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

文章目录

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

前言

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


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

一、组件样式

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

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

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

二、组件的事件

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

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


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

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

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

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

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


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


三、组件的动作

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

四、组件的动画

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

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


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

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

相关文章

  • 第四节 使用ISM Web组态软件采集SNMP V3设备数据
    系列文章目录第一节使用ISMWeb组态软件采集Modbus设备数据第二节使用ISMWeb组态软件利用采集到的Modbus设备数据开发组态应用第三节使用ISMWeb组态软件采集OPCUA设备......
  • 第二节 使用ISM Web组态软件利用采集到的Modbus设备数据开发组态应用
    系列文章目录第一节使用ISMWeb组态软件采集Modbus设备数据第二节使用ISMWeb组态软件利用采集到的Modbus设备数据开发组态应用文章目录系列文章目录前言一、创建应用二、......
  • javaweb——使用axios和vue改造书城项目的购物车
    资料来源于:B站尚硅谷JavaWeb教程(全新技术栈,全程实战),本人才疏学浅,记录笔记以供日后回顾由于是多个视频内容混合在一起,因此只放了第一个链接视频链接代码示例index......
  • laravel-s实现高性能webSocket服务
    laravel-s实现高性能webSocket服务1安装基于LaravelS构建HTTP服务器2在Laravel中集成Swoole实现WebSocket服务器1修改配置文件2创建WebSocketService类3测......
  • JAVAWEB-NOTE08-request&response
    目录request与response对象简介Request对象继承体系获取请求数据request通用方式获取请求参数Request请求中文乱码问题--POSTRequest请求中文乱码问题--GET请求转发Respons......
  • 2023年最新Webstorm免费安装教程
    前言WebStorm是JetBrains公司推出的一款专业的前端开发工具,它提供了丰富的功能和工具,能够帮助开发人员更快、更高效地开发Web应用程序。使用WebStorm,可以轻松创建和......
  • FastAPI: 极速开发Python Web应用的未来之星
    我在工作中经常使用Flask来开发Web应用。但是随着项目规模的增长,我发现自己需要写越来越多的重复代码,同时Flask并没有提供一个良好的数据验证和文档生成工具。有一天,我听说......
  • Loadrunner运行WebSocket时报错,不能load OpenDB1
    解决办法:方法1、可能是录制的时候,没有用多协议,没有勾选WindowsSocket协议。在这个WebSocketCB.c的文件中加入没有的函数。  方法二、重新录制脚本,选择多协议录制,同时......
  • javaweb-vue快速入门
    资料来源于:B站尚硅谷JavaWeb教程(全新技术栈,全程实战),本人才疏学浅,记录笔记以供日后回顾视频链接知识点Vue前置条件:需要在项目中放入vue.js文件1){{}......
  • ASP.NET Core Web API 接口限流
    一.前言ASP.NETCoreWebAPI接口限流、限制接口并发数量,我也不知道自己写的有没有问题,抛砖引玉、欢迎来喷!二.需求写了一个接口,参数可以传多个人员,也可以传单个人员,时间......