ArcGIS WebApp Builder：使得JS开发更加便捷_刘军山.pdfVIP

Web AppBuilder Esri （北京）软件研发中心有限公司 刘军山 2 内容 Web AppBuilder 是什么 为什么使用Web AppBuilder App j imu.j s Widget Theme Demo 产品计划 Web AppBuilder是什么 Web AppBuilder App Web AppBuilder是什么 是一个可以创建App的App Web AppBuilder是什么 Web AppBuilder将成为 Portal/AGOL的一部分出现在 Portal/AGOL的下一个版本中 为什么使用Web AppBuilder 为什么要使用WAB创建App 可以快速的创建App 可以快速的创建出可配置、可扩展的 App 可以在创建出来的App进行二次开发 ,App是开源的 不需要编写代码就可以创建App 所见即所得的用户体验 与Porta l/AGOL的紧密集成 App 创建出的App 基于JavaScript API的App 是可配置、可扩展的App Map Theme (颜色、字体、布局） W idgets 是可以在Mobile上运行的App 响应式界面设计(Responsive UI Design) 是与Porta l/AGOL集成的App 可以用Portal/AGOL账号登录 使用Webmap 是可以支持2D/3D的App App的构成 发动机 变速箱 jimu.js Theme 轮子 ... W idgets ... j imu.j s jimu.js 是WAB和App共用的Framework BaseWidget BaseW idgetPane l W idgetManager Pane lManager LayoutManager DataManager Dijits ... Widget W idget 封装了一个相对独立的业务功能单元 W idget 应用内置了很多W idget Bookmark, Search, Geoprocess,... W idget是可扩展、可配置的 开发 自己的W idget 通过UI在builder中配置 通过编辑JSON文件配置 W idget结构 Theme Theme 一个Theme定义了一些面板 (Pane l)、样 式(Sty le)、布局 (Layout) 面板 (Pane l) 面板是用来显示W idget的UI组件，一个面板可以 显示多个W idget 样式(Sty le) 样式是一个CSS文件，在样式中可以定义Theme的 字体、颜色等风格 布局 (Layout) 布局文件定义了放在Theme中W idget的位置信息 Theme Theme 布局 面板 样式 Theme-面板 Demo 产品计划 产品计划 3月28 日：beta版发布 7月：发布1.0版本  独立版本  Portal/AGOL集成版本