基于Flex开发富互联网的应用程序.docVIP

基于Flex开发富互联网的应用程序 　　[摘要]传统网络程序的开发是基于页面的、服务器端数据传递的模式，把网络程序的表现层建立于HTML页面之上，而HTML是适合于文本的，传统的基于页面的系统已经渐渐不能满足网络浏览者的更高的、全方位的体验要求了。而富互联网应用（Rich Internet Applications，缩写为RIA）的出现就是为了解决这个问题。主要探讨在Web2.0标准下，如何使用Adobe Flex 3构建富互联网应用程序，以及程序开发步骤与部署过程。 　　[关键词]网络程序 富互联网应用程序 HTML 　　中图分类号：TP3 文献标识码：A 文章编号：1671－7597（2008）1110076－02 　　 　　一、引言 　　 　　Adobe Flex 3是属于Adobe公司针对RIA的最佳提供方案，同时也是近年火热话题RIA、Web2.0最易达成的途径。内容从Flash, HTML/CSS/JS，到PDF，几乎涵盖了时下最流行的WEB内容载体。此外，“可离线”应用模式能让用户更加安全、舒适地进行工作和娱乐。用户们不必再抱怨因网络故障而造成的信息损失，而且也可以借助本地资源更好地节省网络资源。因此，Adobe Flex 3技术可以让用户将WEB 2.0应用带回桌面，创造的商业应用价值和用户体验价值将超过以往任何技术。 　　 　　二、使用Flex开发程序 　　 　　（一）基于组件的开发模型 　　Flex是基于组件的开发模型。我们可以使用Flex中所包含的预构建的组件，也可以通过创建新的组件来扩展Flex组件库，或者是可以组合预构建的组件来创建复合的组件。 　　（二）Flex是由MXML和ActionScript 3语言两部分组成的 　　MXML是一个可以让你在Adobe Flex中布局用户界面组件的一种XML语言。可以使用MXML声明来定义程序中的非可视化组件，比如对服务器端数据源的访问以及用户界面组件和数据源之间的数据绑定。MXML标签与ActionScript类或者类中的属性是相对应的。当编译Flex应用程序的时候，Flex解析MXML标签并且生成相应的ActionScript类。然后这些ActionScript类会被编译成SWF字节码存储到一个SWF文件中。 　　Flex的运作原理如下图所示，当使用开发工具不管是Eclipse或是Flex Builder，编辑好程序后就可以编译成.swf文件，此编辑过程会把必要得MXML、 　　ActionScript3及有参考到的Class编译成.swf文件放到浏览器上去执行。 　　 　　（三）用户界面 　　使用Flex来构建一个程序，将使用名为容器与控件的组件来描述用户界面。一个容器就是屏幕上包含控件和其他容器的矩形区域。容器的一个例子就是为数据实体(Data Entry)，盒子(Box),表格(Grid)所用的窗体(Form)容器。一个控件是一个窗体元素，例如按钮或是文件输入区。例如，下面的图显示了两个不 　　同的盒容器，每一个包含三个按钮与一个组合框控件。 　　 　　上图演示了在水平盒(HBox)容器中的控件。HBox容器将它的控件在Flash播放器的平面上水平排列。上图同时演示了在垂直盒(VBox)容器中的控件。一个VBox容器垂直排列它的控件。 　　容器与控件定义了程序的用户界面。在MVC设计模式中，程序模型的这些方面代表视图(View)。模型(Model)是由数据模块表示的。Flex数据模型可以使得我们将程序数据和业务逻辑与用户界面相分离。 　　使用MXML或是ActionScript作为Flex程序的一部分来定义数据模型。下图演示了在Flex中使用数据模型创建的窗体： 　　 　　（四）数据绑定 　　数据绑定是将一个对象中的数据绑定到另一个对象的过程。数据模型支持双向的数据绑定，可以从Flex控件向数据模型写入数据，或者是从数据模式向控件读入数据。我们也可以绑定服务器数据到一个数据模型或是直接到Flex控件。例如，我们可以将从一个网络服务器返回的结果绑定到数据模型，然后将数据传递到我们的窗体控件。 　　 　　三、使用网络服务器工作 　　 　　在开发与部署环境通常包含一个网络服务器，在这里使用网络服务器返回一个Flex SWF文件来响应用户的请求。我们可以使用下面的任何一种网络服务器： 　　（一）简单的网络服务器 　　一个简单的网络服务器使用简单的HTML页面响应静态的页面请求。在这种情况下，将预编译的Flex程序并且编写一个包装将Flex程序的SWF文件嵌入到HTML页面中。 　　（二）网络程序服务器 　　一个网络程序服务器，例如JRUN，ColdFusion，或者是PHP，可以动态的生