codewave-openclaw-installer 1.0.0

package/skills/smart-customer-service/docs/codewave/20./345/272/224/347/224/250/345/274/200/345/217/221/10./351/241/265/351/235/242/350/256/276/350/256/241/13./347/253/257/344/273/213/347/273/215.md

@@ -0,0 +1,151 @@
+# 端介绍
+
+## 1. 功能概述
+
+CodeWave智能开发平台支持通过可视化的方式搭建PC端、H5端的应用，在应用可视化开发界面，每个应用端可以独立添加页面、前端全局变量和事件，又可以共享服务端逻辑和数据。
+
+- PC端：页面展示效果主要适配电脑端页面。
+- H5端：页面展示效果主要适配移动设备。
+
+## 2. 功能介绍
+
+PC端支持重命名、自定义主题样式、权限模块配置、删除和操作记录，H5端支持重命名、自定义主题样式、发布设置、删除和操作记录。
+
+<img src="../assets/yingyongduanjieshao_202408301555_1.png" class="imgStyle" style="width:300px;" />
+
+<img src="../assets/yingyongduanjieshao_202408301555_2.png" class="imgStyle" style="width:300px;" />
+
+- **重命名**：将端应用重新命名。
+- **自定义主题样式**：开发者可以通过自定义主题样式自定义应用的外观和颜色，如更改文本颜色、背景颜色、字体大小等，使其应用具有独特的外观和风格。关于自定义主题样式的详细介绍，请参见：[自定义主题样式](../60.可视化开发界面/70.更多设置/30.自定义主题样式.md)。
+- **权限模块配置**：开发者可以通过权限模块配置来约束制品用户或角色对组件、页面和数据的访问权限。关于权限模块配置的详细介绍，请参见：[权限模块配置](../../20.应用开发/10.页面设计/35.权限模块/005.权限模块配置.md)。
+- **发布设置**：CodeWave智能开发平台支持将H5应用发布为微信小程序。开发者可以通过点击“**发布设置**”配置小程序相关信息。关于发布设置的详细介绍，请参见：[H5应用发布为微信小程序](../../30.应用生命周期管理/050.应用发布与访问/20.H5应用发布为微信小程序.md)。
+- **删除**：将该端应用删除。
+
+- 操作记录：支持查看应用端最新一次分支推送记录。
+
+  <img src="../assets/yingyongduanjieshao_202408301555_3.png" class="imgStyle" style="" />
+
+
+> 同一个可视化开发的应用中，可以包含多个H5端、至多包含一个PC端。
+
+### 2.1 端的属性
+
+选中对应应用端后，支持在IDE界面最右侧查看或编辑端的属性。
+
+<img src="../assets/yingyongduanjieshao_0305_3.png" alt="0" style="width:350px;border: 1px solid #ccc;" />
+
+- 端标识：添加端时由应用自动生成的唯一标识符，不可修改。
+- 端路径：针对不同的终端而设定的不同的跳转路径，支持修改。制品应用的链接地址中包含端路径。
+
+  <div class="highlight">
+  修改端路径后将重置应用内所有资源路径，应用发布后需要重新配置角色与资源关系。
+  </div>
+
+### 2.2 端的事件
+
+选中对应应用端后，支持在IDE界面最右侧查看或添加端的事件，也支持在对应端目录中的事件逻辑文件夹中查看已添加的端事件。
+
+<img src="../assets/yingyongduanjieshao_0305_4.png" alt="0" style="width:350px;border: 1px solid #ccc;" />
+
+<img src="../assets/yingyongduanjieshao_0305_5.png" alt="0" style="width:350px;border: 1px solid #ccc;" />
+
+#### 应用进入后
+
+在应用初始化后触发。
+
+常见场景：在事件中注册相关浏览器对象。
+
+#### 调用全局逻辑前
+
+调用服务端逻辑前触发。
+
+常见场景：
+
+- 在事件中预处理逻辑需要的参数。
+- 在事件中对敏感字段进行加密。
+- 在事件中增加通用字段，例如添加字段用于记录事件触发的时间戳。
+
+#### 调用全局逻辑后
+
+调用服务端逻辑后触发。
+
+<table>
+  <tr>
+    <th colspan="4" style="text-align: center;">调用全局逻辑事件自带输入参数event的属性</th>
+  </tr>
+  <tr>
+    <th></th>
+    <th>属性的名称</th>
+    <th>属性的数据类型</th>
+    <th>属性的描述</th>
+  </tr>
+  <tr>
+    <td rowspan="3">
+      <img src="../assets/yingyongduanjieshao_0305_6.png" alt="" style="max-width:150px;" />
+    </td>
+    <td>response</td>
+    <td>HttpResponse</td>
+    <td>Http响应信息</td>
+  </tr>
+  <tr>
+    <td>status</td>
+    <td>String</td>
+    <td>状态码</td>
+  </tr>
+  <tr>
+    <td>requestInfo</td>
+    <td>Map</td>
+    <td>Http请求信息</td>
+  </tr>
+</table>
+
+
+> 数据类型HttpResponse\<T>的相关说明请参考[数据IDE介绍](../05.数据建模/05.数据IDE介绍.md)的补充说明。
+
+常见场景：
+
+- 在事件中记录日志。
+- 根据事件自带的输入参数，即事件自动接收的调用服务端逻辑后的返回信息，进行状态码和错误码的通用处理。例如应用默认添加的调用服务端逻辑后事件。
+
+  <img src="../assets/yingyongduanjieshao_0305_7.png" alt="0" style="" />
+
+#### 页面切换前
+
+页面跳转前触发。
+
+常见场景：
+
+- 在事件中获取当前登录用户并赋值给前端全局变量。
+- 在事件中获取可访问权限页面，进行访问鉴权。例如应用默认添加的页面切换前事件。
+
+  <img src="../assets/yingyongduanjieshao_0305_8.png" alt="0" style="" />
+
+> 页面切换前事件作用于所有页面的跳转动作，使用过多可能会影响性能。
+
+#### 页面切换后
+
+页面跳转后触发。
+
+常见场景：
+
+- 在事件中渲染通用导航栏中的数据。
+- 在事件中对服务端返回数据进行预处理。
+
+<div style="text-align: right;font-size: 14px;">
+    <span style="color: rgb(78, 110, 142);">创建人：</span>
+    <span style="color: rgb(118, 118, 118);">有鲤</span>
+    <span style="color: rgb(78, 110, 142);margin: 0 0 0 40px;">更新时间：</span>
+    <span style="color: rgb(118, 118, 118);">2024年08月30日</span>
+</div>
+
+<style>
+ .highlight {
+      border: 1px solid #679CF8; /* 添加边框 */
+      border-radius: 6px;
+      background-color: #F8FCFF; /* 添加底色 */
+      padding: 10px 20px 10px 20px;
+      margin-bottom:20px;
+      margin-top:20px;
+      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  }
+</style>

