ASP.NET与Flex的交互实例入门教程 转自鉲鉲flex的博客

今天决定写一篇ASP.NET与Flex交互的案例！为了这个交互俺查了好多资料好多网页看的俺眼睛开花，脑开窍！最后发飙了！终于成功了！嘿！老虎不发威还真MD以为俺是hello cat！！所以今天想写出一份详细教程供大家参考！减少类似像我这类初学者走弯路！俗话说：授人玫瑰，手留鮽香！！好了废话不多说！Move

一款美味的Flex+ASP.NET大餐即将为大家奉献

如果大家要上传到服务器建议大家使用VS2005
如果只是内部测试的话大家可以选择这个速成版
        

佐料：1.Visual Web Developer 2005 Express Edition
      下载地址：ftp://www.msuniversity.edu.cn/Express/VNS_CHS.iso
    2.Flex Bulider 3
        下载地址：http://trials.adobe.com/Applications/Flex/FlexBuilder/3/FB3_WWEJ_Plugin.exe
        注册码：1377-4868-2899-3328-2083-1968
      3. FluorineFx v1.0.0.13.exe
      下载地址： http://www.fluorinefx.com/download/fluorinefx/1.0.0.13/fluorinefx.exe
      4.  Visual studio 2005试用180天版
      下载地址：http://www.pojiezhan.com/d/download.php?n=1&server=url_1&id=2228::1194414715


特别说明：安装顺序1-2-3可别弄混了！如果是VS2008或VS2005的话直接安装完就可以建立以FluorineFx为中间件的交互了！可以跳到步奏5 ！但是如果是本案例的ASP.NET速成版的话就要手动配置：

1.启动ASP.NET速成版
2.新建网站
 



3.右键这个选中-添加引用
 




4.找到FluorineFx的安装文件夹的NET目录我这里是D:/Program Files/FluorineFx/Bin/net/2.0把这几个文件给添加上

5.然后继续右键选中F：/kaka/：添加ASP.NET文件夹的App_Code
右键选中App_Code添加新项---新建一个HelloWorld类！

运行页面得到地址和端口：http://localhost:2943/kaka （这个后面要用到！重要！）

在HelloWorld类中添加如下代码：
using System;
using System.Data;
using System.Configuration;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using FluorineFx;
namespace tutorials.remoting
{
    [RemotingService()]
    public class HelloWorld
    {
        public string sayHello(string userName)
        {
            return "您好，" + userName + "这是来自Fluorine Flash remoting的问候";
        }
    }
}

然后右键选中Console.aspx文件---设置为起始页




运行可以看到

OK！到此ASP.NET这边的工作告一段落！

接下来咱玩一下Flex

1.新建一个Flex project设置如下
 



Flex项目文件保存位置不要错了是asp.net项目文件夹之下本案例是kaka文件夹之下的FlexWeb目录！
next吧
 



说明：WebRoot：是asp.net项目的所在目录
      RootUrl：是刚才前面所提到的端口和地址
      Context root：就是和RootUrl目录的子文件夹（本案例为：kaka则设为kaka！如为flex3则为flex3）
      然后一下吧！正确设置的话上面会提示：

The web root folder and root URL are valid
      Next-Finish吧！
2.接下来就是MXML代码咯如下：
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#72E4CD, #336A90]">
<mx:RemoteObject id="service" destination="fluorine"
  source="tutorials.remoting.HelloWorld" showBusyCursor="true" />
<mx:TextInput id="txtName"/>
<mx:Button label="Say Hello" click="service.sayHello(txtName.text)"/>
<mx:Label text="{service.sayHello.lastResult}" fontSize="18"/>
</mx:Application>

3.接下来就是把

3.运行Flex程序看看墨子效果吧！

附录：上传到服务器教程！假如各位有自己的服务器或者空间的话大家可以把自己做出来的东西上传上去！
     在这里介绍几个免费的虚拟空间供大家使用！好东西当然要拿出来给大家分享！哈哈··给人快乐自己快乐！
1.5944免费全能空间（1G的喔）
  由于是免费的性能方面还有稳定性方面肯定不如收费的啦不过拿来玩玩还是可以地！最主要是1G的而且全能的什么
  JSP PHP ASP.NET ASP悉数支持！
  地址：http://www.5944.net/
2.中国ASP.ETN爱好者技术交流社区
  这个虚拟空间不错虽然只有100M而且只支持ASP.NET的而且还要等一天才能申请成功！但是最主要是速度够理想所以一般测试我都用这个！推荐大家用地址：http://www.51aspnet.net

说道这个鸟上传到服务器我就来火！MD弄了好久！差点没把那服务器给端了！！我哪敢啊！这里花了俺好多T！试了XYZ次才JB给成功显示出来！！说道上传到服务器虚拟空间是必不可少的还有就是FTP上传软件这里我推荐大家用FlashFXP！当然个人喜好！只要能传上去MS-DOS方式也可！
要上传到服务器的话咱的ASP。NET速成版恐怕就令不从心了！因为它竟然没有发布网站这个功能我昏！所以各位要发布到网上的话还得装VS2005！说实话我也是受害者！我一开始不知道以为可以发布!后来··直接无语掉！其实装删VS2005是一件很痛苦的事情！最好在装的时候喝点茶虐盘实况飚车一下什么的不然几乎要发霉掉的！
好了不扯蛋了！Move

先把F:/kaka/WEB-INF/flex目录下的services-config.xml和remoting-config.xml这两个文件复制到F:/kaka/FlexWeb/src！这个文件目录由读者根据自己所创建项目文件的位置去复制！然后再回到Flex Bulider 3打开菜单的project---properties选中Flex Sever这个选项然后把context root这里清空！再选择Flex compiler选项如图设置：
[img,616,528]file:///C:/Documents%20and%20Settings/Administrator/桌面/NfsCTrainerV145/10.jpg[/img]
然后apply--OK保存最后运行一下你的flex程序看看！嘿嘿！不能显示吧！正常！这个后边你就知道了！然后回到VS2005可不是速成版那个喔！速成版是没有生成网站的！选择一个目录生成网站OK！然后把你生成目录下的文件悉数上传把！还等墨子呢
至此教程结束！终于大功告成了！写一篇这鸟东西还真不容易又截图又测试的！还要找下载地址！希望我写的这篇所谓的教程能对大家有所帮助！帮助一些需要帮助的人！谢谢！欢迎大家一起交流交流！有什么不足之处还望大家不吝提出本人不胜感激！