IOTOS的博客

页面嵌套 + 连线编程，创新技术的加持，打破了。UIOTOS平板HMI人机界面GUI。UIOTOS蓝图节点连线页面运行状态。UIOTOS HMI人机界面GUI。UIOTOS后台管理-智慧水务。UIOTOS大屏可视化报表1。UIOTOS大屏可视化报表2。UIOTOS HMI人机界面。UIOTOS是一款“神奇”的。UIOTOS页面嵌套示例。UIOTOS连线编辑。

通过，您应该对UIOTOS有了大致了解。本篇试图用简短篇幅，介绍从登录到预览的完整步骤，帮助新手快速入门。

这是一款拥有独创技术的前端零代码工具，专注于解决前端界面开发定制难题，原型即应用！具有页面嵌套、属性继承、节点连线等全新特性，学习门槛低，功能极为灵活。用户无需懂任何前端开发技术，简单了解使用规则，就能够按照业务需求，定制开发复杂的WEB应用。主要面向后端/算法工程师、硬件/电气工程师，以及产品经理、UI、美术、实施工程师等。适用于搭建基于物联网平台等的上层业务应用。实现前端开发不求人，项目交付快好省！

UIOTOS前端工具，支持原型即应用！独创页面嵌套技术，一站式搭建大屏、组态、上位机、后台管理等多类GUI界面应用。支持页面嵌套，开箱即用，能搭建各类GUI前端界面，去他的高保真原型！

UIOTOS使用上灵活易用，原理上图灵完备，可广泛用于GUI客户端、上位机、WEB管理平台、工业组态、数据大屏、产品原型、网站搭建等场景。UIOTOS作为一款通用的前端工具，支持页面嵌套，开箱即用，用户无需任何前端开发技能，即可快速搭建多类前端应用。任意两个组件的属性，可以用连线传递数值。任何一个页面，可以像画中画那样，嵌套到另一个页面中，被当成组件使用，主要用来做功能封装。

APIJSON，能够实现不用写一行后端代码，只需要创建和维护数据库表，需要增删改查、聚合查询，通通交给前端自行按照语法格式组装JSON即可。UIOTOS比较特别，目前找了很久，几乎没有一款能够做到可以参考axure、墨刀原型那样去无代码实现前端的。或者说用这个就能做产品原型，只是做完的原型就已经是可以用的前端页面了。最主要的是页面任意嵌套、属性逐层继承、节点逻辑连线，这几个特性弥补了常见的表单编辑器、WEB组态大屏工具的不足，那就是可以拖拉拽搭建业务系统，除了后端之外的UI布局、接口调用、数据解析、交互

WEB组态与大屏可视化工具现在基本上没有了明显边界，很多的区分是2D组态和3D组态。市面上也非常多。众所周知，目前界面展示，从原先古板的组态大屏，到扁平化科技风的2D、2.5D展示，逐渐到3D数字孪生，效果越来越炫酷。那么2D组态的发展空间在哪？是不是都会被3D挤压？要上视觉冲击效果的，都上3D了？一旦新的嵌套继承、蓝图连线技术的引入，势必会让WEB组态、大屏可视化演变成新的物种，或者被新的物种融合掉，这样兼容了2D图形展示+业务功能应用，与3D数字孪生形成非常好的互补，而不是仅仅在可视化展示效果上的竞争，

界面嵌套，简单来说，就是在某个界面里面再包含一个或多个小界面。这就像俄罗斯套娃一样，一个娃娃里头还能找到更小的娃娃。在软件或网页设计中，嵌套通常用于构建层次分明、功能模块化的界面结构。总之，界面嵌套是一种重要的设计手段，它帮助开发者构建结构清晰、易于维护且用户友好的应用程序。蓝图节点连线是在使用蓝图可视化编程系统（尤其是游戏开发领域，如虚幻引擎Unreal Engine）时的一种核心概念。