package/skills/smart-customer-service/docs/codewave/20./345/272/224/347/224/250/345/274/200/345/217/221/10./351/241/265/351/235/242/350/256/276/350/256/241/14./345/272/224/347/224/250/351/242/204/347/275/256/351/241/265/351/235/242.md

@@ -0,0 +1,198 @@
+# 应用内预置页面
+
+## 1. 功能概述
+
+在CodeWave智能开发平台中[创建空白应用](../01.创建应用/0.创建空白应用.md)后，应用内的PC端和H5端分别包含相应的预置页面，这些页面提供了部分常用的功能，用户可以直接访问并使用。
+
+## 2. 页面介绍
+
+### 2.1 首页
+
+成功创建应用后，IDE中PC端和H5端均包含预置页面——首页。通常，应用程序会要求用户进入应用时能够快速找到所需的信息和功能，例如导航菜单、主要内容介绍，开发者可以使用预置的首页进行修改快捷实现效果。
+
+![0](../assets/yingyongyuzhijiemian_0307_10.png)
+
+PC端的首页在预置了CodeWave智能开发平台的介绍的同时，提供了首页布局设计的参考；H5端的首页默认作为进入H5端应用后首先展示的页面。以下将分别介绍PC端和H5端的首页。
+
+> 此处“进入应用后首先展示的页面”指访问无后缀路径的应用链接时默认跳转的页面。
+
+![0](../assets/yingyongyuzhiyemian_20240801_4.png)
+
+#### 2.1.1 PC端首页
+
+##### 2.1.1.1 页面预览
+
+![0](../assets/yingyongyuzhijiemian_0307_12.png)
+
+##### 2.1.1.2 页面内置组件
+
+PC端首页作为一个页面模版，默认提供部分UI展示效果，其中内置的组件仅作为页面布局的参考，非固定搭配。涉及的组件可参考文档中心**应用开发->页面设计->PC端页面组件使用**中关于组件的详细文档介绍，例如[自由布局](../10.页面设计/20.PC端Vue2组件说明（默认）/01.布局/050.自由布局.md)、[导航栏](../10.页面设计/20.PC端Vue2组件说明（默认）/20.导航/050.导航栏.md)、[图片展示](../10.页面设计/20.PC端Vue2组件说明（默认）/40.展示/100.图片展示.md)。
+
+#### 2.1.2 H5端首页
+
+##### 2.1.2.1 页面预览
+
+<img src="../assets/yingyongyuzhijiemian_0307_13.gif" alt="0" style="width:450px;" />
+
+##### 2.1.2.2 页面内置组件
+
+H5端首页默认提供部分UI展示效果，内置[图标](../10.页面设计/22.H5端Vue2组件说明（默认）/40.展示/120.图标.md)、[抽屉](../10.页面设计/22.H5端Vue2组件说明（默认）/80.反馈/25.抽屉.md)、[子页面容器](../10.页面设计/22.H5端Vue2组件说明（默认）/30.容器/010.子页面容器.md)等组件，支持修改、删除组件或配置组件的相关属性和事件。以下为组件预置效果介绍：
+
+- 点击首页左上角图标后使用调用逻辑组件，调用抽屉组件的内置逻辑openModal，实现打开抽屉。
+
+  ![0](../assets/yingyongyuzhijiemian_0307_14.png)
+
+- 点击首页右上角图标后跳转至个人中心页。
+
+  ![0](../assets/yingyongyuzhijiemian_0307_15.png)
+
+#### 2.1.3. 补充说明
+
+- 预置页面的首页仅作为进入应用后首先展示页面的参考，实际进入应用后首先展示的页面可以由开发者自定义设置。设置步骤如下：
+
+  - 右键选中页面或点击页面右侧的“︙“，选择“设为首页”。仅页面文件夹下非子页面的页面支持“设为首页”。
+
+    ![0](../assets/yingyongyuzhijiemian_0307_16.png)
+
+    页面右侧展示如下图标后，即成功将该页面设置为进入应用后首先展示页面。
+
+    ![0](../assets/yingyongyuzhijiemian_0307_17.png)
+
+  - （可选）当进入应用后首先展示的页面是其他页面的子页面时，可以在将父页面“设为首页”的前提下，右键选中子页面或点击子页面右侧的“︙“，选择“设为默认跳转页”。
+
+  ![0](../assets/yingyongyuzhijiemian_0307_18.png)
+
+  页面右侧展示如下图标后，即成功将该子页面设置为进入应用后首先展示页面。
+
+  ![0](../assets/yingyongyuzhijiemian_0307_19.png)
+
+- PC端首页作为模版页面，通常无法满足应用的实际业务需求。而预置页面中的**总览页**提供了包含导航栏、侧边栏等布局的基础样式，且总览页默认作为进入PC端应用后首先展示的页面，开发者可以在总览页的基础上继续编辑，也可以创建新的页面作为首页。
+
+### 2.2 总览页
+
+成功创建应用后，IDE中PC端包含预置页面——总览页。通常，应用程序会要求在页面中展示整个应用的概览和概要信息，以便于用户能够快速了解和把握整个应用的状态和数据，总览页提供了基础的分栏布局和导航类组件，开发者可以使用预置的总览页继续编辑快捷实现效果。
+
+![0](../assets/yingyongyuzhijiemian_0307_20.png)
+
+#### 2.2.1 页面预览
+
+![0](../assets/yingyongyuzhijiemian_0307_21.png)
+
+#### 2.2.2 页面内置组件
+
+PC端总览页默认提供部分UI展示效果，内置[分栏布局](../10.页面设计/20.PC端Vue2组件说明（默认）/01.布局/040.分栏布局.md)、[导航栏](../10.页面设计/20.PC端Vue2组件说明（默认）/20.导航/050.导航栏.md)、[侧边栏](../10.页面设计/20.PC端Vue2组件说明（默认）/20.导航/040.侧边栏.md)、[下拉菜单](../10.页面设计/20.PC端Vue2组件说明（默认）/20.导航/060.下拉菜单.md)、[面包屑](../10.页面设计/20.PC端Vue2组件说明（默认）/20.导航/030.面包屑.md)、[子页面容器](../10.页面设计/20.PC端Vue2组件说明（默认）/30.容器/01.子页面容器.md)等组件，支持修改、删除组件或配置组件的相关属性和事件。以下为组件预置效果介绍：
+
+- 面包屑组件根据页面的“面包屑”属性自动生成面包屑选项和跳转路径。
+
+  ![0](../assets/yingyongyuzhijiemian_0307_22.png)
+
+- 点击下拉菜单中的“安全退出”下拉菜单项时，使用调用逻辑组件，调用系统逻辑->认证与权限中的logout退出当前登录状态。
+
+  ![0](../assets/yingyongyuzhijiemian_0307_23.png)
+
+  ![0](../assets/yingyongyuzhijiemian_0307_24.png)
+
+#### 2.2.3 补充说明
+
+通常情况下，预置的总览页中展示的UI效果需要展示在多个页面中。此时可以把总览页作为父页面，为总览页添加子页面，并在子页面中继续编辑。
+
+![0](../assets/yingyongyuzhijiemian_0307_25.png)
+
+### 2.3 无权限页面
+
+成功创建应用后，IDE中PC端和H5端均包含预置页面——无权限页面。通常，应用程序会要求用户在访问没有被授予权限的页面时显示一个“401 Unauthorized“的错误页面或类似提示建议，开发者可以使用预置的无权限页面快捷实现效果。
+
+![0](../assets/yingyongyuzhijiemian_0307_70.png)
+
+#### 2.3.1 页面预览
+
+- PC端
+
+  ![0](../assets/yingyongyuzhijiemian_0307_71.png)
+
+- H5端
+
+  <img src="../assets/yingyongyuzhijiemian_0307_72.png" alt="0" style="width:450px;" />
+
+#### 2.3.2 页面内置组件
+
+无权限页面默认提供部分UI展示效果，内置[线性布局](../10.页面设计/20.PC端Vue2组件说明（默认）/01.布局/020.线性布局.md)、[文本](../10.页面设计/20.PC端Vue2组件说明（默认）/40.展示/050.文本.md)、[按钮](../10.页面设计/20.PC端Vue2组件说明（默认）/40.展示/061.按钮.md)等组件，支持修改、删除组件或配置组件的相关属性和事件。以下为组件预置效果介绍：
+
+- 点击按钮“重新登录”跳转至**登录页**。
+
+  ![0](../assets/yingyongyuzhijiemian_0307_73.png)
+
+- 点击按钮“返回首页“跳转至应用默认跳转页。
+
+  ![0](../assets/yingyongyuzhijiemian_0307_74.png)
+
+#### 2.3.3 补充说明
+
+- 制品应用在已登录用户的情况下，若访问的页面开启了权限控制且用户未拥有访问页面的访问权限，则该用户在访问页面时会自动跳转至无权限页面。具体代码实现可参考应用端的事件逻辑->页面切换前事件。
+
+  > 应用内置逻辑如无必要，请勿删除。
+
+  ![0](../assets/yingyongyuzhijiemian_0307_7.png)
+
+  开启页面权限控制参考如下：
+
+  ![0](../assets/yingyongyuzhijiemian_0307_8.png)
+
+### 2.4 找不到页面
+
+成功创建应用后，IDE中PC端和H5端均包含预置页面——找不到页面。通常，应用程序会要求用户访问的链接无效时显示一个“404 Not Found“的错误页面或类似提示。开发者可以使用预置的找不到页面快捷实现效果。
+
+![0](../assets/yingyongyuzhijiemian_0307_77.png)
+
+#### 2.4.1 页面预览
+
+- PC端
+
+  ![0](../assets/yingyongyuzhijiemian_0307_78.png)
+
+- H5端
+
+  <img src="../assets/yingyongyuzhijiemian_0307_79.png" alt="0" style="width:450px;" />
+
+#### 2.4.2 页面内置组件
+
+找不到页面默认提供部分UI展示效果，内置[线性布局](../10.页面设计/20.PC端Vue2组件说明（默认）/01.布局/020.线性布局.md)、[文本](../10.页面设计/20.PC端Vue2组件说明（默认）/40.展示/050.文本.md)、[按钮](../10.页面设计/20.PC端Vue2组件说明（默认）/40.展示/061.按钮.md)等组件，支持修改、删除组件或配置组件的相关属性和事件。以下为组件预置效果介绍：
+
+- 点击按钮“返回首页“跳转至应用默认跳转页。
+
+  ![0](../assets/yingyongyuzhijiemian_0307_80.png)
+
+#### 2.4.3 补充说明
+
+在制品应用中，若出现输入错误网址、页面已被删除或移动等情况导致链接无效，则在跳转链接时会自动跳转至找不到页面。具体代码实现可参考应用端的事件逻辑->页面切换前事件。
+
+> 应用内置逻辑如无必要，请勿删除。
+
+![0](../assets/yingyongyuzhijiemian_0307_7.png)
+
+### 2.5 个人中心页
+
+成功创建应用后，IDE中H5端包含预置页面——个人中心页。通常，应用程序会要求用户能够查看和管理他们的个人资料、账户设置、通知偏好等，个人中心页提供了基础的个人中心页面布局，开发者可以使用预置的个人中心页继续编辑快捷实现效果。
+
+![0](../assets/yingyongyuzhijiemian_0307_82.png)
+
+#### 2.5.1 页面预览
+
+<img src="../assets/yingyongyuzhijiemian_0307_83.png" alt="0" style="width:450px;" />
+
+#### 2.5.2 页面内置组件
+
+个人中心页默认提供部分UI展示效果，内置[图片展示](../10.页面设计/22.H5端Vue2组件说明（默认）/40.展示/040.图片展示.md)、[单元格组](../10.页面设计/22.H5端Vue2组件说明（默认）/40.展示/020.单元格组.md)、[按钮](../10.页面设计/22.H5端Vue2组件说明（默认）/40.展示/030.按钮.md)等组件，支持修改、删除组件或配置组件的相关属性和事件。以下为组件预置效果介绍：
+
+- 点击按钮“退出登录”时，使用调用逻辑组件，调用系统逻辑->认证与权限中的logout退出当前登录状态。
+
+  ![0](../assets/yingyongyuzhijiemian_0307_84.png)
+
+  ![0](../assets/yingyongyuzhijiemian_0307_85.png)
+
+<div style="text-align: right;">
+    <span style="color: rgb(78, 110, 142);">创建人：</span>
+    <span style="color: rgb(118, 118, 118);">有鲤</span>
+    <span style="color: rgb(78, 110, 142);margin: 0 0 0 40px;">更新时间：</span>
+    <span style="color: rgb(118, 118, 118);">2024年09月02日</span>
+</div>

