基于Flex的RIA应用设计与实现.docVIP

基于Flex的RIA应用设计与实现 　　摘要:该文探讨了RIA技术的产生和优势。运用RIA的代表技术Flex,设计并实现了基于Flex和Java的多用户交互式网页游戏――在线足球经理。其中,详细探讨了RemoteObject技术并给出了实例。 　　关键词:Flex;网页游戏;RIA;Java;RPC 　　中图分类号:TP311文献标识码:A文章编号:1009-3044(2010)18-5089-03 　　 　　Design and Implementation of RIA Application Based on Flex 　　LIU Kun-lin, LI Yang 　　(Southwest Jiaotong Univsersity, Chengdu 611756, China) 　　Abstract: This paper discusses the appearance of RIA and its advantages. Using flex the representative technology of RIA, the author desings and implements a multi-user online interactive website games - football managers based on Flex and Java. Among them, RemoteObject technology is discussed in detail, and given as an example. 　　Key words: Flex; website game; RIA; Java; RPC 　　 　　传统的web应用表现力匮乏,而程序员在开发动画应用方面又存在困难,Flex 平台最初就是因此而产生。Flex 试图通过提供一个程序员们已经熟知的工作流和编程模型来改善这个问题。本项目通过设计与实现一个多用户交互式的网页游戏,实现基于Flex的RIA(Rich Internet Application富互联网技术)应用。 　　1 相关技术概述 　　1.1 RIA 　　传统B/S web应用存在很大的缺陷。第一,不能满足Web浏览者更高的、全方位的体验要求。由于基于单一的请求\响应模式,Web应用经常是要‘上一页’‘下一页’的切换,不像桌面应用程式在一个画面中流畅的完成所有事情 。第二,采用了HTML页面形式的用户界面多样性和灵活性不及桌面应用程序。第三,客户端的数据处理能力相对较弱,服务器端压力大。 　　在这样的背景下,RIA的概念被提出。RIA(Rich Internet Application),又称作富互联网应用,是一种运行于传统浏览器中的应用程序,然而,这种应用程序可以利用中间层避免传统的界面刷新,在Flex中从中间层获取数据的工具就是Flash Player。 　　RIA相对于传统web应用程序有如下优点:1、具有更加丰富的界面,在不重载界面的情况下可提供更多迷人的用户体验;2、可向用户提供由用户事件触发的实时反馈和验证;3、可实现与传统桌面应用程序一致的感官;4、包含完整的多媒体体验,如音频和视频[1]。 　　如图1所示,RIA程序集合了桌面程序的表现力和网络程序的便捷性。 　　1.2 Flex 　　 Flex最初是作为一个J2EE(Java 2 Platform, Enterprise Edition)应用,或者可以说是JSP(JavaServer Pages)标签库而发布的。它可以把运行中的MXML(Flex标记语言)和ActionScript编译成FLASH应用程序(即二进制的SWF文件)。Flex的目标是让程序员更快更简单地开发RIA应用。在多层式开发模型中,Flex应用属于表现层。 Flex 采用GUI界面开发,使用基于XML的MXML语言。Flex 具有多种组件,可实现Web Services,远程对象,drag and drop,列排序,图表等功能;FLEX内建动画效果和其它简单互动界面等。相对于基于HTML的应用在每个请求时都需要执行服务器端的模板,由于客户端只需要载入一次,FLEX应用程序的工作流被大大改善。 　　1.3应用程序的历史演化过程 　　如图2所示,我们可以看到。网络应用程序,在范围上经历了从本地到全球的广泛性演化,在表现力上经历了从文字界面到多媒体图形界面的丰富性演化。RIA是未来应用程序的大势所趋。 　　2 系统架构 　　2.1 系统功能 　　对于这个多用户交互式网页游戏,玩家功能如图3所示。每个玩家通过注册,成为一个足球俱乐部的经理。登录后能够查看最新消息,对球队进行训练,设置阵型先发,管理财务,进