iframe的替代方案有吗?做页面嵌套界面套娃

 UIOTOS可以了解下,uiotos.net,通过连线来代替脚本逻辑开发,复杂的交互界面,通过页面嵌套轻松解决,是个很新颖的思路,前端零代码!

蓝图连线尤其是独创的页面嵌套和属性继承技术,好家伙相当于把vue的组件化、增量式面向对象开发,直接搬到前端拖拽工具上,无代码编程了。

总的来说,这上面的理念,看到是用连线代替脚本开发,复杂连线和界面,通过页面嵌套可以轻松解决。

官网给的介绍:

  • 一款拥有独创技术的前端零代码工具,专注于解决前端界面开发定制难题,原型即应用!

  • 具有页面嵌套、属性继承、节点连线等全新特性,学习门槛低,功能极为灵活。

  • 用户无需懂任何前端开发技术,简单了解使用规则,就能够按照业务需求,定制开发复杂的WEB应用。

  • 主要面向后端/算法工程师、硬件/电气工程师,以及产品经理、UI、美术、实施工程师等。

4c6738e41eb14c9e68f2e18dd42ffa87.jpeg

UIOTOS页面界面嵌套

1cd6202ceb473b6119cdde035c9c4dd8.jpeg

逻辑连线

be9da212f7673868f34384e176fbc9c0.jpeg

项目案例

  • 与低代码相比,UIOTOS是无代码工具,交付定制化的前端业务应用,对实施工程师无编程技能要求。

  • 与WEB组态相比,UIOTOS是一款可视化编程工具,不仅用于可视化,更能搭建复杂业务逻辑。

  • 与蓝图/NodeRed相比,UIOTOS提供的节点编辑连线变成能力,除了可支持工作流、规则链,更能实现交互、属性、业务逻辑更复杂的UI界面应用。

  • 与Vue前端框架相比,都支持增量化开发、一切都是组件,UIOTOS从完全无代码的层面,以特有的页面嵌套、属性继承和节点编程,实现跟代码开发趋于等同的效果。

  • 与iframe和微前端相比,UIOTOS在表现上有类似的嵌套聚合效果,但采用了独创的嵌套继承技术,让页面实现真正融合,页面和组件不再有区分,并且开箱即用,无需任何代码。


关于嵌套和连线,chatGPT是这么说的:

关于嵌套 界面嵌套,简单来说,就是在某个界面里面再包含一个或多个小界面。这就像俄罗斯套娃一样,一个娃娃里头还能找到更小的娃娃。在软件或网页设计中,嵌套通常用于构建层次分明、功能模块化的界面结构。作用有:

  • 组织结构清晰:通过嵌套,可以将复杂的应用程序分割成逻辑上更加独立、易于管理和维护的小部分。每个小界面专注于完成特定功能,使得整体设计更加有序。

  • 导航逻辑更自然:嵌套路由允许用户在不同功能模块之间平滑过渡,模拟文件夹式的浏览体验,符合用户的认知习惯。

  • 复用组件:嵌套的界面可以重复使用相同的组件或布局,减少代码重复,提高开发效率。

  • 状态管理简化:嵌套界面有助于将状态管理限制在较小的范围内,降低不同功能模块之间的耦合度,使得状态变更更加可控。

  • 提升用户体验:通过只展示相关联的内容,避免信息过载,使用户能够聚焦于当前任务,从而提升使用体验。

  • 动态加载与性能:在某些情况下,嵌套界面可以按需加载,不必一次性加载整个应用的所有内容,有助于提升应用的初始加载速度和整体性能。

总之,界面嵌套是一种重要的设计手段,它帮助开发者构建结构清晰、易于维护且用户友好的应用程序。 关于连线 蓝图节点连线是在使用蓝图可视化编程系统(尤其是游戏开发领域,如虚幻引擎Unreal Engine)时的一种核心概念。具体来说,蓝图节点连线涉及到以下几个方面:

  • 逻辑构建:蓝图节点连线允许开发者通过图形化方式构建复杂的逻辑结构,而不需要直接编写传统的代码。这对于没有编程背景的设计师或艺术家尤其友好,他们可以利用蓝图创建游戏机制、动画序列、AI行为等。

  • 快速原型设计:因为无需编译,蓝图的修改可以即时预览,大大加快了从概念到可玩原型的迭代速度。这对于快速测试游戏设计想法非常有用。

  • 可视化的程序结构:连线直观地展示程序逻辑流,使得代码的逻辑结构一目了然,便于理解和维护。

  • 团队协作:蓝图的视觉特性使得项目成员之间可以更容易地交流设计理念和实现细节,促进跨职能团队的合作。

  • 动态调整和优化:在开发过程中,可以根据需要轻松调整节点和连线,即时反馈游戏或应用的行为变化,便于调试和性能优化。

  • 复用和模块化:可以通过封装一组节点为一个可复用的蓝图类或宏,提高开发效率,减少重复工作。

