UIOTOS 自动爬取

UIOTOS 自动爬取

UIOTOS 自动爬取

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

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

UIOTOS 接口查询曲线展示 | 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

目标前面介绍了接口组件和表单操作（参见示例9和示例11），本篇综合介绍查询数据表单方式给到曲线。示例如下：步骤示例说明内嵌页包含有统计曲线、按钮组件，如下所示：新建略。参见1新建。命名为

1年前
75
1
评论

UIOTOS 接口查询曲线展示 | 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

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

目标示例10：表单接口请求用到表单数据。本示例介绍如何获取表单数据，以及加载回写到页面。前者通常用于接口请求，后者则是加载返回的数据，增删改查（CURD）时尤为常见。效果如下：步骤内嵌页包含有

1年前
50
1
评论

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

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

目标接口可以实现前后端数据的交互，在UIOTOS中起着非常重要的作用。本示例，通过树表、接口、按钮组件和查询返回转换成树表函数的连线，实现把接口数据传递到树表中。步骤新建略。参见1新建。命名为

1年前
71
1
评论

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

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

目标接口可以实现前后端数据的交互，在UIOTOS中起着非常重要的作用。本示例，通过树表、接口、按钮组件和查询返回转换成树表函数的连线，实现把接口数据传递到树表中。步骤新建略。参见1新建。命名为

1年前
22
1
评论

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

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

目标连线通常用于直接传递属性，不对值做任何处理。有时也往往涉及解析和提取，尤其是对于表单对象。本示例着重介绍，对于JSON对象，连线如何解析，提取指定字段值（规则参见数据解析）。该操作非常重要，比如

1年前
44
点赞
评论

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

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

目标前面的示例有连续介绍组件的嵌套封装。上层页面经常有用到内嵌事件，比如内嵌按钮点击，上层连线触发弹窗。本示例，重点介绍内嵌组件的交互事件，在上层页面连线使用。涉及函数的输出事件、容器的用内嵌嵌事件

1年前
37
点赞
评论

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

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

目标前面通过示例4：视频播按钮自定义，介绍了点击按钮通过容器嵌套，封装成切换按钮的全过程。本篇再专题介绍按钮组组件，如何通过连线和嵌套封装，不用一行代码，实现组件功能的扩展升级。具体说明如下：效果

1年前
154
4
评论

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

UIOTOS 扩展按钮图标可切换 |页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

目标前面通过示例4：视频播按钮自定义，介绍了点击按钮通过容器嵌套，封装成切换按钮的全过程。本篇再专题介绍按钮组组件，如何通过连线和嵌套封装，不用一行代码，实现组件功能的扩展升级。具体说明如下：效果

1年前
35
点赞
评论

UIOTOS 扩展按钮图标可切换 |页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

UIOTOS 扩展按钮(文字切换) |页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

目标在示例3基础上，将播放按钮改成可播放/暂停的切换按钮。通过本示例，可以了解UIOTOS中独创的组件扩展的方式——嵌套封装。效果如下：步骤内嵌页用连线和工具函数，改造普通按钮，让默认点击变成

1年前
78
点赞
评论

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

目标熟悉输入框、下拉框、按钮等常见组件，以及如何用连线实现一个典型的交互效果，如下所示：步骤新建略。参见1新建。命名为视频列表选择播放。拖放组件拖入视频、输入框、下拉框、按钮组件，并进行属

1年前
30
点赞
评论

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

UIOTOS 按钮弹窗显示文本 | 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

目标通过一小而全的示例（包含了连线、嵌套、继承，以及容器组件、函数组件、UI组件的联合使用），了解工具的多方面特性并属性常规操作。步骤内嵌页新建略。参见1新建。命名为完整示例_内嵌页（即内嵌

1年前
20
点赞
评论

UIOTOS 按钮弹窗显示文本 | 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

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

目标通过第一个示例，了解UIOTOS中连线的基本用途。示例中，按钮文字通过连线操作，输出给文本框，如下所示：步骤新建从登录开始，在用户目录新建当前示例的页面，参见新建页面。拖放组件示例涉及

1年前
31
点赞
评论

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

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

效果步骤长页用来做上下滚动的内容上层页面用来设置显示的区域，纵向超出的部门能上下滑动。步骤分别如下：长页新建参见1新建。命名为"移动端内嵌页面-模拟"（内容长页）。摆放将多个模块（这里以

1年前
31
点赞
评论

uiotos页面嵌套界面套娃示例：计算器按键| 零代码、0代码、无代码、低代码、可视化编程、nodered、amis、appsmith、codewave

效果所有的按键，都是同一个按键模板。步骤内嵌页属于公共的按键模版页。主页面用来使用和测试。步骤分别如下：内嵌页新建参见1新建。命名为"按键内嵌页"（即按键模版页）。拖入组件拖入按钮组件

1年前
31
点赞
评论

uiotos页面嵌套界面套娃示例：计算器按键| 零代码、0代码、无代码、低代码、可视化编程、nodered、amis、appsmith、codewave

UIOTOS 指定沿轨迹运动 | 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

效果随意画一条曲线（或管道），任意图标能沿着轨迹运动，如下所示：步骤新建参见1新建。命名为"初体验-沿轨迹运动"。拖入组件拖入按钮、定时器、工具函数（透明传递）组件以及叉车图标，并绘制管道

1年前
36
点赞
评论

UIOTOS 指定沿轨迹运动 | 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

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

效果两层页面：上层：按钮、文本框。下层：对话框。交互效果：按钮点击，触发弹窗（下层页面），输入内容并确定，显示到文本框，即：**按钮**（上层）** → [**对话框**]（下层） → ***

1年前
54
1
评论

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

UIOTOS 扇叶（图标）旋转 | 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

效果步骤新建参见1新建。命名为"扇叶图标旋转"。拖入组件拖入定时器、透明传递组件，fan1图标，并属性设置。透明传递属性设置：输入组设置5 勾选"输出合并非覆盖" 扇叶属性设置：锁定角度

1年前
44
1
评论

UIOTOS 扇叶（图标）旋转 | 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

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

效果步骤新建略。参见1新建。命名为"随机颜色设置"。拖入组件拖入组件定时器、随机数、矩形组件，并属性设置。随机数属性设置：矩形属性设置：完整步骤如下：连线操作具体如何连线？效果

1年前
40
点赞
评论

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

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

iotosEngine.min.js 通用 i.colord → string 字符串染色显示文字。字体颜色文字是否加粗 i.toHtmlText → string 文本中设定链接文字整体文本

1年前
19
点赞
评论

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

UIOTOS 导出部署与集成 | 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave

说明 UIOTOS页面在编辑状态下可以预览与发布。如下所示：点击预览后，浏览器直接可以看到运行界面。不过预览链接不能直接对外，非本机访问时，会提示页面未分享无权限查看。如果要网络中其他人能查看，需要通

1年前
125
点赞
评论

UIOTOS 导出部署与集成 | 页面嵌套零代码低代码 0代码无代码 iframe 数据大屏 web组态前端框架 | 致敬amis codewave