1、RIA简介,-Rich Internet Application,内容概述,RIA的概念 RIA的特点 RIA的不足 Flex应用示例 DOM L3 事件模型,1.1 RIA的概念,2002年Macromedia公司白皮书首先提出 RIA (Rich Internet Application)是一种可在本地运行的客户端技术的应用，兼有传统桌面应用和Web应用的特点 运行在客户端的软件包 近似桌面应用的外观 超越Ajax的灵活性,Examples of RIA,GMail,Google Maps,MAINFRAME,REACH,Local,Global,RICH,Text UI,Integrat
2、ed media GUI,CLIENT/SERVER,WEB APPLICATIONS,2004,1992,1998,RICH INTERNET APPLICATIONS,By 2010 over 60% of new projects will include RIA technology - Gartner,传统Web应用模式,Web Browser,Server Application,Internet,Get Data,Build Interface,RIA模式,Web Browser,Server Application,Internet,Get Data,Web Browser,R
3、ich Internet Application,Ajax (Dojo, GWT, Prototype, etc.)Adobe FlexCurl ,Microsoft IEMozilla FireFoxApple SafariOther,Server Application,Java EEMicrosoft .NETLAMPOther,request,Internet,response,1.2 RIA的特点,具有桌面应用特征和功能的Web应用 运行在浏览器中，无需安装任何其它软件 运行在本地的安全环境中（Sandbox） 只要能够上网的计算机就可以使用 异步通信，无需刷新页面的响应 设计中支持
4、对UI组件的拖拽 跨操作系统,1.3 RIA的不足,Sandbox 有限访问系统资源 依赖脚本语言（Script） 浏览器的“Active Scripting”必须为“支持” 客户端处理的性能不高 受客户端系统容量和能力的限制 没有统一的标准 Macromedia Flash Player,1.4 RIA的技术,Java Applets - JavaFX Java Server Faces (JSF)/Ajax Adobe Flash/Flex Microsoft Silverlight Curl Mozilla XUL,1.4.1 Adobe Flex,一种高效、免费开源的框架，用于构建和维
5、护富于表现力的Web应用，并可以一致地部署到主流的浏览器、桌面和操作系统中。 根据.mxml文件定义的界面组件组织结构,生成.swf文件。 swf文件由Flash Player解释执行 Flex封装了Flash，可以直接调用Flash的API,1.4.2 Flex的特点,当前Ajax之外最流行的RIA技术 基于主流的Flash Player 99%的Web浏览器支持Flash 6+ 94%的Web浏览器支持Flash 9 跨浏览器、跨操作系统 简单良好的工具软件Flex Builder 3,1.4.3 Flex应用,MXML 一种XML标记语言 用于显示用户组件（UI组件） 用于定义访问服务器数据源的非可视化组件 将组件的表示与业务逻辑分离 ActionScript 3.0 面向对象的编程语言，提供流程控制和对象操作等动态特征 ActionScript Virtual Machine (AVM2)执行 基于最新ECMAScript标准（ECMA-262）的编译器 基于ECMAScript for XML 规范（ECMA-357）的XML API 基于DOM Level 3事件规范的事件模型,1.4.4 MXML示例,1.4.6 Flex vs. Ajax,