总之,蓝图节点连线是实现快速、灵活、直观编程的关键手段,它在简化开发流程、加速创意实现、促进团队协作等方面发挥着重要作用,尤其是在游戏开发这类需要频繁迭代和创意实验的领域。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://xiahunao.cn/news/3029548.html

如若内容造成侵权/违法违规/事实不符,请联系瞎胡闹网进行投诉反馈,一经查实,立即删除!

相关文章

敏感信息提取插件-CaA(三)

0x01 简介 CaA是一个基于BurpSuite Java插件API开发的流量收集和分析插件。它的主要作用就是收集HTTP协议报文中的参数、路径、文件、参数值等信息,并统计出现的频次,为使用者积累真正具有实战意义的Fuzzing字典。除此之外,CaA还提供了独立的…

SMI接口

目录 SMI 接口帧格式读时序写时序 IP 设计IP 例化界面IP 接口IP 验证 SMI 接口 SMI(Serial Management Interface)串行管理接口,也被称作 MII 管理接口(MII Management Interface),包括 MDC 和 MDIO 两条信…

system函数和popen函数

system函数 #include <stdlib.h> *int system(const char command); system函数在linux中的源代码&#xff1a; int system(const char * cmdstring) {pid_t pid;int status;if(cmdstring NULL){return (1);}if((pid fork())<0){status -1;}else if(pid 0){ //子…

翻工第二次 Ant Design Pro 下载,发现问题,电脑网络配置有误,魔法了

一、相关网址链接 鱼皮的用户中心项目 &#xff08;前端Ant Design Pro构建&#xff09; 语雀 ## 没有选择umi版本这一步 Issue #11144 ant-design/ant-design-pro GitHub 关于umi ui图标未显示问题_umi ui不出现-CSDN博客 二、存在问题 导致下载速度慢 本人镜像代码写…

TDN: Temporal Difference Networks for Efficient Action Recognition 论文阅读

TDN: Temporal Difference Networks for Efficient Action Recognition 论文阅读 Abstract1. Introduction2. Related work3. Temporal Difference Networks3.1. Overview3.2. Short-term TDM3.3. Long-term TDM3.4. Exemplar: TDN-ResNet 4. ExperimentsAblation studiesCompa…

【计算机毕业设计】springboot工资管理系统

人类现已迈入二十一世纪&#xff0c;科学技术日新月异&#xff0c;经济、资讯等各方面都有了非常大的进步&#xff0c;尤其是资讯与 网络技术的飞速发展&#xff0c;对政治、经济、军事、文化等各方面都有了极大的影响。 利用电脑网络的这些便利&#xff0c;发展一套工资管理系…

深度剖析:SSD能否全面取代HDD?-2

近日&#xff0c;希捷针对SSD即将全面取代HDD的市场预言也提出站在HDD厂商角度不同的观点。 这些观点出自希捷的一份演示文稿&#xff0c;实质上是对Pure Storage首席执行官Charlie Giancarlo所称“五年内不会再有新的磁盘系统出售”这一论断的回应&#xff0c;意味着到2028年底…

JavaScript使用 BigInt

在 JavaScript 中&#xff0c;最大的安全整数是 2 的 53 次方减 1&#xff0c;即 Number.MAX_SAFE_INTEGER&#xff0c;其值为 9007199254740991。这是因为 JavaScript 中使用双精度浮点数表示数字&#xff0c;双精度浮点数的符号位占 1 位&#xff0c;指数位占 11 位&#xff…

Transformers中加载预训练模型的过程剖析

使用HuggingFace的Transformers库加载预训练模型来处理下游深度学习任务很是方便,然而加载预训练模型的方法多种多样且过程比较隐蔽,这在一定程度上会给人带来困惑。因此,本篇文章主要讲一下使用不同方法加载本地预训练模型的区别、加载预训练模型及其配置的过程,藉此做个记…

PXE批量部署,一键安装配置多台Linux系统

