1.1 Flex 简介

11
1.1 Flex 1.1 Flex 简简 简简 简简 一: Flex 简简

description

1.1 Flex 简介. 第一章: Flex 概述. 目录. Flex 简介. RIA 技术概述与特点. Flex 基本构成与工作机制. Flex 简介. Flex 是 Adobe 公司开发的支持 RIA ( Rich Internet Applications )开发和部署的技术产品,是一个主要面向企业级的开源框架,可用于构建具有表现力的 Web 应用程序。借助于 Flex 强大功能,能够开发出增强更富有交互性和标签的用户界面。. RIA 简介. - PowerPoint PPT Presentation

Transcript of 1.1 Flex 简介

Page 1: 1.1 Flex 简介

1.1 Flex1.1 Flex 简介简介第一章: Flex概述

Page 2: 1.1 Flex 简介

目录目录

2

Flex 简介

RIA 技术概述与特点

Flex 基本构成与工作机制

Page 3: 1.1 Flex 简介

FlexFlex简介简介

3

Flex是 Adobe 公司开发的支持 RIA( Rich Internet Applications )开发和部署的技术产品,是一个主要面向企业级的开源框架,可用于构建具有表现力的 Web 应用程序。借助于 Flex 强大功能,能够开发出增强更富有交互性和标签的用户界面。

Page 4: 1.1 Flex 简介

RIARIA简介简介

4

RIA是 Rich Internet Applications 的缩写,翻译为丰富互联网应用程序。 RIA 的目标是将桌面程序的表现力与浏览器的程序方便、快捷结合在一起。开发者可以在浏览器程序上部署 C/S 客户端的程序,得到比传统 HTML 更强大的表现力。

Page 5: 1.1 Flex 简介

RIARIA产生背景产生背景

5

互联网日益成为应用程序开发的主要平台。随着 Web 应用程序复杂性越来越高,传统的 Web 应用程序已经渐渐不能满足 Web 浏览者的要求,这就是所谓的“体验问题( Experience Matters )”。 RIA 的出现,解决了上述问题的新思路。

RIA 大致经历了三个发展过程,如图所示。

Page 6: 1.1 Flex 简介

RIARIA特点特点

6

RIA 最突出的特点为“ Rich” ,同时 RIA 最核心的部分也体现在“ Rich” 中。“ Rich” 包含了两层含义: 1 .丰富的数据模型

RIA 技术提供了多种数据模型来处理客户端复杂的数据操作。使用 RIA 可以将部分原本需要在后台程序处理的问题转移到客户端,使数据能够被缓存在客户端,从而可以实现一个比基于 HTML 的响应速度更快,且数据往返于服务器的次数更少的用户界面。 2 .丰富的界面元素

RIA 技术提供了比 HTML 更为丰富的界面表现元素,密集、响应速度快和图形丰富的页面元素与数据模型结合在一起,为用户提供好的使用体验。

Page 7: 1.1 Flex 简介

RIARIA发展趋势发展趋势

7

由于 RIA 技术带来的巨大优势, RIA 技术得到不断的推广和进步。而随着 RIA 技术的发展,出现数个各具特色的RIA 客户端开发技术,推动 RIA 技术的发展。

RIA 产品包括 Flex、 Ajax、WPF、 OpenLaszlo和Google Web Tookit 等一系列产品。

Page 8: 1.1 Flex 简介

FlexFlex是什么是什么

8

Flex 是一个安装在客户端的表现层的服务器;是一个富用户界面组件库;是一个类 XML 基础的标记语言,用来布局组件;是使用 ActionScript 这种 OOP (面向对象程序设计)语言用于用户界面和应用程序的一个框架。

Flex 将基于标准的语言和各种可扩展用户界面及数据访问组件结合起来,使开发人员能够快速构建具有丰富数据演示、强大客户端逻辑和集成多媒体的 Flex 应用程序。

Page 9: 1.1 Flex 简介

FlexFlex基本构成基本构成

9

Flex 的基本架构包括 4 部分,如图所示。 1 . Adobe SDK 2 . Adobe Flex Charting 3 . Adobe Flex Data Services 4 . Adobe Flex Builder

Flex SDK2MXML ActionScript3.0Flex框架和类库命令行编译与调试

消息服务数据管理服务RPC服务

Flex Data Services2

Flex Charting2 可扩展图形组件

消息服务

数据管理服务

RPC服务

消息服务

Flex Builder2

Page 10: 1.1 Flex 简介

FlexFlex工作机制工作机制

10

一个 Flex 应用程序通常包含 6 种元素1 . Flex Framework2 .MXML3 . ActionScript4 . CSS5 .图形资源6 .数据

Fl ex Framework

MXML

图片 数据

Fl ex应用程序

CSS

ActionScript

Page 11: 1.1 Flex 简介

Thank you !Thank you !谢谢!谢谢!

第一章: Flex概述