硅谷杂志：基于Flex的Web应用系统的实现 |
| 2012-07-19 11:58 作者：李新建 李强 张丽丽 来源：硅谷网 HV： 编辑： 【搜索试试】
|
|
硅谷网7月19日消息 （原文载于《硅谷》杂志）随着市场经济体制快速促进，硬件得到较大提升的同时软件上也遇到了新机遇与新挑战。在这种形势下Web应用成为了重要的软件应用，而基于Flex的Web应用系统实现更是被相关人士作为研究重点。介绍Flex的相关技术，阐述基于Flex实现Web应用的过程，最后对Flex的应用开发进行总结展望，为基于Flex的Web应用系统的实现提供理论依据。
软件与硬件是一对孪生姐妹，必须要有机结合才能实现使用目标。随着科技发展，硬件得到长足提升，为软件发展提出了新任务。而传统Web应用系统的开发一直注重服务器端开发，而忽视了用户的需求及体验。用户在浏览网站时，需要不停地点击按钮，长时间等待服务器端返回的数据，不断刷新页面等，web前端设计缺乏很好的交互性。因此如何使web应用更加具备人性化，使开发出来的系统具有丰富表现力，这些问题有待我们进一步的探索。在这种形势下，探究基于Flex的Web应用系统的实现具有实际意义。
1Flex技术概述
Flex是Adobe公司的支持RIA（richinternetapplications，富互联网应用系统）开发和部署的平台，它是一系列发展中的技术和产品线的概括词,包括FlexFramework，FlexBuilder2，FlexEnterpriseServices2等。同时，它也是开发Web应用的有效工具。通过它程序员可以更快更简单地开发动画及RIA应用。因此由于其各种优点，导致Flex技术使用十分广泛。
1.1Flex技术框架
对于这种技术来说，其中尤为重要的一个方面就是Flex技术框架，只有选择好了框架才有利于后面的研究。而Flex技术框架主要包括FlexSDK、MXML、ActionScript三部分。
1）FlexSDK：这是Flex的软件开发工具包，它包括Flex的基础类库和编译器，其主要作用就是负责将MXML和ActionScrip有机结合起来，生成客户端浏览器就可以识别的SWF文件，其功能十分强大。
2）MXML：这种框架是通过基于XML语言来实现的，通过该语言程序来描述浏览器的应用程序界面，MXML标签与ActionScript类或者类中的属性是相对应的。当编译器编译Flex的应用程序时，Flex编译器会对MXML标签进行相应的解析，解析之后就生成相应的ActionScript类文件，然后ActionScript类被编译成SWF字节码存储到一个SWF文件中。
3）ActionScript：这是一种脚本语言，用来定义客户所需要的逻辑，以及对程序进行相应控制，它在flash中所显示的内容和应用程序有机结合起来，彼此实现交互性、数据处理等功能，有效地促进了该系统的实用价值。
1.2Flex运行原理
FlexSDK是将Flex代码编译成SWF文件，然后再部署到相应的浏览器中，通过FlashPlayer在客户端执行SWF文件，就能够达到应用访问的真正目标。而且，在WEB应用的实现中大都使用了Flex的分层结构，遵循MVC（模型/视图/控制器）的设计模式，就能够将表现层与业务逻辑层进行有效分离，之后由业务逻辑层主要负责业务逻辑的相应处理工作，控制层主要用来负责处理用户的交互，表现层主要用来负责处理结果的展示。
2实现过程
2.1用户界面开发
用户界面是用户直接面对的页面，也是浏览器所必须要使用的界面。因此实用中必须将用户界面开发作为重点内容。而开发Flex应用的第一步就是利用Flex中的相关组件进行应用界面的开发，在新建的FlexProject中将组件面板中的相关组件拖拽至编辑区即可，采用Flex开发用户界面的最大的优势，就是Flex具有强大的界面表现能力。这种操作方式非常简单易操作，很容易做出具有丰富交互功能的应用程序，具有良好的用户体验，在设计中应用十分简单易掌握。
2.2业务逻辑层实现
设计好了用户界面后，就是进行业务逻辑的开发。业务逻辑处理前台用户界面接收到的信息。Flex中响应用户请求的模块可以分为许多独立的部分，每个部分处理一种独立的业务逻辑。在应用服务器中定义了业务逻辑的业务处理规则，负责响应请求、记录日志、读取或保存相关数据等操作。
2.3Flex与服务端的通信
设置好业务逻辑层之后就要进行与应用服务器端的通信，因为不链接应用服务器的应用就仅仅是一个固定的页面，不能实现客户的具体业务应用，没有实际价值和意义。因此做好了前面两个层面的设计工作，接下来就要实施Flex和服务端的通信。
本文所使用的通信方式，主要是通过Adobe公司提供的BlazeDS与服务器端进行通讯，进而实现了与应用服务器端通信的真正目标，按照相关类型分类，它有httpservice、RemoteObject、Messaging3种基本通信方式。最常用的是RemoteObject，这种方式主要是基于AMF基础上进行数据交互，能够有效的达到速度和性能方面的要求，同时还能够支持dataset和datatable。以下是三种通讯基本通讯方式的说明。
表1BlazeDS与服务端通信的3种基本方式
名称 说明
RemoteObject 基于AMF协议的对象级别的调用
HttpService 基于Http通信协议与后台进行数据交互，交互数据格式是XML，数据传输的方式是get或post。
Messaging 通过与服务端JMS通信方式进行消息服务传递的数据通信方式
2.4配置文件
在Web应用系统与应用服务器端的通信上不是一句话就能够实现，也不是简单的连接起来就能实现，还必须要通过对一定配置文件的配置才能够实现Flex和服务器之间的通信。从实际设计来看，Flex与服务器端的通信一般需要4个配置文件的支持。一般情况而言，在普通Web应用中并不需要配置过多的文件，只需要配置其中的两个配置文件就可以了，它们分别是：remoting--config.xml，这个配置文件主要是用来描述远程调用Java类的服务配置文件；services--config.xml，这个配置文件主要是用来描述服务基本设置的配置文件。
2.5部署
将基于Flex的Web应用系统设计好之后，就要放到相应的应用服务器上进行运行。一般情况下，应用系统还必须要在相对应的服务器上运行，对应用服务器具有一定的依赖性，但是对于基于Flex的Web应用系统来说，所选择的服务器还是比较广泛。因为Flex应用可以运行在任何J2EE服务器上，例如JBoss、Weblogic、Websphere、Tomcat等服务器。这种优势也增加了基于Flex的Web应用系统使用的广泛性。
3结束语
基于Flex开发出来的Web应用系统具有界面漂亮、交互性强的优点，具有良好的用户体验度，用户访问响应速度很快，因为它只与服务器交互数据，不交互组件。就是这些优势进一步推进了该应用系统的使用，越来越被设计者们所喜爱。
Flex作为一种强大而流行的RIA技术，支持多种服务器语言及主流框架。并且程序最终会被编译成swf文件来运行，这样可以借助FlashPlayer的安装普及度，可以轻松实现应用程序的跨浏览器和跨平台访问。
作者简介：
李新建（1982-），男，山东滨州人，本科，助理工程师，现在中海油能源发展股份有限公司钻采工程研究院从事油田信息化研发工作。
|
|
|
|
【对“硅谷杂志：基于Flex的Web应用系统的实现”发布评论】 |
版权及免责声明：
① 本网站部分投稿来源于“网友”，涉及投资、理财、消费等内容，请亲们反复甄别，切勿轻信。本网站部分由赞助商提供的内容属于【广告】性质，仅供阅读，不构成具体实施建议，请谨慎对待。据此操作，风险自担。
② 内容来源注明“硅谷网”及其相关称谓的文字、图片和音视频，版权均属本网站所有，任何媒体、网站或个人需经本网站许可方可复制或转载，并在使用时必须注明来源【硅谷网】或对应来源，违者本网站将依法追究责任。
③ 注明来源为各大报纸、杂志、网站及其他媒体的文章，文章原作者享有著作权，本网站转载其他媒体稿件是为传播更多的信息，并不代表赞同其观点和对其真实性负责，本网站不承担此类稿件侵权行为的连带责任。
④ 本网站不对非自身发布内容的真实性、合法性、准确性作担保。若硅谷网因为自身和转载内容，涉及到侵权、违法等问题，请有关单位或个人速与本网站取得联系（联系电话：01057255600），我们将第一时间核实处理。
|
|
|
|