package/skills/smart-customer-service/docs/codewave/20./345/272/224/347/224/250/345/274/200/345/217/221/10./351/241/265/351/235/242/350/256/276/350/256/241/145./351/241/265/351/235/242/346/250/241/346/235/277.md

@@ -0,0 +1,42 @@
+# 页面模板
+
+## 1. 功能概述
+
+在可视化设计器中，预先设置了一些具有特定布局样式或功能的页面模板。当添加新页面时，可以选择页面模板，从而创建出与所选模板相同的页面。
+
+<img src="../assets/yemianmuban_202410231652_1.png" class="imgStyle" style="" />
+
+## 2. 功能介绍
+
+### 2.1 功能入口
+
+以下三种方式均可打开创建页面窗口，创建页面窗口中，可以基于选择的页面模板创建页面。
+
+- 右键“页面”文件夹选择添加页面
+
+  <img src="../assets/yemianmuban_202410231652_2.png" class="imgStyle" style="width:400px" />
+
+- 点击“页面”文件夹右侧“+”
+
+  <img src="../assets/yemianmuban_202410231652_3.png" class="imgStyle" style="width:400px" />
+
+- 点击蓝色“+”选择添加页面
+
+  <img src="../assets/yemianmuban_202410231652_4.png" class="imgStyle" style="width:400px" />
+
+### 2.2 模板选择
+
+页面模板的来源分为以下四类：
+
+- 系统模板：内置于IDE 中的基础模板。当无需任何预设页面样式时，选择系统模板中的空白页即可从零开始搭建页面；[应用预置页面](../10.页面设计/14.应用预置页面.md)同样来源于系统模板。
+- 资产市场：由[资产市场](../30.资产复用/50.资产市场.md)提供的局部模板。
+- 平台资产：由平台提供的局部模板。
+- 租户资产：由开发者自定义上传的局部模板，上传局部模板具体实现步骤请参考[发布为局部模板](../60.可视化开发界面/70.更多设置/90.发布为局部模板.md)。
+
+
+<div style="text-align: right;font-size: 14px;">
+    <span style="color: rgb(78, 110, 142);">创建人：</span>
+    <span style="color: rgb(118, 118, 118);">有鲤</span>
+    <span style="color: rgb(78, 110, 142);margin: 0 0 0 40px;">更新时间：</span>
+    <span style="color: rgb(118, 118, 118);">2024年10月23日</span>
+</div>

