首页 > 其他分享 >页面嵌套,界面套娃,除了用iframe,还有其他方式吗?

页面嵌套,界面套娃,除了用iframe,还有其他方式吗?

时间:2024-05-07 21:14:19浏览次数:27  
标签:界面 连线 蓝图 嵌套 iframe UIOTOS 套娃 页面

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

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

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

官网给的介绍:

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

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

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

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

 

 

UIOTOS页面界面嵌套

逻辑连线

项目案例

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

标签:界面,连线,蓝图,嵌套,iframe,UIOTOS,套娃,页面
From: https://www.cnblogs.com/iotos/p/18178388

相关文章

  • easyui给iframe添加样式文件
    需求:有一个用easyui做的后台管理项目,已经上线运行好多年,在不影响功能运行的前提下美化页面。需要给所有的iframe添加样式文件;代码如下://iframe的id为mainIframe<iframeid="mainIframe"name="mainIframe"onload="iframeClick(this)"frameBorder="0"scrolling="auto"......
  • [MRCTF2020]套娃
    [MRCTF2020]套娃打开环境发现有张图片显示不出来查看网页源代码发现部分代码$query=$_SERVER['QUERY_STRING'];if(substr_count($query,'_')!==0||substr_count($query,'%5f')!=0){die('Y0uareSocutE!');}if($_GET['b_u_p_t�......
  • 【C】---- T6:嵌套循环输出字母
    题目使用嵌套循环,按下面的格式打印字母:FFEFEDFEDCFEDCBFEDCBA编程#include<stdio.h>intmain(void){//以ASCII值定义字母:A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Zconstintarr[26]={65,66,67,68,69,70,71,72,73......
  • selenium操作中遇到iframe怎么办
    在Selenium中,如果你遇到了iframe(内联框架),你需要首先切换到该iframe的上下文中,然后才能定位到iframe内部的元素。这是因为iframe是一个独立的文档环境,Selenium默认只能定位到主文档的元素,无法直接定位到iframe内部的元素。 以下是如何在Selenium中定位和处理iframe的步骤:查找......
  • 【vue3入门】-【19】组件嵌套关系
    组件嵌套关系组件允许我们将UI划分为独立的,可重用的部分,并且可以对每个部分进行单独的思考。在实际应用中,组件常常被阻止成层层嵌套的树状结构这和我们嵌套HTML元素的方式类似,Vue实现了自己的组件模型,使我们可以在每个组件内封装自定义内容和逻辑APP.vue<template><!--主......
  • 前端资源共享方案对比-笔记:iframe/JS-SDK/微前端
    vue2异步加载之前说过,vue3还是之前的方法,只是把 i18n.setLocaleMessage改为i18n.global.setLocaleMessage但是本文还是详细说一遍:为什么需要异步加载语言包主要还是缩小提代码包,没有按需加载前,语言包内容太多好几屏幕全部是,虽然从webpack-analysis看图里面占比可以忽略不计......
  • 嵌套从属名称(nested dependent names)
    template<typenameT>voidfunc(constT&arg){intn;Tt;T::iteratorit;}非从属名称(non-dependentnames):不依赖任何模板参数的名称:非从属类型:int非从属名称:intn;从属名称(dependentnames):模板内出现的名称,相依于某个模板参数:从属类型:......
  • day16_我的Java学习笔记 (Set、案例、Collections、Map、集合嵌套)
    1.Set系列集合1.1Set系列集系概述1.2HashSet元素无序的底层原理:哈希表JDK1.7HashSet原理解析:JDK1.8HashSet原理解析:1.3HashSet元素去重复的底层原理Set集合去重复的原因,先判断哈希值,再判断equals重写equals()和HashCode()方......
  • HarmonyOS NEXT应用开发之多层嵌套类对象监听
    介绍本示例介绍使用@Observed装饰器和@ObjectLink装饰器来实现多层嵌套类对象属性变化的监听。效果图预览使用说明加载完成后显示商品列表,点击刷新按钮可以刷新商品图片和价格。实现思路创建FistGoodsModel类,类对象是用@Observed修饰的类SecondGoodsItemList,SecondGoods......
  • 第三方系统通过iframe嵌套集成grafana
    具体步骤:1.开启允许集成嵌套配置,默认不允许[security]allow_embedding=true2.生成签名验证文件(官网提供三种方式,具体参考官网)在线生成JWK:https://mkjwk.org/复制生成的sharedkeyset到文件jwks.json中catjwks.json{"keys":[{"kty":"......