2014年Flex技术之一基础培训.pptVIP

1.什么是富互联网应用程序 RIA 是 Rich Internet Applications 的缩写，译为富互联网应用程序（或富 Web 应用 ）。 “ 富 ” 与 “ 瘦 ” 是相对的概念。互联网发展至今，呈现给用户的界面外观仍然非常单 调 。 通过诸如 PHP 、 JSP 等脚本语言描绘的界面外观需要由浏览器解释执行。这些脚本语言本身的处理能力有限，浏览器能够解释的脚本也有限，这大大限制了用户的操作体验。对于这 种不丰富的表现力和操作能力，我们称其为 “ 瘦 ” 。这样的互联网应用程序就是瘦互联网应用（我们身边的绝大部分网络应用是 “ 瘦 ” 的）。 RIA 就是在这种背景下提出的改进 Web 应用现状的概念。 富互联网应用程序 “ 富 ” 在哪里呢？主要是两个方面的体验： ? 丰富的视觉体验。 ? 丰富的界面操作体验。 2.目前有哪些RIA解决方案 Flex 、 Flash 、 SilverLight4 （微软产品）都是实现 RIA 的技术。 AJAX（异步JavaScript和XML）轻量级 Silverlight(WPF/E)基于.net 重量级 FLEX （XML AS3） 三个最 Flex应用程序的编译和发布 Flex应用程序 开发Flex应用程序的步骤 开发Flex应用程序的典型步骤如下（通常是这样） ： 1. 选取一系列预先定制好的、用于设计应用程序界面的组件（如表格、按钮等等） 2. 布置组件以设计用户界面。 3. 使用样式和主题来增强视觉方面的设计。 4. 添加动态行为（例如程序部件之间的相互作用） 。 5. 定义并连接所需的数据库服务。 6. 将源代码编译成SWF文件，然后在 Flash Player 中运行。 Flex应用说明 1、使用： mxml是flex builder可视化工具生成的。但实际使用的不是.mxml文件，而是flex builder编译器对.mxml进行编译生成的.swf文件；相当于java的类，编写的是.java文件，实际使用的是.class。 2、生成.swf时间：Flex应用(即mxml文件)在编译的时候就会由flex builder编译器对应用进行编译生成和应用同名的.swf文件。 4、生成文件目录：生成的文件所在目录是我们设置的”Output folder:”的值。 7.我的学习ABC 项目实例123 我的学习资源 /flex3/componentexplorer/explorer.html 我的学习资源 / 我的学习资源 /FLEX/list-1.html 我的学习资源 / 实战1 1、完成P9面应用程序 比较网页设计、FLASH AS3设计异同点？ 2、参考P21面Application容器属性，改善P9程序背景。 3、完成P23面“事件处理”应用程序。 比较事件处理的是顺序。 4、完成P24面“使用事件对象”应用程序。 理解单击事件传递、返回信息方法。 5、参考上例：你能否放置两个按钮，单击不同按钮后显示不同内容？ 8.如何学习FLEX? 学习Flex3相关概念及技术 案例实战，分析案例、相关代码 多写代码。 项目实站，解决问题去探索学习。 网上取经，谷歌和百度。 学习网站 说明 网站地址 Flex中的模块 /wiki/flex/1479-flex-module 学习Blog /zblog/ 调样式的网站 /flex2/consulting/styleexplorer/Flex2StyleExplorer.html 扩展组件 / Flex组件库 /p/flexlib/ Flex开发人员中心 /cn/devnet/flex/ 学习Blog /article.asp?id=142 事件讲解 /kissjava/archive/2008/08/26/224539.html Flex例子 参考网站 网站地址 说明 /view/623340.htm Flex介绍 /developerworks/cn/web/wa-lo-json/ JSON介绍 /WW/json-plugin.html Struts JSON插件 ANY QUESTION AND THANK YOU? FLEX中的组件 Flex的组件非常丰富，这些组件在Sdk里都有例子。但是要完成企业级应用还是需要自己去扩展，如分页组件。Flex SDK代码都是开源的，所以扩展起来比较方便。 FlexSDK目前已经是4.0了，但是API发生很大变化，和SDK3.0不兼容。 * Flex Builder自带SDK。 * * 在软件生命周期的任何一个阶段，只要软件发生了变化，就可能给