package/skills/smart-customer-service/docs/codewave/20./345/272/224/347/224/250/345/274/200/345/217/221/10./351/241/265/351/235/242/350/256/276/350/256/241/15./345/210/233/345/273/272/351/241/265/351/235/242/345/217/212/345/255/220/351/241/265/351/235/242.md

@@ -0,0 +1,80 @@
+# 创建页面及子页面
+
+## 1. 功能概述
+
+在应用开发中，页面是用户界面的基本单位，用于呈现特定的信息或功能。页面通常包含文本、图像、链接等内容。子页面会展示父页面的功能，如在父页面上放置侧边栏，每个子页面都会展示相同的侧边栏，从而节省了重复开发相同功能的时间。
+
+通过创建页面和子页面，可以实现页面的层级展示效果。将相关的功能划分到不同的子页面中，可以提高用户体验和导航效率。
+
+## 2. 使用场景
+
+创建页面和子页面是应用开发中不可或缺的操作，在很多场景中都会用到，例如：
+
+- 导航菜单：创建包含导航栏的父页面和不同的子页面，使用户可以在应用中进行不同页面之间的切换。
+- 文章详情页面：在新闻网站或博客中，父页面可以是文章列表页面，而子页面可以是每篇文章的详细内容页面。用户可以通过点击文章列表中的某篇文章，进入该文章的详情页面，阅读完整的文章内容。
+
+## 3. 操作示例
+
+### 3.1 场景描述
+
+创建页面及其子页面。并分别将其设置为首页和默认跳转页。
+
+### 3.2 具体步骤
+
+下列操作以PC端为例。
+
+1.  进入可视化开发页面，右键页面文件夹或点击加号，添加页面。
+
+    <img src="../assets/chuangjianyemianjiziyemian_202409291652_1.png" class="imgStyle" style="" />
+
+1.  点击添加页面后，会打开添加页面弹窗，可在左侧列表中选择需要添加的页面，本次示例选择的页面为总览页。选择所需的模板后，填写“页面名称”和“页面标题”，点击“确定”。
+
+    页面标题会拼接在应用的url链接上，而页面标题可以展示在浏览器标签页中。同时还可以在创建页面时直接开启[权限控制](../../20.应用开发/10.页面设计/35.权限模块/022.权限场景/025.如何实现功能权限控制.md)和设为首页。
+
+    <img src="../assets/chuangjianyemianjiziyemian_202409291652_2.png" class="imgStyle" style="" />
+
+    <img src="../assets/chuangjianyemianjiziyemian_202409291652_3.png" class="imgStyle" style="" />
+
+    部分模板支持开启“自由模式”，开启后该页面可自由拖拽组件设置组件位置，无需使用布局组件，详情请参考：[自由布局](../../20.应用开发/10.页面设计/20.PC端Vue2组件说明（默认）/01.布局/050.自由布局.md)。
+
+    <img src="../assets/chuangjianyemianjiziyemian_202409291652_4.png" class="imgStyle" style="" />
+
+2.  刚创建成功的页面可以看到首页图标。一个端仅一个首页，且只有第一级页面可设为首页。
+
+    <img src="../assets/chuangjianyemianjiziyemian_202409291652_5.png" class="imgStyle" style="" />
+
+3.  可以看到刚才添加的页面中除模板自带的导航栏和侧边栏，页面中还有子页面容器组件，子页面容器所在的位置就是子页面展示的位置。当子页面容器被删除时，将无法进行添加子页面操作，系统会弹出提示。因此在添加子页面前需确认页面是否包含子页面容器以及子页面容器是否在所需位置。
+
+    <img src="../assets/chuangjianyemianjiziyemian_202409291652_6.png" class="imgStyle" style="" />
+
+4.  右键页面，选择添加子页面，此时选择空白页。
+
+    <img src="../assets/chuangjianyemianjiziyemian_202409291652_7.png" class="imgStyle" style="" />
+
+5.  添加完成后自动打开子页面，此时可以发现，在子页面也可以看到父页面中的内容，但是为置灰状态，表示无法在子页面中编辑父页面的内容。
+
+    <img src="../assets/chuangjianyemianjiziyemian_202409291652_8.png" class="imgStyle" style="" />
+
+6.  右键子页面，选择设为默认跳转页，设置成功后页面名称后面会出现跳转图标。表示在进入设置的首页后，会默认跳转至当前子页面，仅子页面可设置为默认跳转页。
+
+    <img src="../assets/chuangjianyemianjiziyemian_202409291652_9.png" class="imgStyle" style="" />
+
+7.  至此操作完成，可以进行发布预览。
+
+## 4. 其他说明
+
+在添加页面或子页面时，可基于系统模板或资产模板直接创建页面。
+
+1.  基于系统模板创建：系统模板由平台预先定义，涵盖了一些常见的页面布局和功能设置。例如，系统模板包括基本的表单页、列表页、详情页等，适用于各种通用的业务场景。
+2.  基于资产模板创建：资产模板来自于资产市场、平台资产、租户资产。其中资产市场的页面模板支持多维度筛选，例如按分类筛选、按场景筛选、按行业筛选。通过筛选可以更有针对性地选择模板。
+
+基于模板创建的页面支持配置和修改，通过模板可快速搭建出一个可演示的应用原型页面，以便验证和沟通业务需求。
+
+<img src="../assets/chuangjianyemianjiziyemian_202409291652_10.png" class="imgStyle" style="" />
+
+<div style="text-align: right;font-size: 14px;">
+    <span style="color: rgb(78, 110, 142);">创建人：</span>
+    <span style="color: rgb(118, 118, 118);">长颈鹿 小白</span>
+    <span style="color: rgb(78, 110, 142);margin: 0 0 0 40px;">更新时间：</span>
+    <span style="color: rgb(118, 118, 118);">2024年09月29日</span>
+</div>

