FLEX,是Rich Internet Applications时代的牛×产物,
Rich Internet Applications,翻译成中文为富因特网应用程序(Macromedia中文网站翻译为Rich Internet应用程序)。传统网络程序的开发是基于页面的、服务器端数据传递的模式,把网络程序的表示层建立于HTML页面之上,而HTML是适合于文本的,传统的基于页面的系统已经渐渐不能满足网络浏览者的更高的、全方位的体验要求了,这就是被Macromedia公司称之为的“体验问题”("Experience Matters"),而富因特网应用程序(Rich Internet Applications,缩写为RIA)的出现也就是为了解决这个问题。
富因特网应用程序是下一代的将桌面应用程序的交互的用户体验与传统的Web应用的部署灵活性和成本分析结合起来的网络应用程序。富因特网应用程序中的富客户技术通过提供可承载已编译客户端应用程序(以文件形式,用HTTP传递)的运行环境,客户端应用程序使用异步客户/服务器架构连接现有的后端应用服务器,这是一种安全、可升级、具有良好适应性的新的面向服务模型,这种模型由采用的Web服务所驱动。结合了声音、视频和实时对话的综合通信技术使富因特网应用程序(RIA)具有前所未有的网上用户体验。
基于主机的应用程序 – 由基于主机(可以是大型计算机或小型计算机)的计算发展而来的交互式应用程序。推动此阶段计算的商业需求来自于企业组织内部业务自动化,如工资表。应用程序在内部的专用网络间进行本地发布,用户界面的丰富性仅限制在文本范围内。
客户/服务器应用程序 – 客户/服务器应用程序发展很快,这是因为我们需要对企业组织内部的信息及应用程序进行部门级别的访问。仍然可以在企业组织内部本地访问应用程序,但随着图形用户界面的出现及客户端处理的应用,应用程序的丰富性大大提高了。
Web 应用 – Web 应用程序的全局性应用,以及基于主机集中管理应用程序的模型,解决了客户/服务器模型的主要限制- 但对用户来说,这需要巨大的投入。从处理的角度来看,Web 应用程序模型将客户端转变为虚拟终端。用于提供最佳用户体验的主要交互问题消失了。这些主要问题包括直接控制、客户端处理及局部存贮等。随着各企业组织认识到 Rich Internet Application 模型可产生显著的商业利润、提高生产率及降低成本的优势后,这种模型的发展势头越来越猛烈。这些应用程序结合了桌面应用程序的反应快、交互性强的优点与 Web 应用程序的传播范围广及容易传播的特性。系统架构发展的下一步是 Rich Internet Application,它最大程度地提高了广泛性和丰富性。
Macromedia Flex 是为满足希望开发 Rich Internet 应用程序的企业级程序员的需求而推出的表示服务器和应用程序框架。RIA 将桌面软件的响应速度和丰富功能与 Web 应用程序的广度结合在一起,以提供效果更好的最终用户体验。Flex 表示服务器提供基于标准的、声明性的编程方法和流程,并提供运行时服务,用于开发和部署丰富客户端应用程序的表示层。Flex 开发者使用直观的基于 XML 的语言来定义丰富的用户界面;该语言由 Flex 服务器翻译成智能的客户端应用程序,在普遍存在的 Flash 运行时环境中运行。
Flex 应用程序与传统的 HTML 应用程序的主要区别在于 Flex 应用程序处理最适合在客户端运行,如字段校验、数据格式、分类、过滤、工具提示、合成视频、行为及效果等。 Flex 可使开发人员更好地交付应用程序,这种应用程序使用户可以迅速反应、在不同状态与显示间流畅过渡,并提供毫无中断的连续的工作流。
Flex 开发模型与JSP、ASP/ASP.NET 或其他类似的脚本语言的基本的模型是一样的:建立一个包含应用程序源代码的文本文件,然后将此文件部署到服务器上;服务器在收到第一个请求时,将此源码编译成为应用程序,后续的请求将通过缓存处理。与发送一系列的包含数据与 UI 的 HTML 页面不同,Flex presentation server 发送包含可在普遍的 Flash Player 虚拟机上运行的丰富客户端用户界面。需要时,Flex 应用程序将与服务器交换,数据以响应客户端上终端用户的操作。
除了在现有的表示层上进行添加外,Flex 并不需要对当前的业务层与整合层进行任何改变。Flex presentation server 在应用服务器内运行,并为 Flex 应用程序提供整合与管理能力。Flex 整合的能力可以轻松地通过 Web 服务、Java 对象访问或 XML 使用现有的代码及信息。Flex 还可以与一些现有的表示技术与框架结构如 JSP 及 Struts 等进行集成。
Flex 应用程序框架由 MXML、ActionScript 2.0 及 Flex 类库构成。开发人员利用 MXML 及 ActionScript 2.0 编写 Flex 应用程序。利用 MXML 定义应用程序用户界面元素,利用 ActionScript 2.0 定义客户逻辑与程序控制。Flex 类库中包括 Flex 组件、管理器及行为等。利用基于 Flex 组件的开发模型,开发人员可在程序中加入预建的组件、创建新组件或是将预建的组件加入复合组件中。
随着无数种类的应用程序可以通过 Flex 创建的 Rich Internet Application 前端加以增强,产品的设计也开始以改善具有特定功能的应用程序为目标了。Flex 最适用的应用程序包括解决多步处理的应用程序或需要客户端验证、直接控制或是可视数据的应用程序。
MXML:Flex 标记语言
MXML 和 HTML 一样是标记语言,它描述了反映内容与功能的用户界面。与 HTML 不同的是,MXML 可对表示层逻辑与用户界面和服务器端数据绑定提供声明抽象。MXML 可将表示与业务逻辑的问题彻底分开,以实现最大程度地提高开发人员的生产率及应用程序的重复使用率。 MXML 的开发基础是在迭代过程上,这与其他类型的 Web 应用程序文件如 HTML、JSP、ASP 及 ColdFusion 标记语言 (CFML) 是相同的。开发 MXML 应用程序就象打开一个文件编辑器一样简单,只要输入一些标签、保存文件,然后在 Web 浏览器上打开文件 URL 即可。
MXML 文件同时也是普通的 XML 文件,所以可以选择多种开发环境。可以在简单文件编辑器、专用 XML 编辑器或是支持文件编辑的集成开发环境 (IDE) 中进行开发。由于 MXML 符合 W3C XML 方案的定义,您也可以使用结构化编辑,如代码着色和代码提示(取决于编辑器的功能)。
MXML和HTML间最大区别:前者定义的应用是编译的SWF文件,执行于FlashPlayer客户端中。后者是基于页面技术的应用。因此前者能提供更丰富的、动态的UI。MXML不支持Flash的某些特性,例如:时间轴。但是可以利用Flash设计组件并应用在Flex中。MXML应用可以是一个MXML文件,也可以是多个MXML组成,MXML支持MXML文件形式的自定义组件、ActionScript文件形式的自定义组件以及在Flash中建立的自定义组件。
Flex Builder 是 Macromedia 的适用于 Flex 应用程序开发的 IDE(集成开发环境)。Flex Builder 通过为 Flex 用户提供一种与 Flex 服务器、应用程序模型和编程语言紧密集成的 IDE,超越了一般代码编辑器。通过这种集成,Flex Builder 为 Flex 组的所有成员提供一种卓有成效的工作环境。Flex Builder 与 Flex 绑定,作为总体解决方案的一部分。
Flex Builder 为 Flex 开发者带来三个根本好处:
快速学习 Flex
在设计视图中部署 Flex 界面后,将生成界面的 MXML。MXML 变动后,设计
新。让 Flex Builder 向您显示如何为应用程序编写 MXML。
使用设计视图,您可以拖拉组件建立用户界面,并在 Flex Builder 为您编
MXML 代码时进行查看。 查看每个 MXML 标记的所有选项可以更好地了解 MXML。
使用与 MXML 和 ActionScript 集成的编辑器,可以获得最佳的代码提示
完成。
更快速地开发
使用 Flex Builder 可以提高效率。与 Flex 服务器和框架的完全集成,可以确
的生产环境。
使用一个工具,可以提供以下所有功能:对应用程序进行布局、编码、调试
使用拖拉设计视图对应用程序进行快速布局和定型。
使用与 MXML 和 ActionScript 紧密集成的代码编辑器更快速地进行编码
使用集成的调试器调试应用程序逻辑和服务器通信。
让每个人溶入开发团队
让每个人溶入开发团队,从而建立最高效的 Flex 应用程序。当设计者全力部署
时,您可以产生更有效的应用程序。
不习惯使用大量代码的设计者也可以参与工作。使用可视设计视图,设计者
效地布局应用程序界面。
与更改代码的程序员和更改设计视图的设计人员合作,开发您的应用程序。 Flex安装配置完全教程
1、安装JDK1.5.0 1) 下载后双击安装即可,我这里装到D:\jdk1.5.0_01,安装时会自动安装JRE5.0,可以安装到其它的路径,我这里装到D:\jre1.5.0_010.
>高级>环境变量>系统变量>新建(输入如下内容)
变量名:J***A_HOME 变量值:D:\jdk1.5.0_01
2、安装Tomcat5.5.6
1) 下载后双击安装,在安装的过程中记住选中"service"选项,这样Tomcat就可以以windows服务的形式启动。我这里把Tomcat安装在D:\Flex\Tomcat 5.5\目录。
2) 接着会配置http端口号和管理密码,按需要输入即可,这里可以为空,端口默认为8080。
3) 安装过程中会要求指定JRE的目录,它会自动检测,按默认即可。如果没有检测到,手动动输入JRE安装目录就行。
4) Tomcat安装完成后会在状态栏生成一个小图标,如果是绿色的小三角表示Tomcat服务器已经启动成功,双击这个图标进入Tomcat服务控制台,用Start和Stop开始和停止服务。
5) 在浏览器中输入“http://localhost:8080”,如果出现一个Apache Tomcat/5.5.6的页面,证明Tomcat安装成功。
3、安装Flex 1.5
1) 第一步是解压缩,双击下载下来的flex-15-win.exe,并选择一个解压缩到的目录,比如“桌面”。
2) 打开桌面上解压缩后的文件夹,名如"I1103705281",进入里面的windows目录,双击Flex.exe进行安装。
3) 安装界面如下图,点击Next就行了。过程中要求输入序列号,如果留空则为60天的试用版(序列号网上好多,实在找不到的留言给我吧~呵呵)。我这里把Flex安装在D:\Flex。
4) 下面开始进行最重要的一步,将Flex安装到Tomcat中去。进入Tomcat下的webapps目录(我这里是D:\Flex\Tomcat 5.5\webapps),新建两个目录,一个是flex,一个是samples(注意,Tomcat服务器是区分大小写的!)。
5) 用winzip将Flex程序目录(我这里就是D:\Flex)下的flex.war解压缩到上一步建立的flex目录。同样,将samples.war解压缩到上一步建立的samples目录。至此,Flex1.5安装完毕。
6) 在浏览器中打开“http://localhost:8080/samples/”,点击左边导航栏的“Flex Explorer”,如果你看到一个效果图,证明Flex服务器已经安装成功!
4、安装Flex Builder 1.5
1) 下载来的Flex Builder 1.5,文件名为FlexBuilder1.5Installer.exe,安装好后,如果没有序列号,可以选择60天的试用版(找序列号吧。。。)。
2) 启动后可以看到,界面和Dreamweaver非常相似。第一步和DW一样,也是定义一个Flex站点。选择“Creat New”中的“Flex Site...”,在弹出的站点设置对话框中填入相应信息
3) 然后就可以用Flex Builder做你的Flex站点了,呵呵。
|