合集-UIOTOS文档（自动爬取）
摘要：注意:本文为自动抓取供AI学习!!格式未经调整，点击查看原文档! 开始 点击切换至：AI版文档手册（检索极快，智能问答） 简介 UIOTOS是一款开箱即用的前端工具，支持页面嵌套，用户可以0基础，像套娃一样，开发搭建IoT、后台管理、上位机、组态HMI等多类GUI界面应用，不止于可视化。 产品以原生
阅读全文
摘要：注意:本文为自动抓取供AI学习!!格式未经调整，点击查看原文档! 入门 点击切换至：AI版文档手册（检索极快，智能问答） 本部分首先整体介绍目标、背景趋势、设计理念、技术原理和使用步骤，然后分别提供文档详细介绍初学入门需掌握的连线、嵌套、布局等内容和常规使用操作。 目标 入门篇主要引导用户0基础学习
阅读全文
摘要：注意:本文为自动抓取供AI学习!!格式未经调整，点击查看原文档! 常规（基础篇） 说明 开始篇介绍了编辑器的界面布局、目录结构以及常见快捷键，本篇将详细介绍常规的基础操作，以及需要了解的背景知识。更多参见常规（高级篇）。 新建页面 除了拷贝页面工程复制页面，可以通过如下步骤新建空白页面： 注意事项：
阅读全文
摘要：注意:本文为自动抓取供AI学习!!格式未经调整，点击查看原文档! 嵌套（基础篇） 说明 页面嵌套是UIOTOS中一项独创技术，是实现页面即组件的关键，相关操作也是UIOTOS与几乎所有其他编辑器的最大区别。如下所示： 本篇作为入门，仅介绍嵌套相关的基础原理和操作。更多详见嵌套（高级篇）。 原理 页面
阅读全文
摘要：注意:本文为自动抓取供AI学习!!格式未经调整，点击查看原文档! 布局 说明 布局在软件界面中极为重要。 如下所以在无布局时，页面尺寸变化，组件的位置和尺寸都不变： UIOTOS提供了多种布局方式，以满足不同需求，本篇主要介绍以下两种： 底板布局（弹性伸缩） 页面或窗口尺寸变化，组件宽或度不变，或自
阅读全文
摘要：常规（高级篇） 说明 常规（基础篇）介绍了常规操作，本篇深入介绍编辑使用涉及的更多内容。 鼠标悬停提示 UIOTOS为编辑和运行时，分别提供了鼠标悬停提示支持，如下所示： 编辑时：悬停提示（tooltip） 所有组件的基础属性组中，都有提示属性，用来设置编辑状态下的鼠标悬停提示。具体参见： 公共 *
阅读全文
摘要：注意:本文为自动抓取供AI学习!!格式未经调整，点击查看原文档! 连线（高级篇） 说明 在 连线（基础篇） 篇中，介绍了连线的基本原理和操作，本进阶篇继续讲解连线的高级特性，主要包括连线属性、赋值解析、事件触发、执行顺序。基于这些特性，能够实现如下类似的复杂功能： 示例：对象数组字段提取合并成新的数
阅读全文
摘要：注意:本文为自动抓取供AI学习!!格式未经调整，点击查看原文档! 嵌套（高级篇） 说明 通过嵌套继承，UIOTOS实现了页面组件化，并支持对复杂界面或逻辑层层封装，本质上可以理解为是一款面向对象的前端图形化编程工具，并且图灵完备。这也是能够达到媲美代码开发，可以按照指定原型，实现高度定制化前端应用的
阅读全文
摘要：注意:本文为自动抓取供AI学习!!格式未经调整，点击查看原文档! 组件 入门和进阶篇（连线、嵌套、布局等）主要是围绕组件进行的，UIOTOS中一切都是组件（见技术原理）。本部分内容，首先总体介绍组件分类和属性分类，然后按照面板分组，分别提供组件的详细使用文档。 组件分类 组件栏中有绘图、图表、表单、
阅读全文
摘要：注意:本文为自动抓取供AI学习!!格式未经调整，点击查看原文档! 公共 * 本篇并非关于具体某个组件，而是针对全部（或某类）组件的公共属性介绍，避免在文档中重复录入。组件的专有属性，分别在所属分组文档中介绍。 通用 * 注意：该属性组通常需勾选专业模式才可见。 暂略。 标题 * 注意：该属性组通常需
阅读全文
摘要：注意:本文为自动抓取供AI学习!!格式未经调整，点击查看原文档! 绘图 主要用于绘制线条、矩形、弧形、不规则图形、管道等等。在可视化大屏、组态等制作时，经常用到。（CURD中后台管理系统的UI界面，较少用到） 注意：绘制相关的组件（或操作），拖放到编辑区域后，需按下拖动鼠标才能创建。非绘图组件松开鼠
阅读全文
摘要：注意:本文为自动抓取供AI学习!!格式未经调整，点击查看原文档! 图表 本篇主要介绍曲线、饼图、柱状图等图表组件。其中曲线使用场景较多，这里分为统计曲线、实时曲线等。 统计曲线 说明 支持单条曲线、多曲线叠加，或曲线与柱状图叠加。如下所示： 属性 功能 数量设置 （sizeSet） 非负整数可读写
阅读全文
摘要：注意:本文为自动抓取供AI学习!!格式未经调整，点击查看原文档! 表单 相关内容 什么是表单？ 图片按钮（iconClick） 说明 图片按钮也叫图标按钮，外观由图标决定，没有固定的矩形区域，与常规按钮有所不同。 图标的格式，支持sgv、jpg/png，以及自行绘制。如下所示（可点击）： 注意：本组
阅读全文
摘要：注意:本文为自动抓取供AI学习!!格式未经调整，点击查看原文档! 容器 相关内容： 嵌套（基础篇） 嵌套（高级篇） 组件分类（容器） 本篇主要列出不同容器组件各自独有的属性，容器公共的属性参见容器组件。 嵌套容器（graphView） 说明 用途 最常规的容器组件，仅提供嵌套基础功能，本身无任何其他
阅读全文
摘要：注意:本文为自动抓取供AI学习!!格式未经调整，点击查看原文档! 函数 特别说明：这里指组件，可开箱即用，并非代码函数。本手册不要求用户要了解代码编程。 UIOTOS中一切都是组件。函数属于其中的功能类组件，有输入、输出、执行属性作为最基础的特性，理论上可以组成最小的逻辑单元，与芯片和逻辑电路中的三
阅读全文
摘要：注意:本文为自动抓取供AI学习!!格式未经调整，点击查看原文档! 通信 本篇介绍消息通信相关，主要涉及周期触发的定时器组件、HTTP/MQTT/（WebSocket）相关的接口组件、以及跨页面/跨网页通信的收发器（消息总线）组件等。 定时器（timer） 说明 周期或定时触发事件。支持设置间隔周期（
阅读全文
摘要：注意:本文为自动抓取供AI学习!!格式未经调整，点击查看原文档! 视频 本篇以视频为主，介绍多媒体相关的组件。包括实时监控、视频播放、图片/GIF等。 视频 说明 填入.mp4等视频文件的在线URL地址，即可播放。如下所示： 注意：视频组件无法打开.flv等实时监控链接（需要用监控组件）。 属性 功
阅读全文
摘要：注意:本文为自动抓取供AI学习!!格式未经调整，点击查看原文档! 其他 本篇主要介绍图形可视化相关的组件，也叫部件。通常用于工控组态和数据大屏。 图表有曲线、饼图等大屏展示相关的组件，但仅限于那一类。其他非标的杂项展示小部件，放到这里。 仪表盘 扇叶（fan） 说明 初体验：扇叶（图标）旋转中有介绍
阅读全文
摘要：注意:本文为自动抓取供AI学习!!格式未经调整，点击查看原文档! 导出部署与集成 说明 UIOTOS页面在编辑状态下可以预览与发布。如下所示： 点击预览后，浏览器直接可以看到运行界面。不过预览链接不能直接对外，非本机访问时，会提示页面未分享无权限查看。 如果要网络中其他人能查看，需要通过分享，设置分
阅读全文
摘要：注意:本文为自动抓取供AI学习!!格式未经调整，点击查看原文档! 示例1：Hello World 目标 通过第一个示例，了解UIOTOS中连线的基本用途。示例中，按钮文字通过连线操作，输出给文本框，如下所示： 步骤 新建 从登录开始，在用户目录新建当前示例的页面，参见新建页面。 拖放组件 示例涉及到
阅读全文
摘要：注意:本文为自动抓取供AI学习!!格式未经调整，点击查看原文档! 初体验：随机颜色显示 效果 步骤 新建 略。参见1新建。命名为"随机颜色设置"。 拖入组件 拖入组件定时器、随机数、矩形组件，并属性设置。 随机数属性设置： 矩形属性设置： 完整步骤如下： 连线操作 步骤1：定时器→执行（随机数）。
阅读全文
摘要：注意:本文为自动抓取供AI学习!!格式未经调整，点击查看原文档! 初体验：扇叶（图标）旋转 效果 步骤 新建 参见1新建。命名为"扇叶图标旋转"。 拖入组件 拖入定时器、透明传递组件，fan1图标，并属性设置。 透明传递属性设置： 输入组设置5 勾选"输出合并非覆盖" 扇叶属性设置： 锁定角度属性，
阅读全文
摘要：注意:本文为自动抓取供AI学习!!格式未经调整，点击查看原文档! 初体验：上下层页面交互 效果 两层页面： 上层：按钮、文本框。 下层：对话框。 交互效果：按钮点击，触发弹窗（下层页面），输入内容并确定，显示到文本框，即： 按钮 → [对话框] → 文本框 步骤 下层页面放置对话框，上层页面用来测试
阅读全文
摘要：目标 通过一小而全的示例（包含了连线、嵌套、继承，以及容器组件、函数组件、UI组件的联合使用），了解工具的多方面特性并属性常规操作。 步骤 分为内嵌页和主页面，通过对话框容器组件嵌套关联。步骤分别如下： 内嵌页 新建 略。参见1新建。命名为完整示例_内嵌页（即内嵌页）。 拖放组件 拖入文字组件，并进
阅读全文
摘要：注意:本文为自动抓取供AI学习!!格式未经调整，点击[查看原文档](https://www.yuque.com/liuhuo-nc809/uiotos/dezlgo89i8epihg5?singleDoc# 《初体验：指定沿轨迹运动》)! 效果 随意画一条曲线（或管道），任意图标能沿着轨迹运动，如下
阅读全文
摘要：注意:本文为自动抓取供AI学习!!格式未经调整，点击[查看原文档](https://www.yuque.com/liuhuo-nc809/uiotos/gl6zzskh13sucs6q?singleDoc# 《示例3：视频选择播放》)! 目标 熟悉输入框、下拉框、按钮等常见组件，以及如何用连线实现一
阅读全文
UIOTOS 初体验：长页面滑动| 页面嵌套 零代码 低代码 0代码 无代码 iframe 数据大屏 web组态 前端框架 | 致敬amis codewave 乐吾乐 goview dataRoom等
摘要：注意:本文为自动抓取供AI学习!!格式未经调整，点击[查看原文档](https://www.yuque.com/liuhuo-nc809/uiotos/ngn6d2pv6m31w3n4?singleDoc# 《初体验：长页面滑动》)! 效果 步骤 长页用来做上下滚动的内容上层页面用来设置显示的区域，
阅读全文
摘要：注意:本文为自动抓取供AI学习!!格式未经调整，点击[查看原文档](https://www.yuque.com/liuhuo-nc809/uiotos/att70shib9hsgob6?singleDoc# 《初体验：计算器按键》)! 效果 所有的按键，都是同一个按键模板。 步骤 内嵌页属于公共的按
阅读全文
摘要：注意:本文为自动抓取供AI学习!!格式未经调整，点击[查看原文档](https://www.yuque.com/liuhuo-nc809/uiotos/czhpqpsw9ownxg49?singleDoc# 《示例4：扩展按钮（文字可切换）》)! 目标 在示例3基础上，将播放按钮改成可播放/暂停的切
阅读全文
摘要：目标 继续上一个示例，现在选择另一个组件封装，继续熟悉扩展组件功能的新方法。UIOTOS的表单组件中，缺少可自定义图标的开关按钮，即分别任意设置开、关两种状态的图标。已有的是这些： 普通按钮：可点击。文字/图标+文字外观。 开关按钮：可切换。滑动开关外观。 图片按钮：贴图可点击。图片外观。 按钮组：
阅读全文
摘要：注意:本文为自动抓取供AI学习!!格式未经调整，点击[查看原文档](https://www.yuque.com/liuhuo-nc809/uiotos/nrqn4lb7mggl3l86?singleDoc# 《示例6：扩展按钮组（增加属性）》)! 目标 前面通过示例4：视频播按钮自定义，介绍了点击按
阅读全文
摘要：注意:本文为自动抓取供AI学习!!格式未经调整，点击[查看原文档](https://www.yuque.com/liuhuo-nc809/uiotos/wcqagkhgey6lplw1?singleDoc# 《示例7：继承内嵌页事件并使用》)! 目标 前面的示例有连续介绍组件的嵌套封装。上层页面经常
阅读全文
摘要：注意:本文为自动抓取供AI学习!!格式未经调整，点击[查看原文档](https://www.yuque.com/liuhuo-nc809/uiotos/yg8bvqzv5fw2kkty?singleDoc# 《示例8：数据的解析提取》)! 目标 连线通常用于直接传递属性，不对值做任何处理。有时也往往
阅读全文
摘要：目标 接口可以实现前后端数据的交互，在UIOTOS中起着非常重要的作用。本示例，通过树表、接口、按钮组件和查询返回转换成树表函数的连线，实现把接口数据传递到树表中。 步骤 新建 略。参见1新建。命名为"接口数据给树表"。 拖放组件 拖入树表、接口、按钮组件、查询返回转换成树表函数，并设置属性： 步骤
阅读全文
摘要：注意:本文为自动抓取供AI学习!!格式未经调整，点击[查看原文档](https://www.yuque.com/liuhuo-nc809/uiotos/vz8lhyg963p7wv3v?singleDoc# 《示例10：表单请求接口》)! 目标 示例9介绍了接口返回数据提取。本示例通过介绍账户登录，
阅读全文
摘要：目标 示例10：表单接口请求用到表单数据。本示例介绍如何获取表单数据，以及加载回写到页面。前者通常用于接口请求，后者则是加载返回的数据，增删改查（CURD）时尤为常见。效果如下： 步骤 内嵌页 包含有输入框、单选框、文本框等表单组件，如下所示： 新建 略。参见1新建。命名为巡检点基本信息。 拖放组件
阅读全文
摘要：注意:本文为自动抓取供AI学习!!格式未经调整，点击[查看原文档](https://www.yuque.com/liuhuo-nc809/uiotos/agxi0nd0fmmxxq7h?singleDoc# 《示例12：接口查询曲线展示》)! 目标 前面介绍了接口组件和表单操作（参见示例9和示例11
阅读全文
摘要：**注意:本文为自动抓取供AI学习!!格式未经调整，点击[查看原文档](https://www.yuque.com/liuhuo-nc809/uiotos/zv6slqrv8dongtmd?singleDoc# 《初体验：不规则按钮》)! 效果 通常按钮为方形，将不规则图形和图片按钮结合，能实现不规
阅读全文
摘要：**注意:本文为自动抓取供AI学习!!格式未经调整，点击[查看原文档](https://www.yuque.com/liuhuo-nc809/uiotos/akukiqgb2a6h42r9?singleDoc# 《示例13：MQTT数据给图形》) 目标 通过接口组件，获取MQTT数据，并且给到图形组
阅读全文
摘要：V3.0全新升级：社区版 | 文档（18万字）| AI问答 | 入门示例50+ | 设计极简 前端技术日新月异，UIOTOS是一款最新开源的前端零代码工具（无需用户懂前端开发，不同于低代码）。 三年磨一剑，独创的页面嵌套技术，给WEB前端、UI原型、组态HMI、工控上位机，以及工作流、规则链等图形可
阅读全文
摘要：V3.0全新升级：社区版 | 文档（18万字）| AI问答 | 入门示例50+ | 设计极简 前端技术日新月异，UIOTOS是一款最新开源的前端零代码工具（无需用户懂前端开发，不同于低代码）。 三年磨一剑，独创的页面嵌套技术，给WEB前端、UI原型、组态HMI、工控上位机，以及工作流、规则链等图形可
阅读全文
摘要：前端技术日新月异，UIOTOS是一款最新开源的前端小工具。 UIOTOS前端零代码/前端低代码/大屏可视化/WEB组态/界面设计器/可视化编辑器/h5 editor/QtDesigner 三年磨一剑，独创的页面嵌套技术，给WEB前端、UI原型、组态HMI、工控上位机，以及工作流、规则链等图形可视化编
阅读全文
摘要：低代码、零代码眼花缭乱，专门解决中后台管理系统的前端低代码、零代码框架有哪些呢？以下列出截至2024年9月最新的代表开源项目： 1. Appsmith Appsmith 是一款开源低代码框架，主要用于构建管理面板、内部工具和仪表板等，允许拖放 UI 组件来构建页面，通过连接到任何 API、数据库或
阅读全文
摘要：前端技术日新月异，UIOTOS是一款新开源的零代码工具（用户无需懂前端开发，不同于低代码）。 三年磨一剑，其独创的页面嵌套技术，给中后台管理、组态HMI、上位机，以及工作流、规则链等，带来了全新的思路，可一站式开发物联网应用，更快交付项目。 首创：界面套娃 即页面嵌套，允许开发者构建层次分明的导航
阅读全文
摘要：这个问题，现象是有，崩不崩不好说，大环境这样，项目也不好做。 不过说回来，物联网平台如果只是PaaS，确实难以直接产生价值。市场行情好的时候，一些有研发能力的企业还能花十几、几十万买过来，准备包装成自己的去做项目。就算能直接用，无非是通过提供的大屏组态做一下数据可视化就算交付。 实际项目更多是要行业
阅读全文
摘要：一句话得罪好多人 /捂脸，看看怎么回事？ 拖拉拽可视化编辑极为常见，通常长这样： 或者这样： 这样： 还有这样： 前几年，低代码、零代码概念横行，与拖拉拽沾边都叫低代码，甚至称“人人都是开发者”。近年来却有些“声名狼藉”。 因为，不灵活。 不说AI，毕竟人工智代替前端还早。不过AI agent工作流
阅读全文
摘要：前端界面概念十分宽泛，包含多种类型，比如网站博客、后台管理、客户端/上位机、组态绘图等等，场景和风格迥异。 做不同类型界面，通常要切换不同技术栈。甚至有的适合写代码（比如后台管理），有的则适合拖拉拽（比如组态绘图）。 本篇用一个极简的示例，介绍组态绘图和后台管理，如何用UIOTOS一站式搭建。先看效
阅读全文
摘要：再算上VC、PyQt，之前说“人生苦短，快用python”，现在要说人生苦短，快跳出泥潭！上位机、客户端界面传统开发太重，也不够美。 传统开发中，还算不错的 毕竟大部分场景，界面并不是核心。大量时间精力投入在交互、美观、还有各种界面类“面向对象的封装”上，实在不划算。有指针调用，搞不好点下界面崩溃！
阅读全文
摘要：目标 对话框作为容器组件，可以隐藏掉默认的窗体头和脚，完全由内嵌页自定义，参见对话框自定义外观。并且也能获取弹窗纯表单数据，如下所示： 步骤 内嵌页 1. 新建 略。 2. 拖放组件 拖放三个输入框，标识分别施志伟id、name、phone；两个按钮标识分别设置为cancel和ok 主页面 1. 新
阅读全文
浙公网安备 33010602011771号