Flex+BlazeDS简单应用实例
前言:BlazeDS是一个基于服务器的Java远程调用和Web消息传递技术,使得后台的Java应用程序和运行在浏览器上的Flex应用程序能够相互通信,根据实际的项目环境搭建来书写这个简单的Flex_Blazds 实例。 实例的文件树结构如下: 1.Myeclipse 新建一个Web Project命名为 Flex_Blazds,创建后导入BlazeDS 包(含有:META-INF、WEB-INF文件夹)覆盖Flex_Blazds/WebRoot 下的同名文件夹。 2.配置tomcat服务器,选择tomcat版本,复制该项目服务器路径Deploy Location 。 3.选中本项目并创建新的Flex项目,配置服务器位置。Flex项目创建后执行Project / Build Project ,出现错误提示(无法创建 HTML 包装器,右键单击此处以重新创建文件夹 html-template)只需根据提示右键单击自动生成html-template。 4.由于创建的Flex项目默认位于src文件夹下,再此我们重新设置Flex项目的位置。选中本项目右键打开属性窗口,相关设置如下,完成后把Flex_Blazds.mxml移动至flex_src 文件夹下。 5.在Flex_Blazds/src文件夹下新建一个com 包,在这个包下新建一个类 命名为UserServiceImp.java 。 package com; public class UserServiceImp { public String hello(String name){ return "Hello:" + name; } public String who(String name){ ?? ??? ?return "This is:" + name; ?? ?} ?} 6.修改WebRoot / WEB-INF / flex 下的remoting-config.xml,添加<destination>标签的内容,此处是本项目的核心内容,为flex前端对Java后台的数据调用方式。 <?xml version="1.0" encoding="UTF-8"?> <service id="remoting-service" class="flex.messaging.services.RemotingService"> <adapters> <adapter-definition id="java-object" class="flex.messaging.services.remoting.adapters.JavaAdapter" default="true"/> </adapters> <default-channels> <channel ref="my-amf"/> </default-channels> <destination id = "userService"> <properties> <source>com.UserServiceImp</source> <scope>session</scope> </properties> </destination> </service>7.编写flex前端内容。 <?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"> <fx:Declarations> <!--在 MXML 文件中使用 <mx:RemoteObject> 标记来表示 HTTPService 对象。此标记使您可以访问使用 Action Message Format (AMF) 编码的 Java 对象的方法。--> <s:RemoteObject id="userServiceObject" destination="userService" result="{res(event)}" fault="{fau(event)}"/> </fx:Declarations> <fx:Script> <![CDATA[ import mx.controls.Alert; import mx.rpc.events.FaultEvent; import mx.rpc.events.ResultEvent; import com.ServiceProxy; private function submit():void{ userServiceObject.hello(txtName.text); } private function res(e:ResultEvent):void{ Alert.show(e.result.toString(),"操作提示"); } private function fau(e:FaultEvent):void{ Alert.show(e.message.toString(),"操作提示"); } ]]> </fx:Script> <s:HGroup height="100%" width="100%" horizontalAlign="center" verticalAlign="middle"> <s:Label text="Name"/> <s:TextInput id="txtName"/> <s:Button label="Submit1" click="{submit()}"/> </s:HGroup> </s:Application>8.启动服务,并运行程序,结果如下。 9.以上是对Flex和BlazeDS的通信实例演示,接下来是利用执行代理的方式,即通过和后台数据交互的代理 SysServiceProxy.as ,读取remoting-config.xml定义的服务。 在flex_src目录下新建com包,并创建SysServiceProxy.as。 package com { import flash.external.ExternalInterface; import flash.net.URLRequest; import flash.net.navigateToURL; import mx.controls.Alert; import mx.events.CloseEvent; import mx.rpc.AbstractOperation; import mx.rpc.AsyncResponder; import mx.rpc.AsyncToken; import mx.rpc.events.FaultEvent; import mx.rpc.events.ResultEvent; import mx.rpc.remoting.RemoteObject; /** * 和后台数据交互的代理 */ public class ServiceProxy { /** * 创建代理后执行此方法,并返回数据 * @param destination * @param method * @param onResult 回调函数 * @param params 参数(多个参数中间用逗号隔开) */ public static function execute(destination:String,method:String,onResult:Function,... params:Array):void { try { var service:RemoteObject = new RemoteObject(destination); service.showBusyCursor = true; service.endpoint = 'messagebroker/amf'; var asyncToken:AsyncToken; var operation:AbstractOperation = service.getOperation(method); if (params && params.length != 0) { asyncToken = operation.send.apply(operation,params); } else { asyncToken = operation.send(); } asyncToken.addResponder(new AsyncResponder(function(event:ResultEvent,asyncToken:AsyncToken):void { if (onResult != null) { onResult(event); } },function(event:FaultEvent,asyncToken:AsyncToken):void { var msg:String; var msgModeFlex:Boolean = true; if (event.fault && event.fault.rootCause) { if (event.fault.rootCause.hasOwnProperty("msg")) { msg = event.fault.rootCause.msg; } else if (event.fault.rootCause.hasOwnProperty("message")) { msg = event.fault.rootCause.message; } else { msg = event.fault.faultString; } if (event.fault.rootCause.hasOwnProperty("msgModeFlex")) { msgModeFlex = event.fault.rootCause.msgModeFlex as Boolean; } } else { msg = event.fault.faultString; } Alert.show(msg); },asyncToken)); } catch (e:Error) { Alert.show(e.message); } } } }10.修改Flex_Blazeds.mxml, 只需在HGroup标签内添加新的Button。 <s:HGroup height="100%" width="100%" horizontalAlign="center" verticalAlign="middle"> <s:Label text="Name"/> <s:TextInput id="txtName"/> <s:Button label="Submit1" click="{submit()}"/> <s:Button label="Submit2" click="{ServiceProxy.execute('userService','who',res,txtName.text)}"/> </s:HGroup>11.启动服务,并运行程序,点击第二个按钮,结果如下。 本文版权归作者所有,欢迎转载学习,但需在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |