UIOTOS 自动爬取

UIOTOS 自动爬取

UIOTOS 自动爬取

UIOTOS是一款开箱即用的前端工具，支持页面嵌套，用户可以0基础，像套娃一样，开发搭建IoT、后台管理、上位机、组态HMI等多类GUI界面应用，不止于可视化。产品以原生javascript结合ht.js图形栈实现，独创页面嵌套技术，支持蓝图连线，实现了页面组件化、逻辑规则链等先进特性，弥补了传统拖

等 2 人订阅共58篇文章创建于2024-08-21

UIOTOS 视频 | 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

本篇以视频为主，介绍多媒体相关的组件。包括实时监控、视频播放、图片/GIF等。视频说明填入.mp4等视频文件的在线URL地址，即可播放。如下所示：属性功能视频地址（videoURL）字

1年前
51
点赞
评论

UIOTOS 视频 | 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

UIOTOS 其他 | 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

本篇主要介绍图形可视化相关的组件，也叫部件。通常用于工控组态和数据大屏。仪表盘扇叶（fan）说明初体验：扇叶（图标）旋转中有介绍扇叶转动，不过用的图标而不是组件，增加角度属性值实现转动。扇叶组

1年前
55
点赞
评论

UIOTOS 其他 | 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

UIOTOS 通信 | 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

本篇介绍消息通信相关，主要涉及周期触发的定时器组件、HTTP/MQTT/（WebSocket）相关的接口组件、以及跨页面``/跨网页通信的收发器（消息总线）组件等。定时器（timer）说明周期或

1年前
75
点赞
评论

UIOTOS 通信 | 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

UIOTOS 函数 | 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

UIOTOS中一切都是组件。函数属于其中的功能类组件，有输入、输出、执行属性作为最基础的特性，理论上可以组成最小的逻辑单元，与芯片和逻辑电路中的三极管等类似：通过最简单的透明传递（transfer）搭

1年前
86
点赞
评论

UIOTOS 函数 | 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

UIOTOS 表单 | 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

图片按钮（iconClick）说明图片按钮也叫图标按钮，外观由图标决定，没有固定的矩形区域，与常规按钮有所不同。图标的格式，支持sgv、jpg/png，以及自行绘制。如下所示（可点击）：使用如

1年前
54
点赞
评论

UIOTOS 表单 | 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

UIOTOS 容器 | 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

本篇主要列出不同容器组件各自独有的属性，容器公共的属性参见容器组件。嵌套容器（graphView）说明用途最常规的容器组件，仅提供嵌套基础功能，本身无任何其他专属功能。相比之下，对话框可以弹窗

1年前
23
点赞
评论

UIOTOS 容器 | 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

UIOTOS 绘图 | 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

主要用于绘制线条、矩形、弧形、不规则图形、管道等等。在可视化大屏、组态等制作时，经常用到。（CURD中后台管理系统的UI界面，较少用到）绘制不规则图形说明用于绘制直线、折线、曲线等。并且可以形

1年前
46
点赞
评论

UIOTOS 绘图 | 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

UIOTOS 公共 | 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

本篇并非关于具体某个组件，而是针对全部（或某类）组件的公共属性介绍，避免在文档中重复录入。组件的专有属性，分别在所属分组文档中介绍。通用 * :::danger 注意：该属性组通常需勾选专业模式才可

1年前
59
点赞
评论

UIOTOS 公共 | 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

UIOTOS 组件| 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

入门和进阶篇（连线、嵌套、布局等）主要是围绕组件进行的，UIOTOS中一切都是组件（见技术原理）。本部分内容，首先总体介绍组件分类和属性分类，然后按照面板分组，分别提供组件的详细使用文档。组件分类

1年前
375
4
2

UIOTOS 组件| 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

UIOTOS嵌套（高级篇）| 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

说明通过嵌套继承，UIOTOS实现了页面组件化，并支持对复杂界面或逻辑层层封装，本质上可以理解为是一款面向对象的前端图形化编程工具，并且图灵完备。这也是能够达到媲美代码开发，可以按照指定原型，实现高

1年前
140
1
评论

UIOTOS嵌套（高级篇）| 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

UIOTOS连线（高级篇）| 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

说明在连线（基础篇）篇中，介绍了连线的基本原理和操作，本进阶篇继续讲解连线的高级特性，主要包括连线属性、赋值解析、事件触发、执行顺序。基于这些特性，能够实现如下类似的复杂功能：示例：对象数组字段提

1年前
228
点赞
评论

UIOTOS连线（高级篇）| 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

UIOTOS常规（高级篇）| 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

说明常规（基础篇）介绍了常规操作，本篇深入介绍编辑使用涉及的更多内容。鼠标悬停提示 UIOTOS为编辑和运行时，分别提供了鼠标悬停提示支持，如下所示： **编辑时：悬停提示（tooltip）**所

1年前
47
点赞
评论

UIOTOS常规（高级篇）| 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

UIOTOS 布局 | 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

说明布局在软件界面中极为重要。 UIOTOS提供了多种布局方式，以满足不同需求，本篇主要介绍以下两种：底板布局（弹性伸缩）在线示例缩放布局（适配内容）在线示例如何选择？选择合适的布局，达

1年前
369
1
1

UIOTOS 布局 | 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

UIOTOS 嵌套（基础篇）| 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

说明页面嵌套是UIOTOS中一项独创技术，是实现页面即组件的关键，相关操作也是UIOTOS与几乎所有其他编辑器的最大区别。如下所示：本篇作为入门，仅介绍嵌套相关的基础原理和操作。更多详见嵌套（高级篇

1年前
173
点赞
评论

UIOTOS 嵌套（基础篇）| 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

UIOTOS 连线（基础篇）| 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewa

说明连线是UIOTOS中极为重要的一个功能，起到逻辑编排的作用，能够实现类似的工作流、规则链之外，还能实现强逻辑，达到与逻辑代码开发等同的效果，能用于图形可视化编程。如下所示：运行效果（gif）本

1年前
49
点赞
评论

UIOTOS 连线（基础篇）| 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewa

UIOTOS常规（基础篇）| 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

说明开始篇介绍了编辑器的界面布局、目录结构以及常见快捷键，本篇将详细介绍常规的基础操作，以及需要了解的背景知识。更多参见常规（高级篇）。新建页面除了拷贝页面工程复制页面，可以通过如下步骤新建空白

1年前
137
点赞
评论

UIOTOS常规（基础篇）| 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

UIOTOS文档：入门 | 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave 乐吾乐

本部分首先整体介绍目标、背景趋势、设计理念、技术原理和使用步骤，然后分别提供文档详细介绍初学入门需掌握的连线、嵌套、布局等内容和常规使用操作。目标入门篇主要引导用户0基础学习UIOTOS。建议用非

1年前
77
点赞
评论

UIOTOS文档：入门 | 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave 乐吾乐

UIOTOS文档：开始 | 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave 乐吾乐

简介 UIOTOS是一款开箱即用的前端工具，支持页面嵌套，用户可以0基础，像套娃一样，开发搭建IoT、后台管理、上位机、组态HMI等多类GUI界面应用，不止于可视化。产品以原生javascript结合

1年前
660
4
评论

UIOTOS文档：开始 | 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave 乐吾乐