package/skills/smart-customer-service/docs/codewave/20./345/272/224/347/224/250/345/274/200/345/217/221/10./351/241/265/351/235/242/350/256/276/350/256/241/16./347/244/272/344/276/213/346/225/260/346/215/256/357/274/210/350/241/250/350/276/276/345/274/217/345/215/240/344/275/215/347/254/246/357/274/211.md

@@ -0,0 +1,106 @@
+# 示例数据（表达式占位符）
+
+## 1. 概念介绍
+
+在IDE中进行页面开发时，页面中往往会呈现大量且较为复杂的表达式，这可能会出现因表达式过长而引发的可读性欠佳、样式布局变形等问题。为避免出现这样的问题，平台支持用户为表达式设置示例数据，这样用户就可以在PC端或H5端页面中，将影响布局的表达式设置为对应的数据，轻松地预览表达式在不同数据下的表现。同时也支持表达式和示例数据之间一键切换。从而优化页面开发体验、提高开发效率并减少布局问题。
+
+下图为IDE中表达式和设置示例数据后效果，在表达式呈现时页面中用于展示的表达式的左上角均会带有图标，当切换为示例数据呈现时则会在对应位置展示eg图标。
+
+<img src="../assets/shilishujubiaodashizhanweifu_202409291807_1.png" class="imgStyle" style="" />
+
+## 2. 功能介绍
+
+### 2.1 设置示例数据
+
+#### 2.1.1 示例数据设置方式
+
+示例数据的设置方式有两种，分别为在页面中直接设置和在绑定表达式的界面设置，下面是两种设置方式的详细介绍。
+
+##### 方式一
+
+1.  在页面IDE中点击选中表达式所对应的组件，点击（表达式呈现）按钮。
+
+    <img src="../assets/shilishujubiaodashizhanweifu_202409291807_2.png" class="imgStyle" style="" />
+
+    当页面为表达式呈现时，选中表达式所对应的组件后展示的按钮为（表达式呈现）按钮；当页面为示例数据呈现时，则示例数据所对应的组件后展示的按钮为eg（示例数据呈现）按钮。
+
+    两种按钮的使用和功能相同，只有样式差别。
+
+1.  点击后会触发弹出框，在弹出框中可以修改所绑定的表达式，也可以设置该表达式的示例数据。
+
+    <img src="../assets/shilishujubiaodashizhanweifu_202409291807_3.png" class="imgStyle" style="" />
+
+1.  系统会根据表达式类型填充初始示例数据，修改后也可以在弹出框中点击快捷填充对设置的示例数据进行替换。
+
+    <img src="../assets/shilishujubiaodashizhanweifu_202409291807_4.gif" class="imgStyle" style="" />
+
+##### 方式二
+
+1.  在页面IDE中点击选中表达式所对应的组件，在右侧属性栏中进入对应的表达式编辑画布。
+
+    <img src="../assets/shilishujubiaodashizhanweifu_202409291807_5.png" class="imgStyle" style="" />
+
+1.  可在画布的右上角查看当前表达式的示例数据。
+
+    <img src="../assets/shilishujubiaodashizhanweifu_202409291807_6.png" class="imgStyle" style="" />
+
+1.  点击下拉框后，可以在下拉框中修改示例数据。同时也支持点击快速填充，填充系统推荐的示例数据。
+
+    <img src="../assets/shilishujubiaodashizhanweifu_202409291807_7.png" class="imgStyle" style="" />
+
+    当属性开启动态绑定但表达式为空时，可填写示例数据。
+
+    <img src="../assets/shilishujubiaodashizhanweifu_202409291807_8.png" class="imgStyle" style="" />
+
+#### 2.1.2 示例数据推荐规则
+
+系统会根据表达式的数据类型自动推荐示例数据，推荐规则如下：
+
+- DateTime类型：2024-01-01 00:00:00
+- Date类型：2024-01-01
+- Time类型：00:00:00
+- Boolean类型：true
+- Integer类型：1
+- Decimal类型：1.0
+- String类型：表达式
+- 其他类型的表达式：表达式
+
+### 2.2 示例数据展示
+
+#### 2.2.1 页面级一键切换
+
+可通过页面IDE右下角的工具栏中的切换按钮，实现页面的表达式呈现和示例数据呈现之间的一键切换。
+
+- 点击按钮，页面将切换为表达式呈现；
+
+    <img src="../assets/shilishujubiaodashizhanweifu_202409291807_9.png" class="imgStyle" style="" />
+
+- 点击eg按钮，页面将切换为示例数据呈现。
+
+    <img src="../assets/shilishujubiaodashizhanweifu_202409291807_10.png" class="imgStyle" style="" />
+
+需要注意的是，该切换的影响范围包括当前页面的组件（含弹窗、抽屉内的组件），且仅对当前页面生效，不会影响子页面或其他页面。
+
+此外，页面级的切换设置状态会保存在浏览器缓存中，下次进入时保持上次的设置。但此设置不跨设备和用户共享，且无法通过撤销重做。
+
+#### 2.2.2 应用级偏好设置
+
+可在更多设置-系统偏好设置一键切换页面表达式的默认显示，可选择表达式呈现和示例数据呈现，默认选择表达式。
+
+<img src="../assets/shilishujubiaodashizhanweifu_202409291807_11.png" class="imgStyle" style="" />
+
+- 点击保存按钮后，所有未设置过的页面和新建页面将默认使用此配置，已设置过的页面不受影响。
+- 点击立刻应用于所有页面，将立即刷新，将所有页面的设置为当前选中的设置。
+
+## 3. 其他说明
+
+- eg图标仅在页面IDE中显示，不会出现在预览、正式发布后的应用页面，所设置的示例数据也不会影响制品应用的显示。
+- 示例数据可以被全局搜索到，能够参与多人协作，并且支持被模板导出、备份还原。
+
+
+<div style="text-align: right;font-size: 14px;">
+    <span style="color: rgb(78, 110, 142);">创建人：</span>
+    <span style="color: rgb(118, 118, 118);">长颈鹿</span>
+    <span style="color: rgb(78, 110, 142);margin: 0 0 0 40px;">更新时间：</span>
+    <span style="color: rgb(118, 118, 118);">2024年09月29日</span>
+</div>