尽管都能嵌套,UIOTOS主要是界面嵌套,而iframe是网页嵌套。其他多个方面存在显著的区别,以下是对两者主要区别的详细对比:1. 定义与用途UIOTOSUIOTOS是一款无需编程的前端开发工具,通过独特的专利技术,帮助非开发者快速定制复杂的WEB应用。它专注于解决前端界面开发定制难题,提供常规编辑、绘图、组件、样式配置、数据绑定等功能,并支持页面嵌套、属性继承、节点连线等高级特性。主要面向
原创 21天前
43阅读
UIOTOS与iframe在嵌套方面的对比区别主要体现在技术实现、功能整合、开发效率及维护性等多个方面。1. 技术实现UIOTOSUIOTOS通过其独特的页面嵌套技术,允许用户将不同的页面或组件无缝地集成在一起。这种嵌套不仅仅是界面上的整合,更重要的是实现了功能上的深度融合。UIOTOS支持属性继承,即下层页面的组件属性可以被上层页面继承和使用,这使得开发者能够在上层页面直接配置内嵌页面的组件
原创 21天前
30阅读
使用UIOTOS来开发界面,与Qt、QML、VC(Visual C++)、WPF、C#相比,具有其独特的优劣势。以下是对这些工具在开发界面方面的优劣势进行的详细分析:UIOTOS的优势低代码/无代码开发: UIOTOS作为一款前端零代码工具,显著降低了开发门槛。用户无需编写代码,只需通过拖拽、配置、连线等操作即可快速搭建界面,极大地提高了开发效率。特别适合非技术背景的产品经理、UI设计师等人员使用
原创 21天前
37阅读
使用UIOTOS来开发界面,与Qt、QML、VC(Visual C++)、WPF、C#相比,具有其独特的优劣势。以下是对这些工具在开发界面方面的优劣势进行的详细分析:UIOTOS的优势低代码/无代码开发: UIOTOS作为一款前端零代码工具,显著降低了开发门槛。用户无需编写代码,只需通过拖拽、配置、连线等操作即可快速搭建界面,极大地提高了开发效率。特别适合非技术背景的产品经理、UI设计师等人员使用
原创 21天前
35阅读
要想零代码开发复杂应用界面,不仅仅是可视化大屏展示,或者简单表单页面。比如下面这款开源工具UIOTOS,通过嵌套,能把其他页面引用过来,复杂的功能模块化拆解、封装,真正实现“搭积木”、原型即应用:UIOTOS项目地址: 官网:https://www.uiotos.net/码云:https://gitee.com/uiotos/uiotos-communityGitHub:https://githu
原创 21天前
25阅读
​​页面嵌套​​​是​​UIOTOS​​​中一项独创技术,是实现​​页面即组件​​​的关键,相关操作也是​​UIOTOS​​与几乎所有其他编辑器的最大区别。
点击切换至:AI版文档手册(检索极快,智能问答)简介UIOTOS是一款开箱即用的前端工具,支持页面嵌套,用户可以0基础,像套娃一样,开发搭建IoT、后台管理、上位机、组态HMI等多类GUI界面应用,不止于可视化。产品以原生javascript结合ht.js图形栈实现,独创页面嵌套技术,支持蓝图连线,实现了页面组件化、逻辑规则链等先进特性,弥补了传统拖拽编辑的不足,达到与代码开发媲美的效果。用户无需
说明布局在软件界面中极为重要。如下所以在无布局时,页面尺寸变化,组件的位置和尺寸都不变:UIOTOS提供了多种布局方式,以满足不同需求,本篇主要介绍以下两种:底板布局(弹性伸缩)页面或窗口尺寸变化,组件宽或度不变,或自动伸缩填充。如下所示(主要用于管理系统、上位机、客户端界面等):在线示例缩放布局(适配内容)按照页面或浏览器窗口整体等比缩放。如下所示(主要用于工业组态、数据大屏、示例绘图/拓扑图等
本篇并非关于具体某个组件,而是针对全部(或某类)组件的公共属性介绍,避免在文档中重复录入。组件的专有属性,分别在所属分组文档中介绍。
入门和进阶篇(连线、嵌套、布局等)主要是围绕组件进行的,UIOTOS中一切都是组件(见技术原理)。本部分内容,首先总体介绍组件分类和属性分类,然后按照面板分组,分别提供组件的详细使用文档。
主要用于绘制线条、矩形、弧形、不规则图形、管道等等。在可视化大屏、组态等制作时,经常用到。(CURD中后台管理系统的UI界面,较少用到)
本篇以视频为主,介绍多媒体相关的组件。包括实时监控、视频播放、图片/GIF等。 视频说明填入.mp4等视频文件的在线URL地址,即可播放。如下所示:注意:视频组件无法打开.flv等实时监控链接(需要用监控组件)。属性功能视频地址 (videoURL)字符串类型``可读写视频文件URL播放地址。视频文件URL,要求是静态资源文件的网络地址。(对应html的video标签)。 自动播放(autopla
效果步骤新建略。参见1新建。命名为"随机颜色设置"。 拖入组件拖入组件定时器、随机数、矩形组件,并属性设置。随机数属性设置:矩形属性设置:完整步骤如下:连线操作具体如何连线?步骤1:定时器→执行(随机数)。 步骤2:输出(随机数)→(背景)矩形。效果开启定时器。注意:本示例采用的是规则矩形,也可以任意绘制不规则图形,一样实现随机填充颜色,参见不规则图形。
原创 21天前
43阅读
效果步骤长页用来做上下滚动的内容上层页面用来设置显示的区域,纵向超出的部门能上下滑动。步骤分别如下: 长页新建参见1新建。命名为"移动端内嵌页面-模拟"(内容长页)。摆放将多个模块(这里以图片来代替),收尾相连,摆放成一列,并调整底板与图片大小一致。布局逐个选中素材,右键菜单自动布局(或快捷键shift+回车),开启专业模式,布局都设置横向左右,纵向上,可参见布局。上层页面新建参见1新建。命名为"
原创 21天前
50阅读
目标熟悉输入框、下拉框、按钮等常见组件,以及如何用连线实现一个典型的交互效果,如下所示:过程中,涉及到将数据通过用户数据(每个组件都有)属性逐级传递这种操作。步骤新建略。参见1新建。命名为视频列表选择播放。 拖放组件拖入视频、输入框、下拉框、按钮组件,并进行属性设置。步骤如下:**步骤1:**拖入视频(面板中组件-视频)。**步骤2:**拖入输入框(面板中组件-表单)。外观属性组设置: 设置标签文
原创 21天前
47阅读
本篇主要介绍曲线、饼图、柱状图等图表组件。其中曲线使用场景较多,这里分为统计曲线、实时曲线等。
常规的容器组件,仅提供嵌套基础功能,本身无任何其他专属功能。相比之下,对话框可以弹窗、tab页签可以多页切换,滚动页能够超出内容区域滑动等。
特别说明:这里指组件,可开箱即用,并非代码函数。本手册不要求用户要了解代码编程。UIOTOS中一切都是组件。函数属于其中的功能类组件,有输入、输出、执行属性作为最基础的特性,理论上可以组成最小的逻辑单元,与芯片和逻辑电路中的三极管等类似:通过最简单的透明传递(transfer)搭配组合,也能实现一些通用的基础逻辑模块,类比有助于帮助理解本工具逻辑实现原理,以及能实现的程度。以“类三极管”的灵活性(
本篇介绍消息通信相关,主要涉及周期触发的定时器组件、HTTP/MQTT/(WebSocket)相关的接口组件、以及跨页面``/跨网页通信的收发器(消息总线)组件等。 定时器(timer)说明周期或定时触发事件。支持设置间隔周期(interval)和输出内容(output)。通常与基本数学计算(calculation)、随机数(random)等配合使用,用以周期性触发计算输出值。参见随机数:函数 属
本篇主要介绍图形可视化相关的组件,也叫部件。通常用于工控组态和数据大屏。图表有曲线、饼图等大屏展示相关的组件,但仅限于那一类。其他非标的杂项展示小部件,放到这里。仪表盘扇叶(fan)说明初体验:扇叶(图标)旋转中有介绍扇叶转动,不过用的图标而不是组件,增加角度属性值实现转动。扇叶组件不一样,本身带有转动控制、和速度设置功能。如下所示:高级属性支持轴测2.5D(暂略)。属性扇叶开关(fan.swit
  • 1
  • 2
  • 3
相关文章

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

UIOTOS文档:扇叶(图标)旋转 | 页面嵌套 零代码 低代码 0代码 无代码 iframe 数据大屏 web组态 前端框架 | 致敬amis codewave 乐吾乐 goview dat

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

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

UIOTOS文档:常规(基础篇) | 页面嵌套 零代码 低代码 0代码 无代码 iframe 数据大屏 web组态 前端框架 | 致敬amis codewave 乐吾乐 goview dat

UIOTOS文档:常规(高级篇) | 页面嵌套 零代码 低代码 0代码 无代码 iframe 数据大屏 web组态 前端框架 | 致敬amis codewave 乐吾乐 goview dat

UIOTOS文档:嵌套(高级篇) | 页面嵌套 零代码 低代码 0代码 无代码 iframe 数据大屏 web组态 前端框架 | 致敬amis codewave 乐吾乐 goview dat

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

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

UIOTOS文档:连线(基础篇)| 页面嵌套 零代码 低代码 0代码 无代码 iframe 数据大屏 web组态 前端框架 | 致敬amis codewave 乐吾乐 goview dat