flex 3 + .net开发flash Remoting四 --- 完整代码及Demo下载
flex 3 + .net开发flash Remoting四 --- 完整代码及Demo下载
一. 相关说明：
本篇将呈现完整的Flash Remoting访问远程服务器，包括以可视化组件方式和以编程方式访问远程服务器。Asp.net服务器端和Flex客户端完整代码下载。
二. 相关代码预览：
1.frServices.as，以编程方式访问远程服务器。
package com.demo.fr
{
import flash.events.EventDispatcher;
import flash.net.NetConnection;
import flash.net.Responder;
//用代码调用flash Remoting。
public class frServices
{
//Remoting服务器对象完整名称。
private var name_ServerClass : String = "Hxw.Demo.FlashRemoting.Hellow";
//初始化一个事件广播对象。
private var eventDispatcher : EventDispatcher = new EventDispatcher();
//事件关键字定义：Event_KEY_Success_DisplayHellow。
public static var Event_KEY_Success_DisplayHellow : String = "Event_KEY_Success_DisplayHellow";
//事件关键字定义：Event_KEY_Success_SayHellowWorld。
public static var Event_KEY_Success_SayHellowWorld : String = "Event_KEY_Success_SayHellowWorld";
//事件关键字定义：Event_KEY_Success_GetUsers。
public static var Event_KEY_Success_GetUsers : String = "Event_KEY_Success_GetUsers";
//事件关键字定义：Event_KEY_Fault。
public static var Event_KEY_Fault : String = "Event_KEY_Fault";
//Remoting连接对象。
private var conn : NetConnection = null;
//Flash Remoting方法返回值获取对象。
private var rp :Responder = null;
//构造器。
public function frServices()
{
}
//开始调用远程服务方法。
public function preCall(result : Function):void
{
//初始化Remoting连接对象。
this.conn = new NetConnection();
//调用connect( )方法，传递进Flash Remoting网关的URL。
this.conn.connect("http://localhost:5678/WebFR/Gateway.aspx");
this.rp = new Responder(result,onError);
}
//调用远程服务方法。
public function call_DisplayHellow():void
{
this.preCall(onResult_DisplayHellow);
//对象的call( )方法调用Flash Remoting方法，call( )方法需要两个参数，
//第一个参数指定方法名称和路径，第二个参数指定响应处理函数，如果不需要处理函数，可直接设为null
//处理FlashRemoting响应。
this.conn.call(this.name_ServerClass + ".DisplayHellow",this.rp);
}
//调用远程服务方法。
public function call_SayHellowWorld(name : String):void
{
this.preCall(onResult_SayHellowWorld);
this.conn.call(this.name_ServerClass + ".SayHellowWorld",this.rp,name);
}
//调用远程服务方法。
public function call_GetUsers():void
{
this.preCall(onResult_GetUsers);
this.conn.call(this.name_ServerClass + ".GetUsers",this.rp);
}
//调用服务成功。
private function onResult_DisplayHellow(result : Object) : void
{
this.resultHandler(result,"DisplayHellow",frServices.Event_KEY_Success_DisplayHellow);
}
private function onResult_SayHellowWorld(result : Object) : void
{
this.resultHandler(result,"SayHellowWorld",frServices.Event_KEY_Success_SayHellowWorld);
}
private function onResult_GetUsers(result : Object) : void
{
this.resultHandler(result,"GetUsers",frServices.Event_KEY_Success_GetUsers);
}
//调用服务成功的处理。
private function resultHandler(result : Object,targetName : String ,eventKey : String) : void
{
var ce : CUEvent = new CUEvent(eventKey);
ce.Sender = result;
ce.CurrentTargetName = targetName;
this.eventDispatcher.dispatchEvent(ce);
}
//调用服务失败。
private function onError(error : Object):void
{
var ce : CUEvent = new CUEvent(Event_KEY_Fault);
ce.Sender = error;
this.eventDispatcher.dispatchEvent(ce);
}
//创建一个供外部调用的附加事件侦听的方法。
public function addEventListener(type : String , listener : Function):void
{
this.eventDispatcher.addEventListener(type,listener);
}
}
}
2.CUEvent.as，自定义事件。
package com.demo.fr
{
import flash.events.Event;
//从Event继承一个类。
//为什么as3中仅仅能够定义一个构造器，郁闷。
public class CUEvent extends Event
{
//数据实体。
private var _sender : Object = null;
//方法名。
private var _currentTargetName: String = "";
//构造器(为什么as3中仅仅能够定义一个构造器，郁闷)。
public function CUEvent(type : String,bubbles : Boolean = false,cancelable : Boolean = false)
{
super(type,bubbles,cancelable);
}
//获取 数据实体。
public function get Sender():Object
{
return this._sender;
}
//设置 数据实体。
public function set Sender(value : Object) : void
{
this._sender = value;
}
//获取 方法名称。
public function get CurrentTargetName() : String
{
return this._currentTargetName;
}
//设置 方法名称。
public function set CurrentTargetName(value : String) :void
{
this._currentTargetName = value;
}
}
}
3.User.as，数据模型，对应服务器端的User.cs。
package com.demo.fr
{
[RemoteClass(alias="Hxw.Demo.FlashRemoting.User")]
public class User
{
public function User()
{
}
private var _name : String = "";
private var _age : int = 0;
private var _sex : String = "";
public function get Name():String
{
return this._name;
}
public function set Name(v:String):void
{
this._name = v;
}
public function get Age():int
{
return this._age;
}
public function set Age(v:int):void
{
this._age = v;
}
public function get Sex():String
{
return this._sex;
}
public function set Sex(v:String):void
{
this._sex = v;
}
public function toString():String
{
return "姓名：" + this._name + "；年龄：" + this._age.toString() + "；性别：" + this._sex;
}
}
}
4.MXML Application代码。
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<![CDATA[
import com.demo.fr.CUEvent;
import flash.net.navigateToURL;
import mx.collections.ArrayCollection;
import mx.rpc.events.ResultEvent;
import mx.rpc.events.FaultEvent;
import mx.controls.Alert;
import com.demo.fr.User;
import com.demo.fr.frServices;
import mx.styles.StyleManager;
//1表示以可视化组件方式访问过程服务器。
//2表示以编程方式访问过程服务器。
private var mode : int = 2;
//调用相关的Remoting服务或模式。
private function callServer(fn : String):void
{
if(this.mode == 1)
{
switch(fn)
{
case "DisplayHellow":
sampleRemoteObject.DisplayHellow();
break;
case "SayHellowWorld":
sampleRemoteObject.SayHellowWorld(this.txtMessage.text);
break;
case "GetUsers":
sampleRemoteObject.GetUsers();
break;
}
}
else
{
var fr : frServices = new frServices();
this.addEventListener(frServices.Event_KEY_Fault,onRemoteFault2);
switch(fn)
{
case "DisplayHellow":
fr.addEventListener(frServices.Event_KEY_Success_DisplayHellow,onRemoteResult2);
fr.call_DisplayHellow();
break;
case "SayHellowWorld":
fr.addEventListener(frServices.Event_KEY_Success_SayHellowWorld,onRemoteResult2);
fr.call_SayHellowWorld(this.txtMessage.text);
break;
case "GetUsers":
fr.addEventListener(frServices.Event_KEY_Success_GetUsers,onRemoteResult2);
fr.call_GetUsers();
break;
}
}
}
//当Remoting服务调用成功的回调函数(控件调用)。
private function onRemoteResult(event:ResultEvent) : void
{
this.remoteSuccessHandler(event.result,event.currentTarget.name);
}
//当Remoting服务调用失败的回调函数(控件调用)。
private function onRemoteFault(event:FaultEvent) : void
{
this.remoteFault(event.fault.toString());
}
//当Remoting服务调用成功的回调函数(代码实现)。
private function onRemoteResult2(event : CUEvent):void
{
this.remoteSuccessHandler(event.Sender,event.CurrentTargetName);
}
//当Remoting服务调用失败的回调函数(代码实现)。
private function onRemoteFault2(event : CUEvent) : void
{
this.remoteFault(event.Sender.toString());
}
//当Remoting服务调用成功的处理。
private function remoteSuccessHandler(data : Object,fn : String):void
{
switch(fn)
{
case "DisplayHellow":
Alert.show(data as String,"DisplayHellow");
break;
case "SayHellowWorld":
Alert.show(data as String,"SayHellowWorld");
break;
case "GetUsers":
var userList : ArrayCollection = data as ArrayCollection;
this.dgUsers.dataProvider = userList;
break;
}
}
//当Remoting服务调用失败的处理。
private function remoteFault(desc:String):void
{
Alert.show(desc,"Remoting调用出错");
}
//清空DataGrid中的数据。
private function clearUsers() : void
{
this.dgUsers.dataProvider = null;
}
//链接到本人的博客。
private function getURL():void
{
flash.net.navigateToURL(new URLRequest("http://mrhgw.cnblogs.com"));
}
]]>
</mx:Script>
<mx:RemoteObject id="sampleRemoteObject"
destination="fluorine"
source="Hxw.Demo.FlashRemoting.Hellow"
showBusyCursor="true">
<!--这里是.NET中的方法，name = 方法名 -->
<mx:method name="DisplayHellow" result="onRemoteResult(event)" fault="onRemoteFault(event)"/>
<mx:method name="SayHellowWorld" result="onRemoteResult(event)" fault="onRemoteFault(event)"/>
<mx:method name="GetUsers" result="onRemoteResult(event)" fault="onRemoteFault(event)"/>
</mx:RemoteObject>
<mx:Panel layout="absolute" title="Flash Remoting Demo" fontSize="25" right="19" left="19" bottom="67" top="20">
<mx:TitleWindow x="28" y="29" width="290" height="116" layout="absolute" title="Display Hellow World" fontSize="15">
<mx:Button x="10" y="21" label="Call" id="btDisplayHellow" width="120" fontSize="15" click="callServer('DisplayHellow');"/>
</mx:TitleWindow>
<mx:TitleWindow layout="absolute" title="Say Hellow World" top="168" bottom="30" left="28" width="290" fontSize="15">
<mx:TextInput x="10" y="30" width="232" id="txtMessage" fontSize="13"/>
<mx:Button x="10" y="76" label="Call" id="btSayHellowWorld" width="120" fontSize="15" click="callServer('SayHellowWorld')"/>
<mx:Label x="10" y="0" text="Name：" fontSize="13" fontWeight="bold"/>
</mx:TitleWindow>
<mx:TitleWindow layout="absolute" title="Get Users" left="340" right="34" bottom="30" top="29" fontSize="15">
<mx:Button x="10" y="21" label="Call" id="btGetUser" width="120" fontSize="15" click="callServer('GetUsers')"/>
<mx:DataGrid id="dgUsers" fontSize="13" right="10" left="10" top="65" bottom="10">
<mx:columns>
<mx:DataGridColumn headerText="姓名" dataField="Name"/>
<mx:DataGridColumn headerText="性别" dataField="Sex"/>
<mx:DataGridColumn headerText="年龄" dataField="Age"/>
</mx:columns>
</mx:DataGrid>
<mx:Button x="148" y="21" label="Clear" id="btClear" width="120" fontSize="15" click="clearUsers()"/>
</mx:TitleWindow>
</mx:Panel>
<mx:HRule right="10" left="10" bottom="44" height="10"/>
<mx:LinkButton label="Powered by Hxw(http://mrhgw.cnblogs.com)" fontSize="15" fontStyle="italic" right="45" bottom="8" click="getURL();"/>
</mx:Application>
5. 注意。
在MXML Application的代码中，有代码：private var mode : int = 2;mode值为1表示以可视化组件方式访问远程服务器；mode值为2表示以编程方式访问远程服务器。
三. Demo下载。
1. ASP.NET服务器端代码 下载 。
2. Flex客户端代码 下载 。
四. 结束语。
flex 3 + .net开发flash Remoting本系列文章至此结束，如有谬误敬请指正，欢迎一起学习交流。
一. 相关说明：
本篇将呈现完整的Flash Remoting访问远程服务器，包括以可视化组件方式和以编程方式访问远程服务器。Asp.net服务器端和Flex客户端完整代码下载。
二. 相关代码预览：
1.frServices.as，以编程方式访问远程服务器。
package com.demo.fr{
import flash.events.EventDispatcher; import flash.net.NetConnection; import flash.net.Responder; //用代码调用flash Remoting。 public class frServices {
//Remoting服务器对象完整名称。 private var name_ServerClass : String = "Hxw.Demo.FlashRemoting.Hellow"; //初始化一个事件广播对象。 private var eventDispatcher : EventDispatcher = new EventDispatcher(); //事件关键字定义：Event_KEY_Success_DisplayHellow。 public static var Event_KEY_Success_DisplayHellow : String = "Event_KEY_Success_DisplayHellow"; //事件关键字定义：Event_KEY_Success_SayHellowWorld。 public static var Event_KEY_Success_SayHellowWorld : String = "Event_KEY_Success_SayHellowWorld"; //事件关键字定义：Event_KEY_Success_GetUsers。 public static var Event_KEY_Success_GetUsers : String = "Event_KEY_Success_GetUsers"; //事件关键字定义：Event_KEY_Fault。 public static var Event_KEY_Fault : String = "Event_KEY_Fault"; //Remoting连接对象。 private var conn : NetConnection = null; //Flash Remoting方法返回值获取对象。 private var rp :Responder = null; //构造器。 public function frServices() { } //开始调用远程服务方法。 public function preCall(result : Function):void { //初始化Remoting连接对象。 this.conn = new NetConnection(); //调用connect( )方法，传递进Flash Remoting网关的URL。 this.conn.connect("http://localhost:5678/WebFR/Gateway.aspx"); this.rp = new Responder(result,onError); } //调用远程服务方法。 public function call_DisplayHellow():void { this.preCall(onResult_DisplayHellow); //对象的call( )方法调用Flash Remoting方法，call( )方法需要两个参数， //第一个参数指定方法名称和路径，第二个参数指定响应处理函数，如果不需要处理函数，可直接设为null //处理FlashRemoting响应。 this.conn.call(this.name_ServerClass + ".DisplayHellow",this.rp); } //调用远程服务方法。 public function call_SayHellowWorld(name : String):void { this.preCall(onResult_SayHellowWorld); this.conn.call(this.name_ServerClass + ".SayHellowWorld",this.rp,name); } //调用远程服务方法。 public function call_GetUsers():void { this.preCall(onResult_GetUsers); this.conn.call(this.name_ServerClass + ".GetUsers",this.rp); } //调用服务成功。 private function onResult_DisplayHellow(result : Object) : void { this.resultHandler(result,"DisplayHellow",frServices.Event_KEY_Success_DisplayHellow); } private function onResult_SayHellowWorld(result : Object) : void { this.resultHandler(result,"SayHellowWorld",frServices.Event_KEY_Success_SayHellowWorld); } private function onResult_GetUsers(result : Object) : void { this.resultHandler(result,"GetUsers",frServices.Event_KEY_Success_GetUsers); } //调用服务成功的处理。 private function resultHandler(result : Object,targetName : String ,eventKey : String) : void { var ce : CUEvent = new CUEvent(eventKey); ce.Sender = result; ce.CurrentTargetName = targetName; this.eventDispatcher.dispatchEvent(ce); } //调用服务失败。 private function onError(error : Object):void { var ce : CUEvent = new CUEvent(Event_KEY_Fault); ce.Sender = error; this.eventDispatcher.dispatchEvent(ce); } //创建一个供外部调用的附加事件侦听的方法。 public function addEventListener(type : String , listener : Function):void { this.eventDispatcher.addEventListener(type,listener); } }}2.CUEvent.as，自定义事件。
package com.demo.fr{ import flash.events.Event; //从Event继承一个类。 //为什么as3中仅仅能够定义一个构造器，郁闷。 public class CUEvent extends Event { //数据实体。 private var _sender : Object = null; //方法名。 private var _currentTargetName: String = ""; //构造器(为什么as3中仅仅能够定义一个构造器，郁闷)。 public function CUEvent(type : String,bubbles : Boolean = false,cancelable : Boolean = false) { super(type,bubbles,cancelable); } //获取 数据实体。 public function get Sender():Object { return this._sender; } //设置 数据实体。 public function set Sender(value : Object) : void { this._sender = value; } //获取 方法名称。 public function get CurrentTargetName() : String { return this._currentTargetName; } //设置 方法名称。 public function set CurrentTargetName(value : String) :void { this._currentTargetName = value; } }}3.User.as，数据模型，对应服务器端的User.cs。
package com.demo.fr{ [RemoteClass(alias="Hxw.Demo.FlashRemoting.User")] public class User { public function User() { } private var _name : String = ""; private var _age : int = 0; private var _sex : String = ""; public function get Name():String { return this._name; } public function set Name(v:String):void { this._name = v; } public function get Age():int { return this._age; } public function set Age(v:int):void { this._age = v; } public function get Sex():String { return this._sex; } public function set Sex(v:String):void { this._sex = v; } public function toString():String { return "姓名：" + this._name + "；年龄：" + this._age.toString() + "；性别：" + this._sex; } }}4.MXML Application代码。
<?xml version="1.0" encoding="utf-8"?><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:Script> <![CDATA[ import com.demo.fr.CUEvent; import flash.net.navigateToURL; import mx.collections.ArrayCollection; import mx.rpc.events.ResultEvent; import mx.rpc.events.FaultEvent; import mx.controls.Alert; import com.demo.fr.User; import com.demo.fr.frServices; import mx.styles.StyleManager; //1表示以可视化组件方式访问过程服务器。//2表示以编程方式访问过程服务器。
private var mode : int = 2; //调用相关的Remoting服务或模式。 private function callServer(fn : String):void { if(this.mode == 1) { switch(fn) { case "DisplayHellow": sampleRemoteObject.DisplayHellow(); break; case "SayHellowWorld": sampleRemoteObject.SayHellowWorld(this.txtMessage.text); break; case "GetUsers": sampleRemoteObject.GetUsers(); break; } } else { var fr : frServices = new frServices(); this.addEventListener(frServices.Event_KEY_Fault,onRemoteFault2); switch(fn) { case "DisplayHellow": fr.addEventListener(frServices.Event_KEY_Success_DisplayHellow,onRemoteResult2); fr.call_DisplayHellow(); break; case "SayHellowWorld": fr.addEventListener(frServices.Event_KEY_Success_SayHellowWorld,onRemoteResult2); fr.call_SayHellowWorld(this.txtMessage.text); break; case "GetUsers": fr.addEventListener(frServices.Event_KEY_Success_GetUsers,onRemoteResult2); fr.call_GetUsers(); break; } } } //当Remoting服务调用成功的回调函数(控件调用)。 private function onRemoteResult(event:ResultEvent) : void { this.remoteSuccessHandler(event.result,event.currentTarget.name); } //当Remoting服务调用失败的回调函数(控件调用)。 private function onRemoteFault(event:FaultEvent) : void { this.remoteFault(event.fault.toString()); } //当Remoting服务调用成功的回调函数(代码实现)。 private function onRemoteResult2(event : CUEvent):void { this.remoteSuccessHandler(event.Sender,event.CurrentTargetName); } //当Remoting服务调用失败的回调函数(代码实现)。 private function onRemoteFault2(event : CUEvent) : void { this.remoteFault(event.Sender.toString()); } //当Remoting服务调用成功的处理。 private function remoteSuccessHandler(data : Object,fn : String):void { switch(fn) { case "DisplayHellow": Alert.show(data as String,"DisplayHellow"); break; case "SayHellowWorld": Alert.show(data as String,"SayHellowWorld"); break; case "GetUsers": var userList : ArrayCollection = data as ArrayCollection; this.dgUsers.dataProvider = userList; break; } } //当Remoting服务调用失败的处理。 private function remoteFault(desc:String):void { Alert.show(desc,"Remoting调用出错"); } //清空DataGrid中的数据。 private function clearUsers() : void { this.dgUsers.dataProvider = null; } //链接到本人的博客。 private function getURL():void { flash.net.navigateToURL(new URLRequest("http://mrhgw.cnblogs.com")); } ]]> </mx:Script> <mx:RemoteObject id="sampleRemoteObject" destination="fluorine" source="Hxw.Demo.FlashRemoting.Hellow" showBusyCursor="true"> <!--这里是.NET中的方法，name = 方法名 --> <mx:method name="DisplayHellow" result="onRemoteResult(event)" fault="onRemoteFault(event)"/> <mx:method name="SayHellowWorld" result="onRemoteResult(event)" fault="onRemoteFault(event)"/> <mx:method name="GetUsers" result="onRemoteResult(event)" fault="onRemoteFault(event)"/> </mx:RemoteObject> <mx:Panel layout="absolute" title="Flash Remoting Demo" fontSize="25" right="19" left="19" bottom="67" top="20"> <mx:TitleWindow x="28" y="29" width="290" height="116" layout="absolute" title="Display Hellow World" fontSize="15"> <mx:Button x="10" y="21" label="Call" id="btDisplayHellow" width="120" fontSize="15" click="callServer('DisplayHellow');"/> </mx:TitleWindow> <mx:TitleWindow layout="absolute" title="Say Hellow World" top="168" bottom="30" left="28" width="290" fontSize="15"> <mx:TextInput x="10" y="30" width="232" id="txtMessage" fontSize="13"/> <mx:Button x="10" y="76" label="Call" id="btSayHellowWorld" width="120" fontSize="15" click="callServer('SayHellowWorld')"/> <mx:Label x="10" y="0" text="Name：" fontSize="13" fontWeight="bold"/> </mx:TitleWindow> <mx:TitleWindow layout="absolute" title="Get Users" left="340" right="34" bottom="30" top="29" fontSize="15"> <mx:Button x="10" y="21" label="Call" id="btGetUser" width="120" fontSize="15" click="callServer('GetUsers')"/> <mx:DataGrid id="dgUsers" fontSize="13" right="10" left="10" top="65" bottom="10"> <mx:columns> <mx:DataGridColumn headerText="姓名" dataField="Name"/> <mx:DataGridColumn headerText="性别" dataField="Sex"/> <mx:DataGridColumn headerText="年龄" dataField="Age"/> </mx:columns> </mx:DataGrid> <mx:Button x="148" y="21" label="Clear" id="btClear" width="120" fontSize="15" click="clearUsers()"/> </mx:TitleWindow> </mx:Panel> <mx:HRule right="10" left="10" bottom="44" height="10"/> <mx:LinkButton label="Powered by Hxw(http://mrhgw.cnblogs.com)" fontSize="15" fontStyle="italic" right="45" bottom="8" click="getURL();"/> </mx:Application>5. 注意。
在MXML Application的代码中，有代码：private var mode : int = 2;mode值为1表示以可视化组件方式访问远程服务器；mode值为2表示以编程方式访问远程服务器。
三. Demo下载。
1. ASP.NET服务器端代码 下载 。
2. Flex客户端代码 下载 。
四. 结束语。
flex 3 + .net开发flash Remoting本系列文章至此结束，如有谬误敬请指正，欢迎一起学习交流。
