《开放应用平台(JUMP-UI)培训-基础级-2012年2月》由会员分享,可在线阅读,更多相关《开放应用平台(JUMP-UI)培训-基础级-2012年2月(19页珍藏版)》请在金锄头文库上搜索。
1、开放应用平台(开放应用平台(JUMPJUMP- -UIUI)培训)培训 ( (基础级基础级) )软件开发中心软件开发中心 20122012年年2 2月月FlexFlex开发环境搭建开发环境搭建1FlexFlex工程结构工程结构2目目 录录通用组件和开发模板通用组件和开发模板3 3创建项目工程创建项目工程4 4项目开发规范项目开发规范3 5常见技术要点常见技术要点4 6FlexFlex开发环境搭建开发环境搭建安装集成开发环境FlashBuilder4.6安装FlexSDK4.6FlashBuilder4.6安装时附带安装了SDK需要其它版本SDK可另行安装安装安装FlexFlex开发环境开发环境
2、FlexFlex开发环境搭建开发环境搭建在浏览器中查看应用程序效果,则需要安装浏览器对应的Flash浏览器插件(flash_4XX.exe)在开发过程中调试运行应用程序,则需要安装浏览器对应的Flash调试插件(flash_4XX_debug.exe)安装安装FlashFlash浏览器插件浏览器插件FlexFlex工程结构工程结构src目录:源文件目录默认包:Flex4工程中主应用程序 assets包:FLEX工程中通用的内嵌资源文件,规模一般比较小,包括png文件、swf文件等。 images包:通用的资源文件,与assets不同的是,一般为背景,包括jpg文件、gif文件、swf文件等。
3、plugins包:浏览器运行或调试运行FLEX工程时所需的安装文件。 skins包:CSS样式和Flex皮肤文件。 SystemHelp包:Flex中自带的部分组件及一些常用的自定义扩展组件。 功能模块包:业务功能模块包,命名规则按“xxx_xxx”格式命名。Flex4.6:系统库文件目录引用的库:外部库文件目录0bin-debug 目录:调试目录html-template 目录:Flex工程模板文件目录libs目录:默认外部库文件目录locale目录:国际化目录 项目工程目录结构项目工程目录结构FlexFlex工程结构工程结构对业务系统而言,不仅从代码层面做了规范,在界面布局上也做了规范。如
4、UITemplate工程,运行主应用程序index.mxml,界面见下图。 项目页面布局项目页面布局通用组件和开发模板通用组件和开发模板通用类(项目工程xxx_Util目录下):xxx_Util中的文件只在本业务系统xxx中通用。通用组件库(globalLib库):globalLib库文件对各业务系统通用。例如:JavaScript、ExpressionUtils、DataDictContainer、IModuleData、IConnectParameter、Connect、IDataDictObject、URLParameter、MyModuleLoader、MyPanel、MyPanelE
5、vent、MyDateField、SubmitButton、FlashPaperLoader、IApplicationAdapter、ICallerRegistry、IResponseListener、CallerRegistry、CallerRegistryFactory、HTMLExternalCalls、CMManager等。 通用类及通用组件库通用类及通用组件库通用组件和开发模板通用组件和开发模板UITemplate工程:有完整项目结构和可运行功能模块。新项目可以此为基础做进一步开发。提高上手速度、开发效率,保证项目统一性。UITemplate工程结构:(如图)UITemplate登录
6、界面:(如图) 项目开发模板项目开发模板UITemplateUITemplate通用组件和开发模板通用组件和开发模板UITemplateUITemplate工程功能模块:工程功能模块:系统首页(如图)系统首页(如图)开发帮助(如图),包含大量组件示例和源码。开发帮助(如图),包含大量组件示例和源码。项目开发模板项目开发模板UITemplateUITemplate创建项目工程创建项目工程以UITemplate工程为基础创建项目工程的步骤: 如何创建项目工程如何创建项目工程导入导入UITemplate模板模板工程目录规范化工程目录规范化重构通用文件重构通用文件调整主页面调整主页面模块的创建与加载模
7、块的创建与加载项目开发规范项目开发规范目录规范:(如图)布局样式规范:(如图)文件命名规范:首字母大写的驼峰式命名:AS类文件、AS接口(且以I开头)文件、Mxml文件、Mudule文件(按照XXX_AAA.swf和 XXX_AAA.vxml形式)。 首字母小写的驼峰式命名:包名、命名空间。编码规范:所有文件必须以UTF-8编码。注释规范:文档注释:让定义调用的人更容易了解定义内容。执行注释:便于阅读理解代码。 项目开发规范内容项目开发规范内容常见技术要点常见技术要点Application和ModuleApplication可以独立运行,是程序主体。Module不能独立运行,只能被Applic
8、ation加载。使用Module可以有效的划分功能模块。Application和Module关系,如右图。 ModuleModule技术技术ApplicationModule加载加载Module后的后的 Application常见技术要点常见技术要点“运行时共享库”和“合并到代码”当框架连接方式为“运行时共享库”,编译后会将程序引用到的框架内容编译为独立的库,在程序运行时动态加载库文件。 这种方式降低了代码的耦合度,减小了主应用程序的大小。当框架连接方式为“合并到代码”,编译后会将框架内容编译到主应用程序中。主应用和框架库作为整体一个文件运行加载。 RSLRSL(运行时共享库)(运行时共享库)
9、常见技术要点常见技术要点是否需要Module优化:如果一个工程中包含多个应用程序时,对于本工程中的Module,可以针对性的设置应用程序进行优化。不过,一般工程中只包含一个应用程序index.mxml。如果是外部应用程序加载Module时,就要设置成“不优化”,否则调用时出错。 ModuleModule优化优化常见技术要点常见技术要点AIR的意义:AIR脱离了浏览器对本地资源的限制,让程序可以使用更多本地资源,如:本地文件、本地程序、硬件资源等。创建AIR应用:创建Flex工程时选择桌面应用(如图)。AIR应用需要AIR SDK支持。AIR主应用程序代码如图。FlexFlex桌面应用桌面应用AIRAIR常见技术要点常见技术要点Json通信过程:服务端容器服务端容器客户端容器客户端容器前后台前后台JsonJson通信通信Flex前台前台Java前台前台JsonJava 对象对象Flex端端 Json 转换器转换器编码编码解码解码Java端端 Json转转 换器换器解码解码编码编码Http请求请求Http响应响应Flex 对象对象Json常见技术要点常见技术要点Json数据格式转换示例数据格式转换示例:JsonJson数据格式转换数据格式转换Q & AQ & AThanks !Thanks !