[]
        
(Showing Draft Content)

DIV方式集成数据源/数据集/数据模型设计器

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

注意

进行DIV集成之前,需要将Wyn系统进行跨域配置,允许跨域请求。例如:

image2021-6-7_17-23-50.png

示例代码

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

DivDatasetDatasource .html

示例代码使用方法介绍

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

image2022-7-21_11-59-35.png

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

1. 修改域名和版本号。

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

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

image2022-2-21_13-46-46.png

image2022-2-21_13-47-5.png

2. 选择需要的代码段,并替换css和js文件。

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

image2022-2-21_15-48-57.png

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

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

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

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

image2022-2-21_15-31-22.png

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

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

type=info

提示

由于创建数据集的页面中也可以创建数据源,所以如果您需要集成该功能的话,则需同时放开创建数据源的代码,并做对应替换。

如仅单纯集成创建数据集,则不需要同时放开数据源相关代码。

3. 配置参数,修改URI 和 Token。

  • language 和 theme 参数的取值,请参考URL集成总览

  • documentId为文档的ID,在集成预览或编辑数据源/数据集时需要填写。如集成设计器,则不需要,删掉此行代码即可。

    image2021-6-7_17-40-41.png

  • url 即为站点的部署域名。

  • token的具体获取方法,请详见生成令牌

type=info

提示


为了防止与第三方系统的token冲突,我们可以将Wyn的令牌参数“token“改为其他的字符串,比如“WYN_Token_123”。

如此做的话,在集成时需要在代码中指定新的参数名。

具体使用方法,请见如何修改Wyn的用户令牌名称“token”

4. 引用代码,根据需要选择需要的代码。

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

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

注意

集成数据模型设计器时,请留意根据实际需要替换mode的值,直连模型为“directQuery”,缓存模型为“cacheMode”。

image2022-2-21_15-52-10.png

集成带有用户输入型参数时,可以直接在代码中带入参数。

image2022-7-21_12-1-10.png

需要多个参数,以及其他不同类型时具体格式请参考以下:

parameters:[{"name":"Parameter1","value":[false]},{"name":"Parameter2","value":["1996-07-04"]},{"name":"Parameter3","value":["1996-08-0100:00:00"]},{"name":"Parameter4","value":[3]}]