[原创]Flex 与 Asp.Net 通过 Remoting 方式进行通讯 (四)

版权由http://xingfustar.cnblogs.com/所有,转载请注明出处,XingFuStar 2007年12月14日

六、自定义实体对象的传递(http://xingfustar.cnblogs.com/)

    本节是Remoting通讯的最后一节,主要讲述自定义实体对象的传递,并简单了解下Flex中类的声明及DataGrid的使用方法。我们仍分两个部分来讲。

1、.NET服务器端程序(http://xingfustar.cnblogs.com/)

    首先,我们编写一个用户实体类,包括姓名、性别及年龄,类代码如下

/*----------------------------------------------------------------
 * 版权:
http://XingFuStar.cnblogs.com
 * 
 * 文件名: User.cs
 * 文件功能描述: User实体类
 * 
 * 作者:XingFuStar
 * 日期:2007年12月11日
 * 
 * 当前版本:V1.0.0
 * 
 * 修改日期:
 * 修改内容:
 *---------------------------------------------------------------
*/

using System;

namespace RemotingSample
{
    
public class User
    {
        
private string name;

        
public string Name
        {
            
get { return name; }
            
set { name = value; }
        }

        
private int age;

        
public int Age
        {
            
get { return age; }
            
set { age = value; }
        }

        
private string sex;

        
public string Sex
        {
            
get { return sex; }
            
set { sex = value; }
        }

        
public User()
        {

        }
    }
}

    在我们前两节编写的RemotingSample类中添加 GetUsers 方法,代码如下:

        public List<User> GetUsers()
        {
            List
<User> users = new List<User>();

            User user 
= new User();
            user.Name 
= "张三";
            user.Age 
= 23;
            user.Sex 
= "";
            users.Add(user);

            user 
= new User();
            user.Name 
= "李四";
            user.Age 
= 24;
            user.Sex 
= "";
            users.Add(user);

            user 
= new User();
            user.Name 
= "王五";
            user.Age 
= 22;
            user.Sex 
= "";
            users.Add(user);

            
return users;
        }

    接下来,我们开编写Flex端,重点在Flex这里

2、Flex客户端程序(http://xingfustar.cnblogs.com/)

    在Flex工程中,添加一个 ActionScript Class, 我们先在工程中添加一个 名为Module的文件夹 。接下来,右键点击这个文件夹,在其中添加一个 ActionScript Class, 类名为“User”(并不一定要与.NET中的类相同,这里想同是便于理解和管理)
    在新建的类中添加如下代码:

/*----------------------------------------------------------------
 * 版权:
http://XingFuStar.cnblogs.com
 * 
 * 文件名: User.as
 * 文件功能描述: 用户实体类
 * 
 * 作者:XingFuStar
 * 日期:2007年12月14日
 *---------------------------------------------------------------
*/
 
package Module
{
    
//这名话是必须的,用这句话来绑定.Net中的类
    [RemoteClass(alias="RemotingSample.User")]
    
public class User
    {
        
public function User()
        {
            
//请不要删除以下信息
            
//版权:http://XingFuStar.cnblogs.com
        }
        
        
private var name:String;
        
        
public function get Name():String
        {
            
return name;
        }
        
        
public function set Name(setValue:String):void
        {
            name 
= setValue;
        }
        
        
private var age:int;
        
        
public function get Age():int
        {
            
return age;
        }
        
        
public function set Age(setValue:int):void
        {
            age 
= setValue;
        }
        
        
private var sex:String;
        
        
public function get Sex():String
        {
            
return sex;
        }
        
        
public function set Sex(setValue:String):void
        {
            sex 
= setValue;
        }
    }
}

    注意这个类的第一行,有这样一句话 [RemoteClass(alias="RemotingSample.User")] 这是连接.NET类的关键所在, 添加这句话后,这个类,才与.NET中创建的User类建立了联系。

    [RemoteClass(alias="命名空间.类名")] 

    在 Design 模式下添加,添加一个 DataGrid,id为dgUser,新添加的DataGrid自动生成了三个DataGridColumn,修改其headerText,和dataFieldheaderText为DataGrid每行的标题,dataField为绑定的实体对象的属性。
    DataGrid设计如下代码所示:

    <mx:DataGrid x="38" y="318" height="116" width="312" id="dgUser">
        
<mx:columns>
            
<mx:DataGridColumn headerText="姓名" dataField="Name"/>
            
<mx:DataGridColumn headerText="性别" dataField="Sex"/>
            
<mx:DataGridColumn headerText="年龄" dataField="Age"/>
        
</mx:columns>
    
</mx:DataGrid>
    继续添加一个Button控件,id为btnGetUsers,Label属性为 GetUsers

    在 Source 模式下, 修改 mx:RemoteObject 标签,添加 
    <mx:method name="GetUsers" result="RemoteResult(event)" fault="RemoteFault(event)"/> 
    修改脚本中 RemoteResult 方法,代码如下
            public function RemoteResult(re:ResultEvent):void
            { 
                
switch(re.currentTarget.name)
                {
                    
case "HelloWord":
                        var str:String 
= re.result as String;
                        
this.txtHelloWord.text = str;
                        
break;
                    
case "SayHello":
                        str 
= re.result as String;
                        
this.txtSayHello.text = str;
                        
break;
                    
case "GetArray":
                        
for(var i:int=0; i<re.result.length; i++)
                        {
                            
this.txtUsers.text += re.result[i].toString() + "";
                        }
                        
break;
                    
case "GetDictionary":
                    
case "GetHashTable":
                        
this.txtZhangSan.text = re.result["张三"];
                        
this.txtLiSi.text = re.result["李四"];
                        
this.txtWangWu.text = re.result["王五"];
                        
break;
                    
case "GetUsers":    //新加部分
                        var userList:ArrayCollection = new ArrayCollection();
                        
                        
for(var j:int=0; j<re.result.length; j++)
                        {
                            var user:User 
= re.result[j] as User;
                            userList.addItem(user);
                        }
                        
                        
//用来绑定DataGrid
                        this.dgUser.dataProvider = userList;
                        
break;
                }
            }

    在 mx:Button (GetUsers 标签中添加属性 click="sampleRemoteObject.GetUsers()"

    运行Flex程序,在浏览器中查看效果 

附件:源码
1、.Net端

/*----------------------------------------------------------------
 * 版权:
http://XingFuStar.cnblogs.com
 * 
 * 文件名: RemotingSample
 * 文件功能描述: .NET与Flex通讯DEMO
 * 
 * 作者:XingFuStar
 * 日期:2007年12月11日
 * 
 * 当前版本:V1.0.0
 * 
 * 修改日期:2007年12月14日
 * 修改内容:增加获取数组,Dictionary,HashTable等方法例程
 *---------------------------------------------------------------
*/

using System;
using com.TheSilentGroup.Fluorine;
using System.Collections.Generic;
using System.Collections;

namespace RemotingSample
{
    [RemotingService(
"Fluorine sample service")]
    
public class RemotingSample
    {
        
public RemotingSample()
        {
            
//请不要删除以下信息
            
//版权:http://XingFuStar.cnblogs.com
        }

        
public string HelloWord()
        {
            
return "Hello Word!";
        }

        
public string SayHello(string name)
        {
            
return "Hello " + name + "!";
        }

        
public string[] GetArray()
        {
            
string[] array = new string[]{"张三","李四","王五"};

            
return array;
        }

        
public Dictionary<String, Int32> GetDictionary()
        {
            Dictionary
<String, Int32> dictionary = new Dictionary<stringint>();
            dictionary.Add(
"张三"23);
            dictionary.Add(
"李四"24);
            dictionary.Add(
"王五"22);
            
return dictionary;
        }

        
public Hashtable GetHashTable()
        {
            Hashtable hash 
= new Hashtable();
            hash.Add(
"张三"23);
            hash.Add(
"李四"24);
            hash.Add(
"王五"22);
            
return hash;
        }

        
public List<User> GetUsers()
        {
            List
<User> users = new List<User>();

            User user 
= new User();
            user.Name 
= "张三";
            user.Age 
= 23;
            user.Sex 
= "";
            users.Add(user);

            user 
= new User();
            user.Name 
= "李四";
            user.Age 
= 24;
            user.Sex 
= "";
            users.Add(user);

            user 
= new User();
            user.Name 
= "王五";
            user.Age 
= 22;
            user.Sex 
= "";
            users.Add(user);

            
return users;
        }
    }
}


2、Flex端

<?xml version="1.0" encoding="utf-8"?>
<!--
* 版权:http://XingFuStar.cnblogs.com
*
* 作者:XingFuStar
* 日期:2007年12月11日
*
* 修改日期:2007年12月14日
* 修改内容:增加获取数组,Dictionary,HashTable等方法例程。
-->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

    
<mx:Script>
        
<![CDATA[
            import mx.collections.ArrayCollection;
            import mx.rpc.events.FaultEvent;
            import mx.rpc.events.ResultEvent;
            import mx.controls.Alert;
            
            import Module.User;
        
            public function RemoteResult(re:ResultEvent):void
            { 
                switch(re.currentTarget.name)
                {
                    case "HelloWord":
                        var str:String = re.result as String;
                        this.txtHelloWord.text = str;
                        break;
                    case "SayHello":
                        str = re.result as String;
                        this.txtSayHello.text = str;
                        break;
                    case "GetArray":
                        for(var i:int=0; i<re.result.length; i++)
                        {
                            this.txtUsers.text += re.result[i].toString() + ", ";
                        }
                        break;
                    case "GetDictionary":
                    case "GetHashTable":
                        this.txtZhangSan.text = re.result["张三"];
                        this.txtLiSi.text = re.result["李四"];
                        this.txtWangWu.text = re.result["王五"];
                        break;
                    case "GetUsers":    //新加部分
                        var userList:ArrayCollection = new ArrayCollection();
                        
                        for(var j:int=0; j<re.result.length; j++)
                        {
                            var user:User = re.result[j] as User;
                            userList.addItem(user);
                        }
                        
                        //用来绑定DataGrid
                        this.dgUser.dataProvider = userList;
                        break;
                }
            }
        
            public function RemoteFault(re:FaultEvent):void
            {
                Alert.show("Message:" + re.fault.faultString,"出错");
            }           
        
]]>
    
</mx:Script>

    
<!--这里Source 对应.NET类,前面是命名空间,后面是类名 source = 命名空间.类名-->
    
<mx:RemoteObject 
        
id="sampleRemoteObject"
        destination
="fluorine"
        source
="RemotingSample.RemotingSample"
        showBusyCursor
="true">
        
<!--这里是.NET中的方法,name = 方法名 -->
        
<mx:method name="HelloWord" result="RemoteResult(event)" fault="RemoteFault(event)"/>    
        
<mx:method name="SayHello" result="RemoteResult(event)" fault="RemoteFault(event)"/>            
        
<mx:method name="GetArray" result="RemoteResult(event)" fault="RemoteFault(event)"/>
        
<mx:method name="GetDictionary" result="RemoteResult(event)" fault="RemoteFault(event)"/>    
        
<mx:method name="GetHashTable" result="RemoteResult(event)" fault="RemoteFault(event)"/>        
        
<mx:method name="GetUsers" result="RemoteResult(event)" fault="RemoteFault(event)"/>        
    
</mx:RemoteObject>

    
<mx:Text x="38" y="25" id="txtHelloWord"/>
    
<mx:Button x="38" y="51" label="HelloWord" id="btnHelloWord0" click="sampleRemoteObject.HelloWord()"/>
    
    
<mx:Text x="38" y="105" id="txtSayHello"/>
    
<mx:Label x="38" y="131" text="name:"/>
    
<mx:TextInput x="88" y="129" id="txtName"/>
    
<mx:Button x="256" y="129" label="SayHello" id="btnSayHello" click="sampleRemoteObject.SayHello(this.txtName.text)"/>
    
    
<mx:Text x="38" y="181" id="txtUsers"/>
    
<mx:Button x="38" y="207" label="GetArray" id="btnGetArray" click="sampleRemoteObject.GetArray()"/>
    
    
<mx:Label x="38" y="262" text="张三:"/>
    
<mx:Text x="76" y="262" id="txtZhangSan"/>
    
<mx:Label x="129" y="262" text="李四:"/>
    
<mx:Text x="167" y="262" id="txtLiSi"/>
    
<mx:Label x="218" y="262" text="王五:"/>
    
<mx:Text x="256" y="262" id="txtWangWu"/>
    
<mx:Button x="38" y="288" label="GetDictionary" id="btnGetDictionary" click="sampleRemoteObject.GetDictionary()"/>
    
<mx:Button x="157" y="288" label="GetHashTable" id="btnGetHashTable" click="sampleRemoteObject.GetHashTable()"/>

    
<mx:DataGrid x="38" y="318" height="116" width="312" id="dgUser">
        
<mx:columns>
            
<mx:DataGridColumn headerText="姓名" dataField="Name"/>
            
<mx:DataGridColumn headerText="性别" dataField="Sex"/>
            
<mx:DataGridColumn headerText="年龄" dataField="Age"/>
        
</mx:columns>
    
</mx:DataGrid>
    
<mx:Button x="38" y="453" label="GetUsers" id="btnGetUsers" click="sampleRemoteObject.GetUsers()"/>
</mx:Application>


至此,Flex 与 Asp.Net 通过 Remoting 方式进行通讯 的全部文章都已完成,前后经历了一个星期的时间,有很多地方写的还不完善,希望看过的朋友们批评指教!还是希望喜欢本文的朋友们,转载请注明出处!

版权由http://xingfustar.cnblogs.com/所有,转载请注明出处,XingFuStar 2007年12月11日

posted @ 2007-12-14 16:54  幸福★星  阅读(1855)  评论(4编辑  收藏  举报