Web AppBuilder Widget使用共享类库的方式

Posted 2020-08-05 点亮的芦苇

Web AppBuilder是Esri公司推出的快速WebGIS应用搭建工具，具有以下特性：

• 不需要编程，快速创建应用
• WYSIWYG 交互式应用
• 支持2D和3D应用
• 基于ArcGIS API for javascript、html5
• 支持多种设备上运行应用

Web AppBuilder提供内置版和开发版。基于开发版，开发人员能根据业务为其定制开发新插件和新主题。在定制开发的过程中，开发人员往往需要引用第三方JavaScript类库。下面则说明了如何在Web AppBuilder开发中共享这些第三方类库。

1.首先把需要共享引用的第三方库添加到以下目录：<WebAppBuilderForArcGIS安装目录>\\client\\stemapp\\libs。

 

2.修改<WebAppBuilderForArcGIS安装目录>\\client\\stemapp\\libs\\main.js。在Define函数的依赖数组中添加刚才添加的第三方类库。以添加echart类库为示例：

define(["./usng/usng", "./storejs/json", "./storejs/store", "./md5/md5", "./qrcode","./echarts"], function(){

});

 3.在需要引用该类库的Widget的定义代码中引用。这里假设Widget.js的所在目录结构为<WebAppBuilderForArcGIS安装目录>\\client\\stemapp\\Widgets\\<自定义的Widget目录>\\Widget.js，则定义代码Widget.js应这样来引用共享类库：

define([\'dojo/_base/declare\', \'jimu/BaseWidget\',"../../libs/echarts"]

, function(){

});