首页 > 编程语言 >组态也能开发WEB前端 | uiotos致敬amis、nodered、appsmith、codewave、goview、dataroom、iotrouter、FUXA、乐吾乐

组态也能开发WEB前端 | uiotos致敬amis、nodered、appsmith、codewave、goview、dataroom、iotrouter、FUXA、乐吾乐

时间:2024-10-08 13:49:28浏览次数:8  
标签:WEB appsmith 示例 前端 组态 UIOTOS 代码

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

动图封面   UIOTOS组态示例

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

动图封面   UIOTOS前端示例

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

效果

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

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

动图封面   UIOTOS UI界面示例

开发

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

动图封面   UIOTOS界面开发

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

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

关于

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

标签:WEB,appsmith,示例,前端,组态,UIOTOS,代码
From: https://www.cnblogs.com/iotos/p/18451490

相关文章

  • 528.大气的家具定制设计公司网站 大学生期末大作业 Web前端网页制作 html+css+js
    目录一、网页概述二、网页文件 三、网页效果四、代码展示1.html2.CSS3.JS五、总结1.简洁实用2.使用方便3.整体性好4.形象突出5.交互式强六、更多推荐欢迎光临仙女的网页世界!这里有各行各业的Web前端网页制作的案例,样式齐全新颖,并持续更新!感谢CSDN,提供了这......
  • Webpack 初始化
    1、初始化npm项目npminit-y得到package.json2、安装webpack,webpack-cli相关npminstallwebpackwebpack-cli--devnode_modules.bin目录有webpack相关 即可通过npm运行webpack命令如:npmwebpack--version 可直接执行webpack命令进行打包也可这么着: ......
  • Fully-developed Web App
    Assessment2:Fully-developedWebApp-DetailsWeighting:50%(PairorIndividual)NB:youshouldnotstartthisassignmentuntil after youhavesubmittedassignment1Overview- Fully-developedWebAppDue:Sunday27/10/24@11:59:00PM(Week5)Taskdes......
  • moectf-wp(web)
    记录下自己做题的经历,欢迎老登们参观1.入门指北:没啥好说的,解压以后phpstudy开一个网页放在文件夹里直接就能出flag。2.弗拉格之地的入口:题目也是非常直接(毕竟是引导我这种小白),我直接召唤dirsearch扫描,也是顺利得到结果,打开网页进入/webtutorEntry.php,成功获得本题flag......
  • CherryPy :一个轻量级的 Python Web 框架
    CherryPy是一个用于构建Web应用的微框架。它通过简洁的API和强大的功能,使开发者能够快速创建高性能的Web应用。在生物信息开发中,数据库搭建和模型部署等场景可能会用到,因此记录下。学习资源官方文档:https://docs.cherrypy.dev/en/latest/GitHub项目:https://github.......
  • go web的json系列化
     打开APP  golangWEB应用【2】:json数据处理应用 原创https://blog.csdn.net/loo_Charles_ool/article/details/138916161原地址2024-05-1517:33:48阅读量980收藏28 32赞一叶萩Charles 码龄7年关注 文章目录json数据处理应用JS......
  • 使用宝塔WebHook自动同步Gitlab提交的代码
    一、配置SSH创建SSH密钥打开终端。生成SSH密钥:使用以下命令生成一个新的SSH密钥对:ssh-keygen-trsa-b4096-C"[email protected]"-trsa 指定密钥类型为RSA。-b4096 指定密钥长度为4096位。-C"[email protected]" 用于添加注释(通常是......
  • SEHS4517 Web Application Development
    SEHS4517WebApplicationDevelopmentandManagementSemester1,2024-2025AssignmentIndividualAssignment(30%oftheassessmentofthiscourse)Thisindividualassignmentaims:Toconductresearchonrelevantreferencematerialsorsources.Todeve......
  • 好用的websocket 心跳重连js脚本
    varwsUrl='ws://'+(document.domain||'127.0.0.1')+':8282';varws=null;//WebSocket对象varheartbeatTimer=null;//心跳定时器varisReconnect=true;//是否自动重连//创建WebSocket连接//@authhttps://so.csdn.net/so/aifu......
  • CTFWeb篇01
    该篇简单介绍一下打CTFWeb需要使用的一些工具:Dirsearch——一款非常好用的目录扫描工具,基本上所有的常见目录它都可以扫出来,避免了你艰难地测试一个个目录所花费的大量时间。Kali虚拟机——建议优先搭一个linux系统的虚拟机,上面自动搭载了许多工具,同时很多工具在linux系统上可以......