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

**

注意:本文为自动抓取供AI学习!!格式未经调整，点击查看原文档!

**

说明

开始篇介绍了编辑器的界面布局、目录结构以及常见快捷键，本篇将详细介绍常规的基础操作，以及需要了解的背景知识。更多参见常规（高级篇）。

新建页面

除了拷贝页面工程复制页面，可以通过如下步骤新建空白页面：

注意事项：

• 初始登录，如果有上次未关闭的页面，会自动打开。如果没有，则自动进入示例页，此时通过方式二：菜单面板来新建，或者点击切换到。
• 新建页面通常需要在用户目录下进行。参见3.5开始第一个应用。

方式一：图标点击点击空白区域新建图标。
进入文件选项，且没有任何已打开的页面时，右侧内容区域会出现新建图标。点击时，会自动在用户目录下创建新页面，并提示输入文件名。

方式二：菜单面板点击左上角新建。
方式三：右键菜单如下所示，在文件面板中右键菜单，选择新建页面即可：

拷贝页面工程

UIOTOS提供了丰富的示例和模板，学习参考时，首先涉及到页面工程的拷贝。尤其是常规账号，无法直接修改示例，需拷贝到用户空间（详情）。
首选需了解以下两方面：
命名规范：依赖页面在同名目录内传统可视化编辑中，页面和页面通常是完全独立的，带上依赖的图标、资源，就组成一个项目（工程）。

即便存在对其他页面的操作，通常也只是交互跳转、数据传递等，并不影响当前页面的加载显示和页面内的交互操作。

UIOTOS支持页面嵌套页面，该机制决定了页面之间不再是完全独立的，可以存在依赖关系，层层嵌套封装。因此，某个依赖的页面丢失或路径变动，会导致当前页面加载失败。
因此，对于页面路径和目录命名，需遵守指定规范。内容如下：

1. 页面依赖的其他页面，原则上需存放到同名目录下。

如下所示，典型示例页面有嵌套其他页面，需确保在同一目录下，存在同名的子目录（也叫依赖目录），用于存放所有依赖的内嵌页：

因此经常看到某个目录下，页面和与页面同名的子目录并存的情况。

2. 层层依赖的无限嵌套过程，同样适用第1条规范。

比如典型示例依赖的内嵌页，又依赖了其他页面，那么内嵌页在其目录下，继续保持页面和同名目录并存的方式。示意如下：

• 页面A（页面）
• 页面A（目录）
  • 页面B（页面）
  • 页面B（目录）
    • 页面C（页面）
    • 页面C（目录）
      • ……
      • ……

因此，可以认为，页面的依赖目录中，存放了所有直接或间接依赖的所有其他页面。通常只要确保依赖目录存在，并且放在同一级，就能确保页面能正常加载和使用。

3. 公共依赖页不受命名规范限制，但需确保存放路径稳定。

规则1和2主要是针对页面专属的内嵌页。如果一个页面，被多个不同的页面依赖，通常就叫公共依赖页。这类页面无需、也无法按照其中一个被依赖的页面按上述规则存放。通常如下：

1. 局部多个页面依赖时，放在这些页面共同路径下的子目录内，目录名称不限。

如下所示，01~04多个页面都用到了内容维护目录下的页面：

这样做的好处是会自动采用相对路径，上层目录移动或者修改名称，当前页面的运行不受任何影响。
2. 全局被依赖的页面，最好放到指定的系统目录，或用户项目的公共目录，确保名称和路径不变。

如下所示，对话框组件默认的文本框内嵌页，固定放在UIOTOS系统目录内。右键菜单收藏的页面或组件，也有指定的目录。

文件面板：目录树和下级文件列表编辑器左侧文件面板中，左上为目录树节点层级，下方为选定上方目录节点后，下级子目录和文件列表。
拷贝页面工程时，首先在左上面板选中页面所在的目录节点，然后从左下面板列表中，选中页面文件和同名目录（如果有），右键复制粘贴到指定位置即可（通常是用户目录）。如下所示：

对象和键值对

UIOTOS支持复杂的交互和业务逻辑，因此经常涉及到数据格式，需要首先了解对象和键值对的基本概念，参见JSON。
对象由一个或多个键值对构成，每个键值对有一个字段和一个值。其中字段为字符串，值可以基本类型（字符串、数字等），还可以同为对象。如下所示：