跳到主要内容

多页面应用案例

1. 创建应用

  1. 点击新增按钮
  2. 填写看板内容
    1. 名称:应用的名称,同时也是应用默认页面的名称
    2. 场景:应用展示的平台(Web端、移动端)
    3. 场所:应用展示的组织节点
    4. 页面轮播:控制应用中页面轮播的开关,默认为否,打开后可以设置页面轮询的时间间隔,默认为60s
  3. 点击确定按钮:默认在当前应用中创建一个页面,且页面默认为应用的主页

创建应用

进入设计页面

  1. 当前编辑的页面名称
  2. 应用中所有页面的列表

进入页面

2. 创建页面

  1. 点击 ➕ 按钮,创建空白的页面,默认名称为新页面

创建页面

3. 页面列表

当前编辑页面的背景色高亮

应用的主页默认显示在列表的首位,并显示绿色的星标

页面列表

3.1 切换编辑页面

  1. 点击页面的名称
  2. 确定打开页面

切换编辑页面

切换编辑页面

3.2 设置应用主页

  1. 点击设置主页的图标,完成后主页将显示在列表的首位

设置应用主页

设置应用主页

3.3 编辑页面名称

  1. 点击编辑名称的图标,输入新名称
  2. 点击Enter或焦点离开即可

编辑页面名称

编辑页面名称

3.4 删除页面

⚠️ 应用主页面和当前编辑页面不可删除,即不显示删除图标
  1. 点击删除的图标
  2. 确定删除页面

删除页面

删除页面

4. 应用跳转设置

使用组件交互能力中的打开链接功能实现跳转指定应用的指定页面 。

  1. 选择按钮组件
  2. 在交互中新增点击事件
  3. 选择动作【打开链接】
  4. 选择页面源【数据应用】
  5. 选择类型【看板页】
  6. 选择应用(指定目标应用)
  7. 选择子页面(指定目标应用下的页面)
⚠️ 备注:目标应用将按自身的设置运行。

例:目标应用开启了页面轮播,则跳转到指定目标应用的页面后会按钮设置间隔时间开始轮播。

手动跳转指定页面