Flex技术基础培训

Flex技术基础培训 方腾飞Main shorttime 什么是Flex 是Adobe公司推出的一系列框架和技术 使开发人员可以开发和部署RIA程序 flash程序 是用于构建和维护在所有主要浏览器 桌面和操作系统一致地部署的极具表现力的Web应用程序的高效率的开放源码框架 为什么要用Flex 增强用户体验 消除页面加载 与浏览器兼容 完善的开发环境 强大的组件库 页面展现层的RIA解决方案 如何学习Flex 学习Flex自带的demo在FlexIDE sdks 3 1 0 samples explorer下 需要先运行build bat FlexIDE的HelpContent 可以查看Flex所有的API 多写代码 谷歌和百度 Flex的原理 MXML ActionScript SWF Mxml是flex的标记语言 用来描述界面 同Html非常相似 而且mxml更加规范化和标准化 Mxml最终会被编译器解析为ActionScript 然后生成flash的swf文件 说白了 我们写的代码最终会编译成flash Mxml使用flexSdk进行编译 HelloWorldFlex 下载FlexBuilder或者安装Eclipse的Flex插件 新建HelloWorld的Flex工程 编写HelloWorld mxml文件 ActionScript3 0 ActionScript是Flash的脚本语言 与JavaScript相似 ActionScript是一种面向对象编程语言 ActionScript3 0是运行与Flashplayer的编程语言 使用新的ActionScript虚拟机AVM2 AVM2使用新的二进制指令集 并在性能上有很大改进 Actionscript3 0代码被FlexBuilder或flash中的编译器编译成二进制数据 然后装入swf文件 运行于flashplayer运行环境中 ActionScript的语法 语法类似于JavaScript和Java publicclassClearTextInputextendsTextInput publicvardefultTextColor String FF0000 定义变量使用varprivatevarclearButton Button privatevar defultText String 请输入 String类型publicfunctionClearTextInput 构造函数 super privatefunctionclearButton void 定义方法必须使用functionthis text clearButton visible false 特有语法 动态类的作用是在程序运行的时候 可以动态增加或者修改类的属性 用关键字dynamic来标识 PublicdynamicclassNotebookExample Is用于判断变量类型是否一致 类似于Java的instanceof AisString Dictionary类似于java中的map Publicvarusers Dictionary 访问器和设置器 get和set PublicfunctionsetuserId userId String 其他的语法基本和java差不多 如int String Array extends static void HelloWorldActionScript 可以通过标签加入到Mxml文件里 可以引用外部的Script 只是将代码块抽出去 Flex中的组件 Flex的组件非常丰富 这些组件在Sdk里都有例子 但是要完成企业级应用还是需要自己去扩展 如分页组件 FlexSDK代码都是开源的 所以扩展起来比较方便 Tree组件 Flex用标签描述组件 数据和组件分离 JSON 是一种轻量级的数据交换格式 易于人阅读和编写 同时也易于机器解析和生成 JSON采用完全独立于语言的文本格式比XML更加高效 因为不需要定义繁琐的标签 JSON的数据格式如下 IP 192 168 16 0 IP 192 168 16 1 List Java对象 JSON FlexAndStruts2 0 1 Flex和java是通过http进行通讯 Flex 服务器端的Action http数据 JSON数据 FlexAndStruts2 0 2 Struts与Flex是通过Json数据通讯 Struts利用JSON插件将返回的数据 Flex的所有组件都支持JSON数据 Results Result name queryAllAlertClearRule type json params excludeNullProperties true publicclassAlertClearRuleActionextendsActionSupportpri