• 1. Flex技术基础培训方腾飞
  • 2. 什么是Flex?是Adobe公司推出的一系列框架和技术,使开发人员可以开发和部署RIA程序(flash程序)。 是用于构建和维护在所有主要浏览器、桌面和操作系统一致地部署的极具表现力的 Web 应用程序的高效率的开放源码框架。 Flex BuilderFlex SDKMxmlAction ScriptFlex
  • 3. 为什么要用Flex?增强用户体验。 消除页面加载。 与浏览器兼容。 完善的开发环境。 强大的组件库。 页面展现层的RIA解决方案。持久层业务逻辑层页面展现层FlexJsp
  • 4. 如何学习Flex?公司FTP里的视频教学。 学习Flex自带的demo 在FlexIDE\sdks\3.1.0\samples\explorer下,需要先运行build.bat。 Flex IDE的Help Content,可以查看Flex所有的API。 多写代码。 谷歌和百度。
  • 5. Flex的原理MXMLAction ScriptSWFMxml是flex的标记语言,用来描述界面,同Html非常相似,而且mxml更加规范化和标准化。 Mxml最终会被编译器解析为Action Script,然后生成flash的swf文件。 说白了,我们写的代码最终会编译成flash。 Mxml使用 flexSdk进行编译。 6. Hello World Flex下载Flex Builder或者安装Eclipse的Flex插件。 新建HelloWorld的Flex工程。 编写HelloWorld.mxml文件。 7. ActionScript3.0Action Script是Flash的脚本语言,与JavaScript相似,Action Script是一种面向对象编程语言。 ActionScript3.0是运行与Flash player的编程语言,使用新的ActionScript虚拟机AVM2。AVM2使用新的二进制指令集,并在性能上有很大改进。 Actionscript3.0代码被Flex Builder或flash中的编译器编译成二进制数据,然后装入swf文件,运行于flash player运行环境中。
  • 8. ActionScript的语法语法类似于JavaScript和Java。 public class ClearTextInput extends TextInput { public var defultTextColor:String = “#FF0000”; //定义变量使用var private var clearButton:Button; private var _defultText:String = “请输入...“//String类型 public function ClearTextInput()//构造函数 { super(); } private function clearButton ():void{//定义方法必须使用function this.text = ""; clearButton.visible = false; } }
  • 9. 特有语法动态类的作用是在程序运行的时候,可以动态增加或者修改类的属性。用关键字dynamic来标识。 Public dynamic class NotebookExample; Is用于判断变量类型是否一致,类似于Java的instance of。 A is String; Dictionary类似于java中的map。 Public var users: Dictionary ; 访问器和设置器,get 和 set。 Public function set userId(userId:String); 其他的语法基本和java差不多,如int,String,Array,extends,static,void。
  • 10. Hello World ActionScript可以通过标签加入到Mxml文件里。 可以引用外部的Script,只是将代码块抽出去。
  • 11. Flex中的组件Flex的组件非常丰富,这些组件在Sdk里都有例子。但是要完成企业级应用还是需要自己去扩展,如分页组件。Flex SDK代码都是开源的,所以扩展起来比较方便。
  • 12. Tree 组件Flex用标签描述组件,数据和组件分离。
  • 13. JSON是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。 JSON采用完全独立于语言的文本格式 比XML更加高效,因为不需要定义繁琐的标签。 JSON的数据格式如下: [{"IP":"192.168.16.0"},{"IP":"192.168.16.1"}]List>Java对象JSON
  • 14. Flex And Struts2.0(1)Flex 和java是通过http进行通讯。 Flex服务器端的Actionhttp数据JSON数据
  • 15. Flex And Struts2.0(2)Struts与Flex是通过Json数据通讯。 Struts利用JSON插件将返回的数据。 Flex的所有组件都支持JSON数据。 @Results( { @Result(name = "queryAllAlertClearRule", type = "json", params = {"excludeNullProperties", "true" }) }) public class AlertClearRuleAction extends ActionSupport private List alertClearRuleList; private String eventTypeId; //get set方法省略 JSON插件,了解更多:
  • 16. 学习网站说明网站地址Flex中的模块http://www.javaeye.com/wiki/flex/1479-flex-module学习Bloghttp://www.k-zone.cn/zblog/调样式的网站http://examples.adobe.com/flex2/consulting/styleexplorer/Flex2StyleExplorer.html扩展组件http://flexbox.mrinalwadhwa.com/Flex组件库http://code.google.com/p/flexlib/Flex开发人员中心http://www.adobe.com/cn/devnet/flex/学习Bloghttp://www.riafan.com/article.asp?id=142事件讲解 http://www.blogjava.net/kissjava/archive/2008/08/26/224539.html Flex例子 http://blog.minidx.com
  • 17. 参考网站网站地址说明http://baike.baidu.com/view/623340.htmFlex介绍https://www.ibm.com/developerworks/cn/web/wa-lo-json/JSON介绍 http://cwiki.apache.org/WW/json-plugin.htmlStruts JSON插件
  • 18. Any Question And Thank you?