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/30./350/265/204/344/272/247/345/244/215/347/224/250/60./345/267/245/347/250/213/346/250/241/346/235/277.md

@@ -0,0 +1,310 @@
+# 工程模板
+
+<div class="yellowBlock">
+
+平台3.10及以上版本支持使用[翻译器插件](../../50.平台配置管理/25.翻译器插件/25.翻译器插件管理.md)实现个性化定制生成源码规则，翻译器插件更强大更灵活，完全涵盖工程模板的功能，工程模板的现有能力都可以用翻译器插件实现，推荐使用翻译器插件进行源代码的定制。
+
+文档请参考：[翻译器插件管理](../../50.平台配置管理/25.翻译器插件/25.翻译器插件管理.md)。
+
+</div>
+
+## 1. 功能概述
+
+在CodeWave智能开发平台中开发应用时，应用基于一套工程模板进行搭建，该工程模板即源码工程模板。
+
+源码工程模板是一种预先设计和实现的应用程序框架，包含了完整的源代码、项目结构和相关配置，旨在帮助开发者快速搭建应用程序的框架。平台已经预置了默认的源码工程模板，而该工程模板具有可配置性和可扩展性，开发者可基于默认源码工程模板修改和扩展源代码，上传为新的工程模板并使用。
+
+本文帮助大家了解为什么要上传源码工程模板，以及源码工程模板的使用。
+
+## 2. 使用场景
+
+在应用实际开发过程中，可能遇到如下几种情况：
+
+* 在不同团队、不同组织中，对于投产的代码可能存在不同的工程结构规范、依赖版本规范。
+* 某个开源依赖jar在未来某个时刻可能需要升级版本。
+
+所以，开发者可以基于默认源码工程模板制作符合要求的源码工程模板，并为应用选择相应的源码工程模板来满足实际开发需求。
+
+当前版本，修改默认源码工程的**常见实践**包括：
+
+- 调整默认源码工程模板下pom.xml文件中的相关依赖。
+- 新增默认源码工程模板中的Java类，例如工具类。
+- 修改默认源码工程模板中实现存量类的方法体。
+
+参考操作如下文[示例场景：调整相关依赖](#_4-2-2-示例场景一-调整相关依赖)。
+
+而需要**注意**的是：
+
+- 避免调整默认源码工程结构。部分用户可能存在要求特定工程结构代码的需求，为了避免修改工程结构后导致生成的代码存在语法错误，当前版本暂不支持修改工程结构。
+- 避免修改默认源码工程模版中存量类的类名、方法名、参数名、返回值等信息。这是由于在代码生成工程中对应的类文件可能会被覆盖、或者动态生成的业务代码依赖这些类的方法，修改类后可能导致生成的制品代码出现语法错误或者修改无效。
+
+## 3. 功能介绍
+
+### 3.1 前提条件
+
+使用工程模板功能需要用户有包含资源`/dashboard/market/archetype/list`的权限，且该权限针对专业版、私有化企业版应用用户开放。
+
+<details>
+    <summary title="点击查看如何添加权限">
+      点击查看如何添加权限
+    </summary>
+
+   1. 在CodeWave智能开发平台中，点击**运维中心->权限管理**进入权限管理页面。
+
+       ![0](../assets/gongchengmuban_202410291108_1.jpg)
+
+   2. 点击“权限管理”，创建根权限。自定义权限名称、描述，例如assets.archetype（资产中心-工程模版权限）。
+
+       ![0](../assets/gongchengmuban_202410291108_2.jpg)
+
+   3. 为权限添加资源。若该资源为首次添加，勾选“手动编辑资源”，资源名称为“`/dashboard/market/archetype/list`”；若非首次添加，勾选“选择已有鉴权资源”，在资源列表中勾选“`/dashboard/market/archetype/list`”。完成后点击确定。
+
+       ![0](../assets/gongchengmuban_202410291108_3.jpg)
+
+   4. 点击“角色管理”，选择需要赋予权限的角色，点击关联权限标签页，点击编辑权限。
+
+       ![0](../assets/gongchengmuban_202410291108_4.jpg)
+
+   5. 勾选上述权限assets.archetype（资产中心-工程模版权限），点击确定。
+
+       ![0](../assets/gongchengmuban_202410291108_5.jpg)
+
+   6.至此，权限添加完成。选择角色下的用户即可使用工程模板功能。
+
+</details>
+
+### 3.2 功能入口
+
+资产中心可按“平台资产”和“租户资产”来源查看工程模板，如查看租户资产下的“工程模板”。
+
+![0](../assets/gongchengmuban_202410291116_1.png)
+
+> 具体显示的来源由平台管理员配置，配置方式详见：[资产配置](../../50.平台配置管理/90.资产配置.md)。
+
+### 3.3 上传工程模板
+
+在资产中心的工程模板中，点击“手动上传”按钮即可上传源码工程模板。
+
+![0](../assets/gongchengmuban_202410291116_2.png)
+
+* 编码：自定义模板的唯一标识，必填。
+* 名称：自定义模板名称，必填。
+* 版本编号：可根据需要调整主版本号、次版本号和修订号，必填。
+* 说明：支持为工程模板补充文字说明，非必填。
+* 上传文件：即修改默认源码工程模板后打包的.zip或.tgz格式文件。具体请参考下文[制作源码工程模板](#_4-制作源码工程模板)。
+
+### 3.4 使用工程模板
+
+#### 3.4.1 创建应用时选择源码工程模板
+
+在创建应用时，展开源码配置折叠栏并选择对应的源码工程模板即可使新创建的应用基于该模板进行开发。
+
+![0](../assets/gongchengmuban_202410291116_3.png)
+
+#### 3.4.2 编辑应用时修改源码工程模板
+
+在编辑应用详情时，展开源码配置折叠栏并选择对应的源码工程模板即可修改当前应用的源码工程模板。
+
+![0](../assets/gcmb_20240408_2040_4.png)
+
+### 3.5 模板详情
+
+在资产中心的工程模板中，点击模板即可查看模板详情。
+
+![0](../assets/gcmb_20240408_2040_5.png)
+
+* 上传新版本：支持通过离线文件创建新的版本。
+* 编辑模板：支持修改模板名称、说明。
+* 删除模板：支持在没有应用使用该模板的前提下删除模板。
+* 下载离线文档：支持将该模板下载为离线文件。
+* 编辑版本：支持修改当前版本的描述。
+* 所有版本：支持查看以当前模板对应版本为源码模板创建的应用。
+
+> 部分功能权限仅对管理员账号开启，可前往权限管理开启相关权限。
+
+## 4. 制作源码工程模板
+
+### 4.1 基于系统默认工程模板进行制作
+
+制作源码工程模板要求基于平台提供的默认工程模板进行拓展。
+点击下载默认工程模板的压缩包：[工程模板](https://static-vusion.nos-eastchina1.126.net/tutorial/%E6%96%87%E6%A1%A3%E4%B8%AD%E5%BF%83%E9%99%84%E4%BB%B6/%E5%B7%A5%E7%A8%8B%E6%A8%A1%E6%9D%BF/lowcode-archetype.zip)。
+
+解压压缩包后，可以得到完整的Java Maven工程，工程结构如下：
+
+![0](../assets/gongchengmuban_202410291116_5.png)
+
+### 4.2 基于业务需求修改功能内容
+
+#### 4.2.1 文件说明
+
+获取默认源码工程后即可基于该模板进行修改来得到符合要求的源码工程模板。默认工程内的文件说明如下：
+
+* archetype.properties：源码工程的描述文件，里面的配置项用来描述源码工程相关信息。配置项如下
+
+  ```
+   archetype.groupId: 表示Maven坐标中的groupId，需要和pom.xml中<groupId></groupId>取值保持一致，同时该值也认为是工程基础package，生成代码时将对基础package进行替换
+   archetype.artifactId: 表示Maven坐标中的artifactId，需要和pom.xml中<artifactId></artifactId>取值保持一致
+   archetype.version: 表示Maven坐标中的groupId，需要和pom.xml中<version></version>取值保持一致
+   archetype.mainClass: 表示启动类的全限定名，一般不需要修改
+   archetype.filteredExtensions: 表示需要进行package替换的文件后缀列表，默认java和xml文件
+   archetype.filtered.ignorePath: 表示不需要进行package替换的文件或目录路径
+   archetype.excludePatterns: 表示生成代码时忽略的路径，这些路径下的文件不会生成到制品代码中
+   archetype.spring.devtool.enable: 表示预览发布时是否使用spring devtool进行热部署，默认true
+   archetype.build.gradle: 表示预览发布时是否使用gradle进行增量编译，默认true
+  ```
+* Dockerfile：生产发布时将使用该dockerfile和exec.sh构建镜像
+* exec.sh：在Dockerfile中使用作为服务启动脚本
+* pom.xml：Maven的pom文件
+* build.gradle、gradle.properties、init.gradle、settings.gradle：均为gradle的配置文件，一般不需要修改
+* src/ ：存放Maven工程结构的代码文件和配置文件的目录
+
+#### 4.2.2 示例场景一：调整相关依赖
+
+**场景介绍**
+
+新增相关依赖或修改依赖版本。
+
+**操作步骤**
+
+1.  打开 pom.xml 文件。
+2.  在文件中找到 标签，在标签中添加所需的依赖项或更新依赖的版本。例如：
+
+      ```
+      <dependency>
+         <groupId>org.apache.poi</groupId>
+         <artifactId>poi</artifactId>
+         <version>4.1.2</version>
+      </dependency>
+      ```
+
+3.  此时添加或更新的依赖项字体显示为红色，表示该项还没有更新到本地依赖包，需要导入依赖包。例如在 IntelliJ IDEA 中，点击页面右上角的图示标志加载Maven更改。
+
+      <img src="../assets/gongchengmuban_202407151813_1.png" class="imgStyle" style="" />
+
+      > 通常不建议随意删除依赖，因为可能会导致某些平台功能对应的制品代码出现缺少依赖的问题。
+
+#### 4.2.3 示例场景二：自定义加载JS文件
+
+**场景描述**
+
+在工程模板中，可通过添加**HTML 注释定义区域**的方式来定义特定区域，而后在这些区域内扩充代码，以此实现对工程模板能力的有效扩展。
+HTML注释定义区域分为EXTRA_HEAD和EXTRA_BODY，用户在这两种区域中可以扩充任意代码，在导出源码时代码会被复制到对应的index.html的head标签结尾和body标签结尾。扩充代码后支持实现的能力包含如下：样式覆盖、sdk注入、代码定制、自定义加载JS文件...
+本示例以**自定义加载JS文件**为例：通过引入JS文件来个性化自定义index.html，同时满足导出源码并编译后的index.html文件默认引入JS文件。
+
+> 实现其他能力的操作方法类似。
+
+**操作步骤**
+
+1.  打开index.html文件。文件路径为/src/main/resources/static/index.html。
+2.  在文件中添加HTML注释定义区域。
+
+    - 若引入JS文件写在区域中，注释定义EXTRA_HEAD区域。
+       ```
+       <!-- EXTRA_HEAD_START -->
+       <!-- EXTRA_HEAD_END -->
+       ```
+    - 若引入JS文件写在区域中，注释定义EXTRA_BODY区域。
+       ```
+       <!-- EXTRA_BODY_START -->
+       <!-- EXTRA_BODY_END -->
+       ```
+
+    > 使用该源码工程模板的应用在导出源码后，注释定义区域默认在相应标签区域的结尾。为了预览效果和导出源码的一致性，建议将注释定义区域添加在相应标签区域的结尾。
+
+1.  在HTML注释定义区域内添加。
+
+      ```html
+      <!-- EXTRA_BODY_START -->
+      <script src="http://xxxxxx/xxxxx.js"></script>
+      <!-- EXTRA_BODY_END -->
+      ```
+
+      <img src="../assets/gongchengmuban_202407151813_2.png" class="imgStyle" style="" />
+
+1.  修改archetype.properties文件，新增下面配置：
+
+      ```
+      archetype.override.ignorePath=/src/main/resources/static/index.html
+      ```
+
+### 4.3 打包源码工程
+
+文件修改完成后，将文件打包并在资产中心上传即可作为源码工程模板使用。常规操作步骤如下：
+
+1. 编译本地模板工程，测试修改后的工程源码本身没有错误。
+2. 打包文件。文件格式要求为.zip或.tgz，压缩包的名称需要与工程目录保持一致。
+3. 在**资产中心->租户资产->工程模板**中上传源码工程模板。
+   > 若平台管理员级别用户将该工程模板视为平台级资产，也可以从**资产中心 ->平台资产->工程模板**中上传。
+
+   ![0](../assets/gongchengmuban_202410291116_6.png)
+
+### 4.4 验证工程模板是否生效
+
+当**应用创建时**选择了当前源码工程模板或**编辑应用信息**时将源码模板更改为当前源码工程模板，可以通过以下方式判断当前源码工程模板是否成功被使用。
+
+* 导出应用的源码后，对比相应源码。
+* 直接发布应用，验证制品功能是否正确。
+
+## 5. 补充说明
+
+### 5.1 如何调用源码工程中新增的自定义类
+
+当开发者在制作源码工程模板时新增了自定义类并且希望在平台中调用相应的方法。操作方法参考如下：
+
+1. 在IDE右上角**更多->系统偏好设置**中打开“使用扩展逻辑”。
+
+   ![0](../assets/gcmb_20240408_2040_11.png)
+2. 保存偏好设置后**逻辑->服务端逻辑**下方将包含扩展逻辑，即可新增扩展逻辑。
+
+   ![0](../assets/gcmb_20240408_2040_12.png)
+3. 在扩展逻辑中编写java代码。
+
+   ![0](../assets/gcmb_20240408_2040_13.png)
+
+4. 至此，在其他逻辑中调用扩展逻辑即可。
+
+### 5.2 默认源码工程模板的依赖项
+
+打开默认模板中的 pom.xml 文件可能出现以下“找不到依赖项”相关错误提示，是由于依赖项来源于平台的二方包，而二方包通过资产中心进行托管。
+
+![0](../assets/gcmb_20240408_2040_14.png)
+
+如有需要在本地执行编译，可以手动将二方包中的依赖项添加到本地Maven仓库。
+
+**附录：离线二方包**
+
+| 标识              | 版本                | 二方包                                                                                                                                                                                                   | 包坐标                                                                                                                                                                   |
+| ----------------- | ------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| s3-maven   | IDE版本小于3.10.3请使用1.0.0<br>IDE版本大于3.10.3请使用1.3.0 | [s3-maven-1.0.0.zip](https://static-vusion.nos-eastchina1.126.net/tutorial/%E6%96%87%E6%A1%A3%E4%B8%AD%E5%BF%83%E9%99%84%E4%BB%B6/%E5%B7%A5%E7%A8%8B%E6%A8%A1%E6%9D%BF/s3-maven-1.0.0.zip)、<br>[s3-maven-1.3.0.zip](https://static-vusion.nos-eastchina1.126.net/tutorial/%E6%96%87%E6%A1%A3%E4%B8%AD%E5%BF%83%E9%99%84%E4%BB%B6/%E5%B7%A5%E7%A8%8B%E6%A8%A1%E6%9D%BF/s3-maven-1.3.0.zip)     | &lt;groupId&gt;com.netease.lowcode.build&lt;/groupId&gt;<br>&lt;artifactId&gt;s3-maven&lt;/artifactId&gt;<br>&lt;version&gt;1.0.0&lt;/version&gt;              |
+| flowable-engine   | 6.6.0-LOWCODE-2.0.0 | [6.6.0-LOWCODE-2.0.0.zip](https://static-vusion.nos-eastchina1.126.net/tutorial/%E6%96%87%E6%A1%A3%E4%B8%AD%E5%BF%83%E9%99%84%E4%BB%B6/%E5%B7%A5%E7%A8%8B%E6%A8%A1%E6%9D%BF/6.6.0-LOWCODE-2.0.0.zip)     | &lt;groupId&gt;org.flowable&lt;/groupId&gt;</br>&lt;artifactId&gt;flowable-engine&lt;/artifactId&gt;</br>&lt;version&gt;${flowable.version}&lt;/version&gt;              |
+| app-client-facade | 1.0.0               | [app-client-facade-jar.zip](https://static-vusion.nos-eastchina1.126.net/tutorial/%E6%96%87%E6%A1%A3%E4%B8%AD%E5%BF%83%E9%99%84%E4%BB%B6/%E5%B7%A5%E7%A8%8B%E6%A8%A1%E6%9D%BF/app-client-facade-jar.zip) | &lt;groupId&gt;com.netease.cloud&lt;/groupId&gt;</br>&lt;artifactId&gt;app-client-facade&lt;/artifactId&gt;</br>&lt;version&gt;1.0.0&lt;/version&gt;                     |
+| nuims-auth        | 2.0.0               | [nuims-auth-2.0.0.zip](https://static-vusion.nos-eastchina1.126.net/tutorial/%E6%96%87%E6%A1%A3%E4%B8%AD%E5%BF%83%E9%99%84%E4%BB%B6/%E5%B7%A5%E7%A8%8B%E6%A8%A1%E6%9D%BF/nuims-auth-2.0.0.zip)           | &lt;groupId&gt;com.netease.cloud.nuims &lt;/groupId&gt;</br>&lt;version&gt;${user.auth.version} &lt;/version&gt;</br>&lt;artifactId&gt;nuims-auth &lt;/artifactId&gt;    |
+| nuims-user-api    | 1.0.1-1.0.3         | [nuims-user-api.zip](https://static-vusion.nos-eastchina1.126.net/tutorial/%E6%96%87%E6%A1%A3%E4%B8%AD%E5%BF%83%E9%99%84%E4%BB%B6/%E5%B7%A5%E7%A8%8B%E6%A8%A1%E6%9D%BF/nuims-user-api.zip)               | &lt;groupId&gt;com.netease.cloud.nuims&lt;/groupId&gt;</br>&lt;version&gt;${user.center.version}&lt;/version&gt;</br>&lt;artifactId&gt;nuims-user-api&lt;/artifactId&gt; |
+| log4j2appender    | IDE版本小于3.9请使用1.0.1<br>IDE版本大于3.9请使用1.0.3               | [log4j2appender-1.0.1.zip](https://static-vusion.nos-eastchina1.126.net/tutorial/%E6%96%87%E6%A1%A3%E4%B8%AD%E5%BF%83%E9%99%84%E4%BB%B6/%E5%B7%A5%E7%A8%8B%E6%A8%A1%E6%9D%BF/log4j2appender-1.0.1.zip)、<br>[log4j2appender-1.0.3.zip](https://static-vusion.nos-eastchina1.126.net/tutorial/%E6%96%87%E6%A1%A3%E4%B8%AD%E5%BF%83%E9%99%84%E4%BB%B6/%E5%B7%A5%E7%A8%8B%E6%A8%A1%E6%9D%BF/log4j2appender-1.0.3.zip)   | &lt;groupId&gt;com.netease.cloud&lt;/groupId&gt; </br>&lt;artifactId&gt;log4j2appender&lt;/artifactId&gt;</br>&lt;version&gt;1.0.1&lt;/version&gt;                       |
+| nasljava-definition        | 1.1               | [nasljava-definition-1.1.zip](https://static-vusion.nos-eastchina1.126.net/tutorial/%E6%96%87%E6%A1%A3%E4%B8%AD%E5%BF%83%E9%99%84%E4%BB%B6/%E5%B7%A5%E7%A8%8B%E6%A8%A1%E6%9D%BF/nasljava-definition.zip)           |  &lt;groupId&gt;com.netease.cloud&lt;/groupId&gt;<br>&lt;artifactId&gt;nasljava-definition&lt;/artifactId&gt;<br>&lt;version&gt;1.1&lt;/version&gt;    |
+<style>
+  h4 {
+    font-size: 18px;
+  }
+  h5 {
+    font-size: 16px;
+  }
+</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年12月03日</span>
+</div>
+
+<style>
+.yellowBlock {
+  /* color: #FFFFFF; */
+  border-left-width: 0.5rem;
+  border-left-style: solid;
+  padding: 0.1rem 1.5rem;
+  margin:1rem 0;
+  background-color: #fcf5e1;
+  border-color: #eaaa08;
+}
+</style>

package/skills/smart-customer-service/docs/codewave/20./345/272/224/347/224/250/345/274/200/345/217/221/60./345/217/257/350/247/206/345/214/226/345/274/200/345/217/221/347/225/214/351/235/242/010./345/217/257/350/247/206/345/214/226/345/274/200/345/217/221/347/225/214/351/235/242/344/273/213/347/273/215.md

@@ -0,0 +1,152 @@
+# 可视化开发界面介绍
+
+## 1. 功能概述
+
+可视化开发界面是**进行CodeWave应用开发的主要界面**，它为用户提供了一个直观且易于使用的图形化界面。在可视化开发界面中，用户可以通过**拖拽**、**点击**、**配置**等操作进行可视化编程。
+
+<img src="../assets/keshihuakaifajiemian_202412301623_1.png" class="imgStyle" style="" />
+
+## 2. 功能介绍
+
+### 2.1 进入可视化设计器
+
+进入可视化开发界面有三种方式：
+
+**方式一**：在应用卡片视图下，点击应用卡片右上角图标。
+
+<img src="../assets/keshihuakaifajiemian_202412301623_2.png" class="imgStyle" style="" />
+
+**方式二**：在应用列表视图下，点击应用列表右上角图标。
+
+<img src="../assets/keshihuakaifajiemian_202412301623_3.png" class="imgStyle" style="" />
+
+**方式三**：在应用详情界面，点击“可视化开发”按钮。
+
+<img src="../assets/keshihuakaifajiemian_202412301623_4.png" class="imgStyle" style="" />
+
+### 2.2 功能区块划分
+
+可视化开发页面区块划分如下图所示。
+
+<img src="../assets/keshihuakaifajiemian_202412301623_5.png" class="imgStyle" style="" />
+
+#### 2.2.1 导航栏
+
+可视化开发界面顶部导航栏区域涵盖了一系列与应用编辑及生命周期管理相关的功能。
+
+<img src="../assets/keshihuakaifajiemian_202412301623_6.png" class="imgStyle" style="" />
+
+- **返回**：默认情况下，点击操作会直接跳转至 [应用详情页面](../01.创建应用/2.查看应用详情.md)。若需自定义跳转页面，可在设置跳转可视化开发界面（IDE）时，在跳转链接的url末尾拼接参数`redirect=需要跳转的页面地址`。redirect参数支持两种填写方式：一是填写完整路径，二是填写二级目录。当填写二级目录时，系统会自动沿用当前页面链接的主域名。在url成功拼接`redirect`参数后，在IDE中点击“返回”，页面将跳转至url拼接的指定地址。例如，当拼接`redirect=https://community.codewave.163.com/CommunityParent/learncenter`时，点击IDE中的“返回”，会跳转至平台的学习中心。
+
+    <img src="../assets/keshihuakaifajiemian_202412301623_7.png" class="imgStyle" style="" />
+
+- **应用名称**：在平台中，应用名称是用于标识和区分不同应用的特定称谓，例如“客户管理系统”、“库存管理应用”、“员工考勤应用” 等应用名称，清晰地表明了每个应用的主要用途和功能范围。
+
+    IDE中的应用名称仅作展示使用，如需更改应用名称，请至“应用中心-应用详情-编辑应用信息”。
+
+    <img src="../assets/keshihuakaifajiemian_202412301623_8.png" class="imgStyle" style="" />
+
+    应用信息统计：当鼠标移动至应用名称右侧图标时，可查看页面数、实体数、逻辑数等当前应用的关联信息，方便用户快速获取关于特定应用的关键数据和统计信息，从而更好地了解应用的规模、复杂度。
+
+    <img src="../assets/keshihuakaifajiemian_202412301623_9.png" class="imgStyle" style="width:450px;" />
+
+- **分支切换**：用于多人协作开发时，切换主分支和副本分支，详情请参见：[多人协作](../../30.应用生命周期管理/120.多人协作开发/10.多人协作概念介绍.md)。
+
+    <img src="../assets/keshihuakaifajiemian_202412301623_10.png" class="imgStyle" style="" />
+
+- **撤销**：用于回退上一次操作，快捷键Ctrl+Z（macOS为Command+Z）。
+
+    <img src="../assets/keshihuakaifajiemian_202412301623_11.png" class="imgStyle" style="" />
+
+- **重做**：用于还原上一次撤销，快捷键Ctrl+Y（macOS为Command+Shift+Z）。
+
+    <img src="../assets/keshihuakaifajiemian_202412301623_12.png" class="imgStyle" style="" />
+
+- **自动保存状态**：当开发者在IDE编辑时，平台会进行实时保存，并显示保存状态。
+
+    <img src="../assets/keshihuakaifajiemian_202412301623_13.png" class="imgStyle" style="" />
+
+- **全局搜索**：点击可打开搜索弹窗，通过输入关键字进行全局搜索。此外，还可以使用快捷键 Ctrl+F（在 macOS 系统中为 Command+F）来唤起搜索弹窗。
+
+    <img src="../assets/keshihuakaifajiemian_202412301623_14.png" class="imgStyle" style="" />
+
+    最终的查找结果会在 IDE 信息台的“查找结果”处展示，点击查找结果中显示的节点名称或路径，可以迅速定位到关键信息。
+
+    <img src="../assets/keshihuakaifajiemian_202412301623_15.png" class="imgStyle" style="" />
+
+- **集成**：点击后打开集成中心界面，用于配置连接器、微前端集成。有关连接器集成和微前端集成相关的详细介绍，请参见：[集成](../../20.应用开发/60.可视化开发界面/030.集成.md)。
+
+    <img src="../assets/keshihuakaifajiemian_202412301623_16.png" class="imgStyle" style="" />
+
+- **备份**：点击后，可将当前应用进行备份，以便于在需要时可以进行恢复，详情请参考：[备份](../60.可视化开发界面/040.备份.md)
+
+    <img src="../assets/keshihuakaifajiemian_202412301623_17.png" class="imgStyle" style="" />
+
+- **更多**：点击后的弹出菜单是一系列功能的集合，例如应用配置、自定义主题、系统参数配置等等，详情请参考：[更多设置](../60.可视化开发界面/70.更多设置/10.更多设置介绍.md)
+
+    <img src="../assets/keshihuakaifajiemian_202412301623_18.png" class="imgStyle" style="width:250px;" />
+
+- **预览**：点击后，将当前应用在开发环境发布，发布完成后弹出页面可以预览。
+
+    <img src="../assets/keshihuakaifajiemian_202412301623_19.png" class="imgStyle" style="width:250px;" />
+
+- **正式发布**：点击后，将当前应用在生产环境发布，发布完成后弹出页面可以预览。
+
+    <img src="../assets/keshihuakaifajiemian_202412301623_20.png" class="imgStyle" style="width:200px;" />
+
+#### 2.2.2 侧边导航
+
+侧边导航区域主要负责页面、逻辑、数据、流程这四种可视化设计模块的灵活切换，切换后可在对应模块中进行应用开发。此外，在侧边导航下方还设有客服及帮助模块入口，便于用户在使用过程中获取相应支持。
+
+- **页面**：点击后切换至页面IDE视图，页面IDE是用于展示及编辑页面的主要界面。
+- **逻辑**：点击后切换至逻辑IDE视图，逻辑IDE是用于展示及编辑服务端逻辑的主要界面。
+- **数据**：点击后切换至数据IDE视图，数据IDE是用于展示数据类型以及对自定义数据进行编辑的主要界面。
+- **流程**：点击后切换至流程IDE视图，流程IDE是用于展示与编辑流程的主要界面。
+- **客服**：点击后弹出在线客服窗口，可向客服咨询提问。
+- **帮助**：
+  - 文档中心：点击后跳转到文档中心，快捷键Ctrl+D。
+  - 提交反馈：点击后跳转到开发者社区论坛，可以发帖反馈建议。
+  - 视频截屏：点击后，可根据引导，使用视频截屏功能。
+  - IDE检测：IDE环境检测功能用于对开发者的网络速度、浏览器版本及CodeWave应用等信息进行评测，在遇到页面IDE卡顿等问题需要联系技术人员进行排障时，可提供该检测结果作为依据，方便技术人员分析卡顿原因。详情可参见：[IDE环境检测](../../20.应用开发/60.可视化开发界面/065.IDE环境检测.md)。
+  - 关于IDE：支持查看IDE版本、组件库版本等信息。
+
+<img src="../assets/keshihuakaifa_202501131037_1.png" class="imgStyle" style="" />
+
+#### 2.2.3 目录
+
+在页面、逻辑、数据、流程四种可视化设计模块中均设有目录，用于设计内容的树形展示和管理。例如，对页面、逻辑、数据或流程，进行添加、编辑、删除等操作。
+
+<img src="../assets/keshihuakaifajiemian_202412301623_22.png" class="imgStyle" style="" />
+
+#### 2.2.4 画布
+
+页面、逻辑、流程三种可视化设计模块的中间区域即为画布，是应用开发的主要操作区域，在画布中用户可进行一系列可视化操作。
+
+<img src="../assets/keshihuakaifajiemian_202412301623_23.png" class="imgStyle" style="" />
+
+<img src="../assets/keshihuakaifajiemian_202412301623_24.gif" class="imgStyle" style="" />
+
+#### 2.2.5 组件/属性面板
+
+平台针对页面、逻辑、流程分别提供了丰富多样的组件及多维度的属性配置功能。
+
+**组件**：页面IDE中包含基础组件和扩展组件，逻辑IDE中包含循环、调用、数据查询等组件，流程IDE中包含流程任务、分支等组件。
+
+<img src="../assets/keshihuakaifajiemian_202412301623_25.png" class="imgStyle" style="" />
+
+**属性**：当选中页面、逻辑、流程目录节点或画布中的组件时，会展示该选中项的属性，并支持在属性面板中修改各属性的参数，实现对具体功能的细节设置。
+
+<img src="../assets/keshihuakaifajiemian_202412301623_26.png" class="imgStyle" style="" />
+
+#### 2.2.6 信息台
+
+信息台用于展示CodeWave应用开发过程中的关键数据，如操作日志、开发问题、发布信息等。它集成了日志、问题、智能分析、发布、查找结果、协作、调试七大功能模块，全方位助力应用搭建的各个环节，从开发过程中的多人协作、问题诊断与修复，到应用的性能优化以及调试、发布等，均提供了有力的支持与保障。信息台的各模块详情介绍，可参见：[信息台](../../20.应用开发/60.可视化开发界面/060.信息台.md)。
+
+<img src="../assets/keshihuakaifajiemian_202412301623_27.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年12月30日</span>
+</div>

package/skills/smart-customer-service/docs/codewave/20./345/272/224/347/224/250/345/274/200/345/217/221/60./345/217/257/350/247/206/345/214/226/345/274/200/345/217/221/347/225/214/351/235/242/030./351/233/206/346/210/220.md

@@ -0,0 +1,36 @@
+# 集成
+
+## 1. 功能概述
+
+CodeWave应用通常需要与外部系统进行**集成**，打通数据，承担数据交互或页面融合等任务，在集成中心里可以进行连接器的管理和微前端集成。
+
+**功能入口**
+
+在应用IDE中点击顶部“集成”按钮，即可打开集成中心。
+
+<img src="../assets/jichengzhongxin_202412302055_1.png" class="imgStyle" style="" />
+
+## 2. 功能介绍
+
+### 2.1 连接器集成
+
+连接器是一种用于连接第三方服务、系统或数据源的工具。通过CodeWave平台的连接器，开发者可以在轻松地访问其他系统中的数据和功能，从而实现不同系统之间的数据交换和应用集成。
+
+在集成中心里选择连接器，可以进行连接器的导入、添加、移除、创建自定义连接器。详细的介绍和使用说明请参考：[什么是连接器](../../40.扩展与集成/20.集成开发方式/20.连接器集成/10.什么是连接器.md)、[如何自定义连接器](../../40.扩展与集成/20.集成开发方式/20.连接器集成/30.自定义连接器/15.如何自定义连接器.md)。
+
+<img src="../assets/jichengzhongxin_202412302055_2.png" class="imgStyle" style="" />
+
+### 2.2 页面集成
+
+平台提供了一套专业的微前端集成解决方案，支持包括乾坤、飞冰在内的多种微前端框架。微前端技术可以将一个大型、复杂的前端应用拆分成多个独立的子应用，但又保持用户体验的一致性。每个子应用可由独立的团队进行开发，并允许使用不同的技术栈进行开发，也可独立测试和部署。
+
+目前支持乾坤和飞冰两种微前端解决方案，可以将CodeWave应用作为子应用或主应用进行微前端集成。文档请参考：[什么是微前端集成](../../40.扩展与集成/20.集成开发方式/40.页面集成/10.什么是微前端集成.md)、[CodeWave应用作为子应用的微前端集成](../../40.扩展与集成/20.集成开发方式/40.页面集成/20.CodeWave应用作为子应用的微前端集成.md)、[CodeWave应用作为主应用的微前端集成](../../40.扩展与集成/20.集成开发方式/40.页面集成/30.CodeWave应用作为主应用的微前端集成(乾坤qiankun).md)
+
+<img src="../assets/jichengzhongxin_202412302055_3.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年12月30日</span>
+</div>

package/skills/smart-customer-service/docs/codewave/20./345/272/224/347/224/250/345/274/200/345/217/221/60./345/217/257/350/247/206/345/214/226/345/274/200/345/217/221/347/225/214/351/235/242/040./345/244/207/344/273/275.md

@@ -0,0 +1,55 @@
+# 备份
+
+## 1. 功能概述
+
+备份是指将应用的当前状态进行复制并保存，以便在原始数据丢失、损坏、被误删除或操作出现错误等情况下，可以使用备份来恢复保存的应用。
+
+## 2. 功能介绍
+
+### 2.1 功能入口
+
+点击IDE右上角“备份”按钮，即可打开备份弹出窗口。
+
+<img src="../assets/beifen_202412301701_1.png" class="imgStyle" style="" />
+
+### 2.2 使用说明
+
+备份时，需要输入备份编号和备份信息。
+
+- 备份编号：必填。
+
+    - 主编号：对应用备份整体的一个主要标识编号，通常用于从宏观上区分不同的应用备份系列。
+    - 次编号：对应用备份进行更细致的划分，通常用于区分同一主编号下不同的应用备份个体或更细分类别。
+    - 修订号：通常用于记录应用备份的修改次数和版本更新情况。
+- 备份信息：选填。对于当前备份的描述。
+
+<img src="../assets/beifen_202412301701_2.png" class="imgStyle" style="width:500px;" />
+
+点击“确定”按钮后，即可完成备份，备份后IDE自动刷新。
+
+应用备份后，支持在[应用详情](../01.创建应用/2.查看应用详情.md)中查看已有备份列表、备份日志，进行备份还原。
+
+<img src="../assets/beifen_202412301701_3.png" class="imgStyle" style="" />
+
+关于应用的备份和还原请查看文档：[应用的备份和还原](../../30.应用生命周期管理/070.应用的备份与还原.md)。
+
+## 3. 使用场景
+
+- 在应用推出新版本时，在应用详情界面支持选择“升级IDE版本“，升级时需要填写备份信息，备份旧版本应用。
+
+    <img src="../assets/beifen_202412301701_4.png" class="imgStyle" style="" />
+
+- 在多人协同操作发生冲突时，支持选择“备份后拉取”，拉取前需要填写备份信息，备份当前产生冲突的应用。
+
+    <img src="../assets/beifen_202412301701_5.png" class="imgStyle" style="" />
+
+- 在"更多->[导出和部署](../60.可视化开发界面/70.更多设置/95.导出和部署.md)"中，导出应用时支持勾选“应用导出成功后自动生成备份记录”，导出前需要填写备份信息，备份当前导出的应用。
+
+    <img src="../assets/beifen_202412301701_6.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年12月30日</span>
+</div>