必备工具

• Visual Studio 2005 或 Visual Studio 2008 或 Visual Studio 2010
• FluorineFx.Net 官方连接  下载 FluorineFx v1.0.0.15
• Flex Builder 3 或 Flash Builder 4

安装FluorineFx.Net，安装任意盘符，即可在 Visual Studio 中建立 FluorineFx ASP.NET Web Site 网站或 FluorineFx ServiceLibrary 项目如下图

选取 FluorineFx ASP.NET Web Site 建立网站，演示项目名称为 WebSiteFx 点确定，便建立网站资源目录，在Bin目录下自动创建了相关的 dll 引用，在这里最重要的是 log4net.dll、 FluorineFx.dll 和 FluorineFx.ServiceBrowser.dll，其余的有log（日志）、Templates（Flex 项目中一致）、WEB-INF（项目配置xml中）文件夹，另外log4net.config、Console.aspx（管理测试页面） 和 Gateway.aspxl两个页面，下面是图例参考。

右键点击 Console.aspx 在浏览器中察看，便是网站的管理信息，

点击 “Project settings” 项目设置 ，即 Flex ASP.Net  网站项目的配置信息，用红色框出来的是在 Flex 中建立项目重要配置信息，在 Flex 建立项目中将使用这些参数来完成配置。

下面在网站项目中添加“FxClass.cs（App_Code目录中）”

using System;
using System.Collections.Generic;
using System.Web;

using System.Text;
using FluorineFx;
using System.Collections;
using System.Data;

///<summary>
///FxClass 的摘要说明
///</summary>
[RemotingService("Fluorine sample service")]
publicclass FxClass
{
    public FxClass()
    {
        //
        //TODO: 在此处添加构造函数逻辑
        //
    }

    publicstring Echo(string text)
    {
         return"Gateway echo: "+ text;
    }

}

生成项目，再次浏览 Console.aspx 页面，左侧展开 WebSiteFx 下面的 Service 一次展开至 FxClass 下的 Echo并且点击，右侧显示详细参数，Returms:String处 text  输入 “Hello !! ” 之后点击 Call 按钮，Results便输出输入结果，Tree view 以树形显示结果，下图参考

在 FxClass.cs 加入 一个 ArrayList SendMod()数组，再次浏览 Console.aspx 下图测试输出结果

Flex Builder 3 或 Flash Builder 4 中建立 Flex Application /Flex程序（本示例是 Flex Builder 3）Flex Builder 3 中新建 New > Flex Project ，如图：Project name（项目名）、Folder(文件目录) 保持和 Visual Studio 中建立的项目名路径一致，Application type 程序类型选取 Web application (Web 应用程序)，Application server type 平台选取 ASP.NET 点 Next 。

进入 Configure ASP.NET Server，打开Console.aspx  参考 “Project settings"对应的参数输入相应的配置，

点击 Finish 完成 在 Flex 中已经建立了 Flex ASP.NET项目，然后在 Flex Navigator 项目目录中最顶层目录 WebSiteFx 右键 Properties 属性进行配置，（1）将 Flex Build Path 的 Output folder URL 设置为http://localhost:5343/WebSiteFx/bin-debug 。（2）Flex Compiler 的 Additional compiler arguments  设置为-locale en_US  -services " D:"2010WEISIM"WebSiteFx"WEB-INF"flex"services-config.xml"。（3）Flex Server 的 Context root 设置为 /WebSiteFx ， 其它参数 建立项目是已设置。

以上就是 Flex + FluorineFx 与 ASP.NET 的配置，下面在 WebSiteFx.mxml 用 ComboBox  绑定 ASP.NET 中的ArrayList SendMod() 以及TextInput 输入用户名让 Echo 接收输入字符，效果如图所示。

另外，Flex+FluorineFx 与 ASP.NET 深入数据库操作方面的介绍，请转至Flex+FluorineFx与.net数据库操作 参阅。