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.启动服务，并运行程序，点击第二个按钮，结果如下。

本文版权归作者所有，欢迎转载学习，但需在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。