组态也能开发前端!IoT设备运维页面小示例

2024-10-03 10:30   湖北  

WEB组态开发SCADA、HMI画面、大屏可视化,还比较常见。比如下面:

UIOTOS大屏组态示例

那么常规WEB前端功能,组态能否一并做了呢?比如下面这种:

UIOTOS后台管理示例


答案是可以的!UIOTOS支持页面无限嵌套,能实现原型即应用。现在就以一个具体小示例介绍如何实现的。

效果

如下所示,初始接口自动调用,加载设备类型列表。下拉选择时,再请求接口加载设备名称列表。随后选择时间等,点击即可添加到表格行中

要求:会组态就能用,不写任何代码。

UIOTOS 前端界面示例

开发

如下所示,整个过程,通过拖拉拽接口组件、下拉框/输入框/按钮/表格等组件,然后通过连线,实现交互等流程逻辑;用嵌套,来封装简化。

UIOTOS编辑开发过程示例

整个过程,无需一行代码,熟悉组态即可开箱即用。

当然,有些连线逻辑,也能用代码块组件,低代码方式做,开发人员学习成本更低。

关于

UIOTOS是一款前端零代码工具,可搭建WEB后台大屏组态上位机HMI等,能与NodeRedAPIJSONIoT平台等形成前后端一体方案,快速交付工业、物联网等项目。


400-1188-502

了解咨询

前端组态
关于页面嵌套相关技术和应用,涉及前端零代码、可视化编程等。
 最新文章