Webappbuilder开发快速预览

by 李远祥

Webappbuilder for ArcGIS 是由ArcGIS JavaScripit API和dojo创建的，它允许通过创建自己的widget和主题来扩展其功能。

1. 了解widgets（微件），panels（面板）和themes（主题）

Widget

微件是一系列的text文件，可以在webappbuilder的应用中共享、移动和分发。

微件可以是单个符合AMD模型的JavaScript文件或者是编译好的AMD包，像Dojo的包一样。上图是微件的结构，包含一个模板、配置文件、央视文件和国际化支持。

通常情况下，微件被单独封装在一个分离或特定的业务逻辑中，一个微件不仅可以与用户视觉上互动，也可以连接到ArcGIS Portal和ArcGIS Online中获服务器端地图和数据资源。

Widget必须扩展BaseWidget 类(BaseWidget.js)，通过扩展BaseWidget类，产生一个新的JavaScript类会由Web Appbuilder 的WidgetManager 作为一个可部署的插件。

2. Panel（面板）

Panel是一个UI元素，用于显示widget的内容。复杂的微件可以在一个panel中展示出来。通过使用Panel板，Widget开发者不需要处理微件及其内容（数据）如何在HTML查看器显示。然而，微件开发人员可以选择不使用所提供的面板（更多的细节，见小微件开发部分）。例如，比例尺微件都有自己独特的用户界面。

您可以修改或创建新的panel，以获得新的功能，例如使微件可以移动和拖拽。

3. Theme（主题）

主题是由Web AppBuilder创建的Web应用所定义的界面。主题定义了以下内容:

l 如何通过微件布局主题面板

l 颜色、字体、界面样式等方案

l 微件在viewer中的位置

Web AppBuilder开发者需要掌握的软件和技巧

开发人员需要足够的HTML和JavaScript开发Web应用程序的知识和经验

Dojo是WebAppBuilder和ArcGIS JavaScript API的基础平台

使用Web AppBuilder去开发微件，需要熟悉ArcGIS JavaScript API，至少要熟悉由Esri官网上提供的代码实例。

尽管开发的环境只需要基础的文本编辑器、标准兼容的web浏览器和网络连接，但还是推荐使用一些有效的开发工具：

Sublime or Aptana Studio IDE
Chrome (最新版)
Firefox (最新版) with the Firebug plug-in

4. 可参考的资源

可以参考以下的资源网站

ArcGIS API for JavaScript
ArcGIS Blogs
twitter@esri

Webappbuilder开发快速预览相关推荐

UE4移动平台AR开发快速预览
UE4移动平台AR开发底层库主要是iOS系统的Apple ARKit和Android系统的Google ARCore,UE4的AR开发对AR底层库进行了统一的接口包装(封装的接口还包括Hololens ...
Flutter教程(1)——快速预览
简介 Flutter 是 Google 用以帮助开发者在 iOS 和 Android 两个平台开发高质量原生 UI 的移动 SDK.只需要维护一套代码就能在ios和Android中构建漂亮的App应用 ...
一个Django快速预览项目
创建一个Django项目,会用到一些包,但是下载多了会导致电脑变卡.变慢,这个时候可以用到虚拟环境来解决这个问题,每写一个项目,便可以在虚拟环境内配置各种环境而不影响电脑本身的环境. 我是用的是win ...
MacOS效率工具IQuickLook-多合一Quick Look快速预览与右键扩展信息工具
MacOS效率工具IQuickLook-多合一Quick Look快速预览与右键扩展信息工具系统说明 Quick Look说明什么是Quick Look Quick Look的局限 "I ...
quicklook不能预览office_万物皆可格！给空格键施加神奇魔法的神器软件—快速预览工具QuicklookPC软件...
大家好,我是元力.今天给大家带来一款电脑端使用的超级神奇的软件.只需要选中文件,然后点击空格键,即可预览文件. 支持大部分格式,比如word.excel.pdf.图片.视频甚至图片的源文件等等.真正实 ...
Win7下快速预览各种类型的文本文件
win7下的快速预览功能,给我们带来了不少便捷.但它只能预览指定的或者有预览处理器的文件.一般情况下.我们的源码都是文本类型的.但win7默认只支持txt文件的预览.我们要想快速的预览下各种编程语言源 ...
前端预览word文件_[装机必备] QuickLook —— 敲击空格即可快速预览文件
今天给大家推荐的软件是:QuickLook 你只需要选中文件,然后敲击空格,就可以快速预览文件内容 QuickLook 有三个版本:安装版.便携版.UWP 版作者对这三个版本的描述: *需要注意的 ...
在Windows 7中的Windows Media Player 12中快速预览歌曲
Do you ever wish you could quickly preview a song without having to play it? Today we look at a quic ...
php 预览器,浏览器html代码快速预览小工具
这次给大家带来浏览器html代码快速预览小工具,使用浏览器html代码快速预览小工具注意事项有哪些,下面就是实战案例,一起来看一下. 直接弹出预览:javascript:(function() { v ...

Webappbuilder开发快速预览

Webappbuilder开发快速预览相关推荐

最新文章

热门文章