1. 内容概述

产品支持使用DIV的方式将数据源（Datasource）/数据集（Dataset）/数据模型或设计器集成到其他业务系统中，本节为您介绍。

2. 示例代码

下面为集成的示例代码，在实际应用中，您仅需根据示例说明替换相应的字段使用即可。

index-Dataset&Datasource .html

3. 示例代码使用方法介绍

使用代码编辑工具打开示例代码，下图中对示例代码进行了分区编号，后续会根据编号对各部分进行介绍。

以下对应图中的编号，分别进行解释说明：

(1)  修改域名和版本号。

将示例中的“http://10.32.8.96:51980/” 修改为真实的Wyn 站点域名。

打开站点，按下键盘 F12 找到各文件的版本信息，替换示例中的版本号。各文件的版本号示意图如下：

(2)  选择需要的代码段，并替换css和js文件。

每段代码的开始都有注释，根据需要选择需要的代码段。

然后替换代码中的css 和 js。

接下来以创建数据源页面为例，介绍获取css和is 的方法。

首先在站点进入创建数据源页面，然后按键盘F12 键。

然后根据示例代码关键字搜索查找css，然后替换到示例代码中即可（请注意同时替换域名）。

其他的页面操作方法类似，操作步骤基本为：

打开想要集成的页面，F12 ，然后根据示例代码中的关键字查找css，js。然后替换到示例代码中。（请注意同时替换站点域名）

(3)  配置参数，修改URI 和 Token。

• language 和 theme 参数的取值，请参考URL集成总览。
• documentId为文档的ID，在集成预览或编辑数据源/数据集时需要填写。如集成设计器，则不需要，删掉此行代码即可。

• url 即为站点的部署域名。
• token的具体获取方法，请详见生成令牌。

(4)  引用代码，根据需要选择需要的代码。

每段代码的开端有注释，根据注释选择配套的代码。

图中仅截取了部分内容，请您打开示例代码查看其它内容。