【PHP开源代码栏目提醒】:网学会员为广大网友收集整理了,Flex技术在企业网站开发中的应用 - 其它论文,希望对大家有所帮助!
Flex技术在企业网站开发中的应用技术在线 徐 鹥 约3614字 摘要 Adobe Flex是一个用于创建RIA应用程序的
开源框架其创建的内容运行于Adobe Flash Player中集桌面应用的强大功能与Web应用的高效性于一体。
Flex使用MXML和ActionScript语言进行编程。
阐述使用Flex技术构建企业网站的优势并探讨相关的连接数据库的技术。
关键词 FlexFlashRIAWeb开发 中图分类号:TP312 文献标识码:B 文章编号:1671-489X200921-0108-02 Flex in Enterprise Web Site Development//Xu Yi Abstract Adobe Flex is an open source framework that runs in Adobe Flash Player to create RIAs it combines the functionality of desktop applications with the availability of web applications. The programming model is made up of MXML and ActionScript. This paper describes the use of Flex technology to build the advantage of enterprise website and discusses the related technology to connect database. Key words FlexFlashRIAWeb development Author’s address Department of Electronics and Information Technology Jiangmen Polytechnic Jiangmen Guangdong 529090 China RIARich Internet Application即丰富互联网应用程序其特点体现在一个“富”字上。
传统的HTML页面带给用户的页面元素是极其有限的在功能上也存在很大不足。
RIA的界面是“丰富”的同时具备桌面应用程序的特点和Web应用程序特点。
目前RIA体系主要有Flex/Flash、Ajax、Silverlight、JavaFX等。
桌面应用程序的特点包括:在消息确认和格式编排方面提供互动用户界面在无刷新页面之下提供快捷的界面响应时间提供通用的用户界面特性如拖放式操作以及在线和离线操作能力。
Web应用程序的特点包括立即部署、跨平台、采用逐步下载来检索内容和数据可以充分利用互联网的标准。
图片 Flex是Adobe官方推出的应用于RIA体系的开发平台它使用ActionScript与MXML语言进行编程1。
传统Web程序的开发是基于Web页面与服务器端数据交互的模式把Web程序的表示层建立于HTML页面之上而HTML是适合于文本的与HTML不同的是MXML可对表示层逻辑与用户界面和服务器端数据绑定提供声明抽象将表示与业务逻辑的问题彻底分开以实现最大限度地提高开发人员的生产率及应用程序的重复使用率。
1 Flex技术的优势 传统企业网站使用基于HTML/CSS为前台的动态网页技术来构建如ASP/ASP.Net、
PHP、JSP等前台展示元素为HTML/CSS由浏览器负责解析HTML
代码来实现内容的展示。
HTML是适用于文本的因此无法完成复杂数据的用户交互当个体数据刷新时需要刷新整个页面。
而且由于各浏览器的技术标准不统一例如对CSS的支持标准如果网页没有使用Web标准来建构的话在不同的浏览器中展现时将会出现不一致的情况2。
基于Flex技术的RIA架构使用Flash Player作为客户端Flash Player具备广泛的用户群体全球98的浏览器都安装了Flash Player能够正常浏览Flash内容。
Flex是通过Java、
PHP或是.Net等途径来进行客户端与服务端通信的在服务端解释MXML内容并生成相应的SWF内容发送至客户端Flash Player中呈现。
客户端的作用不仅是展示页面它还可以将用户的请求异步地进行计算、传送和检索数据、显示集成的用户界面。
使用Flex技术构建企业网站可以充分体现RIA的优势。
由于其内容是在Flash Player中呈现的不仅能在多种浏览器中展现一致还能获得较为丰富的用户体验。
对于企业来说部署Flex可以继续使用现有的Web应用程序模型包括J2EE和.NET无需大规模替换现有的Web应用程序。
Flex对前台的表现力进行大幅度的增强进一步提升界面的友好程度并且减少用户与系统的远程交互频率可以轻松构建更为直观、易于使用、反应更迅速的Web应用程序。
2 在Flex中连接数据库的方式 在企业级Web的开发中比较关键的技术就是前台页面与后台程序实现数据交互的技术。
Flex提供3种数据交互的方式:HttpServiceWebService和RemoteObject3。
其中HttpService可以通过JSP、ASP/ASP.net或是
PHP来读取数据库中的数据还可以直接获取XML文档中的数据WebService方法通过WebService中间件技术来实现对数据库的操作使用RemoteObject方法首先要安装Flex Data Service这是一个免费的服务程序然后使用ActionScript中的RemoteObject类来连接远程服务程序以实现对数据库的操作。
远程服务程序可以由ASP/ASP.net、Java、
PHP等程序来编写。
例如使用HttpService方式与Java进行通信所编写的MXML
代码如下: xml version341.034 encoding34utf-834 mx:Application xmlns:mx34http://www.adobe.com/2006/mxml34 xmlns3434 layout34absolute34 creationComplete34userRequest.send34 mx:HTTPService id34userRequest34 url34data.jsp34 useProxy34false34 method34POST34 mx:request xmlns3434 usernameusername.text/usernameemailaddressemailaddress.text/emailaddress /mx:request /mx:HTTPService//定义HTTPService mx:Button label34提交34 click34userRequest.send34 y3412034 x3422034///定义提交按钮 mx:DataGrid id34dgUserRequest34 x3422034 y3424034 dataProvider34userRequest.lastResult.users.user34 width3436034//定义数据网格控件 mx:columns mx:DataGridColumn headerText34User ID34 dataField34userid34/ mx:DataGridColumn headerText34User Name34 dataField34username34/ /mx:columns /mx:DataGrid mx:TextInput x3424034 y3420034 id34selectedemailaddress34 //定义输入文本框控件 text34dgUserRequest.selectedItem.emailaddress34 width3436034 fontSize341234/ mx:Label text34Email Address34 x3416034 y3410034 color34ffffff34/ mx:TextInput id34emailaddress34 x3424034 y3410034 width3436034 fontSize341234/ mx:TextInput id34username34 x3424034 y348034 width3436034 fontSize341234/ mx:Label text34Username34 x3418034 y348034 color34ffffff34/ /mx:Application 编写的data.jsp文件内容如下: page contentType34text/xml charsetutf-834 request.setCharacterEncoding 34utf-834 String username request.getParameter34username34 String emailaddress request.getParameter34emailaddress34 String str str 34xml version391.039 encoding39utf-839users34 str str34user34 str str34userid1/userid34 str str34username34username34/username34 str str34emailaddress34emailaddress34/emailaddress34 str str34/user34 str str34/users34 out.printstr 3 结束语 RIA技术是未来Web开发的一个重要发展方向它集桌面应用程序与Web应用程序的特点于一体能够实现复杂的数据交互与快速实时地响应获得丰富的用户体验必将成为企业级Web开发的重要技术。
Flex是当今RIA体系中的主流技术之一在RIA体系中处于领先地位。
在Flex中可以与成熟的Web开发技术相结合构建更为实用、互动更丰富的企业级应用。
参考文献 1Tapper JLabriola MBoles Met al.Flex3权威指南M.杨博杜昱宏等译.北京:人民邮电出版社2009 2Garret J J.用户体验的要素:以用户为中心的Web设计M.范晓燕译.北京:机械工业出版社2008 3姜天格.Flex 3企业级Web应用系统设计与实现M.北京:机械工业出版社2008