ESRIFlexViewer框架的ArcGISServer开发课程.pptxVIP

ESRIFlexViewer框架的ArcGISServer开发课程第1页/共79页 内容概要框架结构Flex Builder Project设置Widget开发部署 Sample Flex Viewer核心编程Flex Viewer 和Widget 部署应用案例第2页/共79页 软件需求Adobe Flex3 Builder Standard Editor Adobe SDK（可选，如果没有Flex Builder）ArcGIS API for Flex第3页/共79页 Flex Viewer框架结构Flex ViewerLaptop MobileHand MobileArcGIS OnlineArcGIS Server其他Service和Feed第4页/共79页 Sample Flex Viewer例程生命周期Flash Player 通过加载和运行容器flash文件，在浏览器里启动Flex Viewer 应用程序.2. The Flex Viewer container 从web server加载XML配置文件和皮肤flash文件应用于整个应用程序.3基于配置文件, 容器从地图服务器加载map services，比如 ArcGIS Online 或ArcGIS 9.3 servers. 容器同时也构建并且在控制条上显示菜单和来自配置文件的标记信息。4. container widget manager根据在配置文件中指定的 URLs加载widget flash files.5. 用户操作widgets 运行各种业务逻辑.第5页/共79页 Menu ControlMenu ControlSample Flex Viewer ContainerContainer SWF config.xml Skin SWF Widget SWF Files 12345Map ServicesServices and Data FeedsSample Flex Viewer Web Server第6页/共79页 Sample Flex Viewer Container使设计人员摆脱地图管理、地图导航、应用配置、组件间的通信、数据管理等繁重复杂的编程工作，专注于核心业务功能开发。只需要在Flex Viewer应用程序的配置文件中增加配置项，就可以将功能以widget的形式快速部署到已有的Flex Viewer应用中。容器由一系列高粘性、低耦合组件组成。容器会把关注的任务交给相应的组件去完成。这种设计方法不但简化了代码维护和定制，而且缩小了模块编写过程中产生的阻力。第7页/共79页 Sample Flex Viewer Container第8页/共79页 Container外观第9页/共79页 理解Widget模块开发经过编译的widget是一个独立的SWF(Flash)文件，可以在Flex Viewer程序中共享、移动和配置它Widget封装了一系列独立的业务逻辑，用户可以在其中执行任务。一系列相互关联的widget加上清晰定义好的业务操作流程组成了业务解决方案。而且这样的方案可以应用于企业级的业务进程中。轻量级的Flex Viewer Widget编程模型使得开发人员可以轻易定制widget，避免了将widget整合到Flex Viewer应用程序中所需的底层代码开发。第10页/共79页 开发widget的步骤第11页/共79页 Widget模型的内容IBaseWidget Interface (IBaseWidget.as)BaseWidget Class (BaseWidget.as)IWidgetTemplate (IWidgetTemplate.as)WidgetTemplate (WidgetTeamplate.mxml)第12页/共79页 IBaseWidget接口定义了一些通信方法，WidgetManager用这些方法来管理widgetBaseWidget实现这个接口 public interface IBaseWidget { function setId(value:Number):void; function setTitle(value:String):void; function setIcon(value:String):void; function setConfig(value:String):void; function setConfigData(value:ConfigData):void; function setState(value:String):void; function setMap(value:Map):void; }第13页/共7