试想一下，我在用Qt Designer搭建界面，每做完一个.ui文件，对应的代码去写界面交互和功能逻辑，复杂点的界面，如果每个模块，是一个容器，双击进去就到内嵌的另一个.ui文件页面，里面又有用到其他ui界面，双击又能进去，这个嵌套就可以把复杂的界面通过一个个小的模块去搭建，然后通过嵌套串起来！再次了解发现，A组件操作B组件，比如按钮和对话框，这里能不用写代码，直接连一根线，用按钮的点击事件，操作对话框的弹出属性，这就完成逻辑！，简单了解使用规则，就能够按照业务需求，定制开发复杂的WEB应用。

不论是web组态还是节点编辑器，都没有封装性而言，简单说，一个页面或者画布，做的界面或者逻辑，跟其他页面是完全独立的。NodeRed如果要实现复杂业务逻辑+UI界面和交互逻辑，必然要求考虑到如何将部分UI组件或者功能模板的连线，封装到一个独立的画布或页面中，再引入到当前页面上使用，且完全不受影响，跟直接在当前页上效果一样。在WEB编辑器中，就直接页面复制即可。要实现这点，NodeRed在构建复杂业务逻辑，或者搭建带有UI界面和业务逻辑的上位机或前端应用，才有一定的可能性，否则反而是开倒车，最终华而不实！

组态软件在工业控制领域有着二三十年的历史，比较知名的国内有组态王、国外有MCGS/WinCC等，用来搭建上位机监控画面，通常配合PLC使用，通过配置的方式，不需要编码，电气工程师就能让现场监控画面图形界面化，起到上位机的作用：近年来，互联网发展迅速，尤其是WEB html前端技术，成为了界面开发技术的主流，不断蚕食着.Net/C#、Qt C++、PyQt等桌面开发领域，并且与传统组态组件融合，产生了一个新的常见概念：WEB组态。

UIOTOS工具的功能十分强大，得益于独特的页面嵌套、属性继承、节点连线机制，让UI前端界面的定制开发十分便利，可以全零代码实现，包括复杂的业务逻辑。一切都是组件、、一切组件都由各种属性组成、一切属性都能通过连线操作赋值。基于这三条规则，然后在使用过程中再根据需求去检索和了解各个组件具体属性的功能，这样就可以实现非常丰富的功能，达到与代码增量化开发复杂页面类似的效果。

这是一款拥有独创专利技术的前端零代码工具，专注于解决前端界面开发定制难题，原型即应用！具有页面嵌套、属性继承、节点连线等全新特性，学习门槛低，功能极为灵活。用户无需懂任何前端开发技术，简单了解使用规则，就能够按照业务需求，定制开发复杂的WEB应用。主要面向后端/算法工程师、硬件/电气工程师，以及产品经理、UI、美术、实施工程师等。适用于搭建基于物联网平台等的上层业务应用。实现前端开发不求人，项目交付快好省！

有没有可以支持图纸嵌套、属性暴露的？或者说页面任意嵌套、属性多继承暴露到上层？这样逐层嵌套，就可以实现复杂页面功能的封装！否则一般的WEB组态编辑都只能做可视化大屏，没法做复杂点的应用页面。

在UIOTOS中，用户无需懂编程语言，以独特的连线和嵌套操作，结合拖拽编辑，可以实现定制化交互界面、复杂业务逻辑的开发，达到与vue、QT等代码开发媲美的效果，适用于工业组态、数据大屏、客户端工具、中后台管理等。其次，接口数据解析，是业务功能最常见的操作，并且还可能涉及到多个接口调用的衔接，比如登录接口请求成功后，数据给到设备列表接口，再根据默认的设备，初始化调用数据查询接口。嵌套则很好地实现了组件的0代码封装，包括连线业务逻辑、UI界面，实现将模块进行逐层封装，实现渐进式、增量化搭建。

首先，这是一款0代码编程工具，通用在前端应用开发领域，拥有独创技术专利。链接其次，这也是一款工业组态软件，可搭建带有丰富交互和业务逻辑的组态画面和数据大屏。最后，这还是一款WEB前端搭建工具，可用于后台管理系统，代替vue（element-ui、iview）等常规代码开发。

类vue渐进式模块化的开发方式，拖拽配置、逐层嵌套，实现基础组件、复合组件、功能模块的0代码搭建，结合多重模式布局，实现局部到整体的极速配置