页面嵌套、蓝图连线，在WEB组态大屏和前端界面开发上的应用——UIOTOS前端零代码设计理念

官网：www.uiotos.net

背景

关于嵌套

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

• 组织结构清晰：通过嵌套，可以将复杂的应用程序分割成逻辑上更加独立、易于管理和维护的小部分。每个小界面专注于完成特定功能，使得整体设计更加有序。
• 导航逻辑更自然：嵌套路由允许用户在不同功能模块之间平滑过渡，模拟文件夹式的浏览体验，符合用户的认知习惯。
• 复用组件：嵌套的界面可以重复使用相同的组件或布局，减少代码重复，提高开发效率。
• 状态管理简化：嵌套界面有助于将状态管理限制在较小的范围内，降低不同功能模块之间的耦合度，使得状态变更更加可控。
• 提升用户体验：通过只展示相关联的内容，避免信息过载，使用户能够聚焦于当前任务，从而提升使用体验。
• 动态加载与性能：在某些情况下，嵌套界面可以按需加载，不必一次性加载整个应用的所有内容，有助于提升应用的初始加载速度和整体性能。

总之，界面嵌套是一种重要的设计手段，它帮助开发者构建结构清晰、易于维护且用户友好的应用程序。

关于连线

蓝图节点连线是在使用蓝图可视化编程系统（尤其是游戏开发领域，如虚幻引擎Unreal Engine）时的一种核心概念。具体来说，蓝图节点连线涉及到以下几个方面：

• 逻辑构建：蓝图节点连线允许开发者通过图形化方式构建复杂的逻辑结构，而不需要直接编写传统的代码。这对于没有编程背景的设计师或艺术家尤其友好，他们可以利用蓝图创建游戏机制、动画序列、AI行为等。
• 快速原型设计：因为无需编译，蓝图的修改可以即时预览，大大加快了从概念到可玩原型的迭代速度。这对于快速测试游戏设计想法非常有用。
• 可视化的程序结构：连线直观地展示程序逻辑流，使得代码的逻辑结构一目了然，便于理解和维护。
• 团队协作：蓝图的视觉特性使得项目成员之间可以更容易地交流设计理念和实现细节，促进跨职能团队的合作。
• 动态调整和优化：在开发过程中，可以根据需要轻松调整节点和连线，即时反馈游戏或应用的行为变化，便于调试和性能优化。
• 复用和模块化：可以通过封装一组节点为一个可复用的蓝图类或宏，提高开发效率，减少重复工作。

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

UIOTOS设计理念

定位

UIOTOS作为通用型可视化拖拽编辑工具，本质上属于一款可视化编程软件。当下侧重在IoT数字化场景，作为物联网应用使能平台，支持无代码实施交付物联网平台的上层业务应用（兼容组态大屏可视化）！

使命

前端开发不求人！

原则

• 所有WEB资源包括jquey、vue等控件、js函数库，都可封装成基础组件，用于拖拽嵌套、连线编程。
• 属性列表=组件API，连线操作=代码调用，页面嵌套继承=面向对象封装，嵌套=实例化。
• 页面=组件。即组件的扩展开发，可以代码开发，也可以无代码（搭建的带有嵌套继承、连线编程的页面，可以被其他页面嵌套，当成组件一样使用）。
• 对用户无任何代码编程技能要求。

差异化

• 与低代码相比，UIOTOS是无代码工具，交付定制化的前端业务应用，对实施工程师无编程技能要求。
• 与WEB组态相比，UIOTOS是一款可视化编程工具，不仅用于可视化，更能搭建复杂业务逻辑。
• 与蓝图/NodeRed相比，UIOTOS提供的节点编辑连线变成能力，除了可支持工作流、规则链，更能实现交互、属性、业务逻辑更复杂的UI界面应用。
• 与Vue前端框架相比，都支持增量化开发、一切都是组件，UIOTOS从完全无代码的层面，以特有的页面嵌套、属性继承和节点编程，实现跟代码开发趋于等同的效果。
• 与iframe和微前端相比，UIOTOS在表现上有类似的嵌套聚合效果，但采用了独创的嵌套继承技术，让页面实现真正融合，页面和组件不再有区分，并且开箱即用，无需任何代码。