ArcGIS WebApp Builder使用之自定义Widget

      上一篇中给大家简单的介绍了一下ArcGIS WebApp Builder 的安装部署及配置导出，其自带的都是一些基本的GIS功能Widget，在做实际项目时必须自己根据业务需求去自定义Widget，所以这节我着重为大家讲解一下如何自定义Widget。

       在讲如何自定义Widget之前，必须先了解一个Widget的基本组成，下面这张图展现的就是组成一个Widget的几个部分：

      

• images存放该Widget用到的图片资源；
• widge.js 微件功能实现代码文件；
• widget.html 微件的界面文件；
• config.json微件的配置文件；
• css:微件的样式文件夹；
• nls:支持多国语言资源文件夹；
• manifest.json微件的描述文件；

       最基本的Widget有以上几个文件夹及文件就够了，大家可以在导出的App中的Widget中可以看到好多已经次写       好的Widget，如果大家想写一个自己的Widget最简单的方法就是复制一个已有的然后再基于这个去改写，这种方法是方便但是改起来会比较麻烦，接下来我就介绍另一种方法，利用Node.js和generator-esri-appbuilder构建Widget！

      首先必须安装Node.js，在此就不再累述安装过程，安装完之后还必须安装Yeoman ,在CMD中执行npm install -g yo：

         

       成功运行之后再运行如下命令安装generator-esri-appbuilder-js：