目录 一、PXE批量部署的优点 二、搭建PXE远程安装服务器 1. 实验初始化设置 2. 一键安装软件包 3. 复制 vmlinuz、initrd.img、pxelinux.0文件 4. 配置PE启动菜单配置文件 5. 修改配置文件&#xff0c; 启动各个软件服务 6. kickstart自动应答文件修改启动菜单配置文件…

CSCWD 2024会议最后一天 女高音惊艳全场,相声笑破肚皮

会议之眼 快讯 今天是第27届国际计算机协同计算与设计大会&#xff08;CSCWD 2024&#xff09;举办的最后一天&#xff01;会议依然热络&#xff0c;紧张而充实&#xff01;各个技术分论坛持续展开&#xff0c;学者们的热情不减&#xff0c;对技术领域的热爱和探索精神令人赞叹…

测试环境搭建整套大数据系统(十六:超级大文件处理遇到的问题)

一&#xff1a;yarn出现损坏的nodemanger 报错现象 日志&#xff1a;1/1 local-dirs usable space is below configured utilization percentage/no more usable space [ /opt/hadoop-3.2.4/data/nm-local-dir : used space above threshold of 90.0% ] ; 1/1 log-dirs usabl…

文件批量重命名技巧:文本内容即文件名,打造个性化文件命名新体验

在日常工作和学习中&#xff0c;我们经常需要处理大量的文件&#xff0c;而给这些文件命名则成为了一个既繁琐又重要的任务。传统的文件命名方式&#xff0c;如使用数字、字母或简单的描述性词汇&#xff0c;往往难以体现出文件的实际内容和特点。那么&#xff0c;有没有一种方…

不同阶层在韩留学生的生活差距,柯桥留学韩语培训

有很多同学问韩国留学花费是多少&#xff0c;楼主一般都会回答每年12-15万左右&#xff0c;这是一个平均数&#xff0c;也是大部分学生的花费。 但如果按真实情况来说&#xff0c;可能是0~100万&#xff0c;因为每名同学的家庭经济情况不同&#xff0c;花费完全看家里给多少&am…

【面试必备】Java基础80问-个人摘记

Java基础80问 1. 说说&和&&的区别 &和&&都可以用作逻辑与的运算符。&&还具有短路的功能&#xff0c;即如果第一个表达式为false&#xff0c;则不再计算第二个表达式&#xff1b;&还可以用作位运算符&#xff0c;当&操作符两边的表达…

官宣:vAsterNOS正式发布!开放网络操作系统免费试用!

近期&#xff0c;vAsterNOS&#xff08;设备模拟器&#xff09;正式发布&#xff0c;可以满足用户快速了解 AsterNOS、体验实际操作、搭建模拟网络的需求&#xff0c;可运行在GNS3、EVE-NG等网络虚拟软件中。 AsterNOS 网络操作系统是星融元为人工智能、机器学习、高性能计算、…

HarmonyOS开发案例:【生活健康app之编写通用工具类】(5)

本节将介绍日志打印、时间换算等通用工具类的编写和使用&#xff0c;工具类可以简化应用代码编写和业务流程处理。 日志类 日志类Logger旨在提供一个全局的日志打印、日志管理的地方&#xff0c;既可以规范整个应用的日志打印&#xff0c;也方便日后对日志工具类进行修改&…

从头开始的建材类电商小程序开发指南

在当今数字化时代&#xff0c;小程序已经成为了许多企业推广和销售的重要渠道。对于建筑材料行业来说&#xff0c;开发一个属于自己的小程序商城不仅可以提升产品曝光度&#xff0c;还可以提供更好的用户购物体验。下面&#xff0c;我们将逐步教你如何开发建筑材料行业小程序。…

API接口开发实现一键智能化自动抓取电商平台数据商品详情支持高并发免费接入示例

要开发一个API接口&#xff0c;用于自动抓取电商平台的商品详情数据&#xff0c;并支持高并发和免费接入&#xff0c;你需要考虑以下几个步骤&#xff1a; 确定目标电商平台和商品详情的数据结构。设计API接口规范&#xff0c;包括请求和响应格式。实现数据抓取逻辑&#xff0…

YOLO数据集制作(一)|Labelme标注的矩形框json文件转txt

以下教程用于将使用Labelme软件标注生成的json格式文件转成YOLO使用的txt格式&#xff0c;适用场景&#xff1a;矩形框 使用方法&#xff1a;将json文件夹路径填到json_dir后&#xff0c; 将保存转化后txt的路径填入txt_dir后&#xff0c;运行即可转化。 运行完成后会生成label…