Flex+BlazeDS整合J2EE实例

 

对于很多Flex初学者来说，利用开源的BlazeDS进行Web开发是一个明智的选择，但是实际操作中却经常会遇到配置问题。我也从网上的教程到自己的实际操作，走了不少弯路，最后成功配置了开发环境，在此总结一下。

 

      1）准备工作：

      1.Flash Builder 4

       我安装的是Flash Builder 4的插件版本，可以到Adobe中国官网上去下载，地址：https://www.adobe.com/cfusion/tdrc/index.cfm?product=flash_builder&loc=zh_cn

我安装的是FlashBuilder_4_Plugin_LS10.exe。

 

      2.Eclipse

      我安装的是MyEclipse 8.0版本，地址：http://xiexiejiao.cn/java/myeclipse-8-0-ga-download-collection-linux-mac.html

我安装的是myeclipse-8.0.0-win32.exe。

 

      3.BlazeDS

      我下载的是turnkey版本，地址：http://opensource.adobe.com/wiki/display/blazeds/Downloads

我下载的是：blazeds-turnkey-3.2.0.3978.zip

       由于BlazeDS Turnkey中包含BlazeDS的使用例子，对于入门熟悉Flex及BlazeDS都有较好的参考价值，因此建议下载BlazeDS Turnkey。

       关于blazeds-turnkey 的目录说明：

       docs：BlazeDS Javadoc

       resources：BlazeDS的相关支持包，包括clustering（采用jgroups）、BlazeDS与ColdFusion 集成的配置文件、BlazeDS的配置文件、BlazeDS与AJAX集成的桥、Flex的SDK、Flex的java library、BlazeDS与Tomcat、Jboss、Websphere等security集成的支持包。

       sampledb：hsqldb的启动脚本及样例数据库

       tomcat：Tomcat 包

       blazeds.war：最小化的BlazeDS 文件，可以作为空白项目来建立BlazeDS 应用程序。

       sample.war：BlazeDS的demo例子（所谓的testdrive）。

       ds-console.war ：BlazeDS的部署管理程序。

 

      4.Apache Tomcat

      我用的是apache-tomcat-6.0.20.exe，可执行文件版本，方便操作。

 

 

     2） 过程：

     打开MyEclipse，新建一个Web Project,名为FlexDemo.

 

 

      2..在FlexDemo/src目录下新建类HelloWorld

Java代码如下：

      package com.sjliang;

      /**
       * <p>功能:</p>
       * <p>生成日期: 2010-5-13</p>
       * <p>说明：</p>
       * @author sjliang

       * @version V1.0
       * @修改日志:
       */
       public class HelloWorld {

               public HelloWorld() {
               }

               public String getHelloWorld(String name) {
                       return "Hello World!"+name;
               }
        }

 

        3.部署应用FlexDemo到Tomcat服务器中，并启动服务。

        

 

点击"Add",

选择"Tomcat 6.x",然后点"Finish"

      4.为FlexDemo添加blazeds支持：

      解压BlazeDS.war到%TOMCAT_HOME%/webapps目录下文件名为blazeds内包涵了WEB-INF和META－INF文件夹;

      将%TOMCAT_HOME%/webapps/BlazeDS/WEB-INF/lib目录下面所有jar文件拷贝到 flexDemo 的webRoot/WEB- INF/lib 目录下;

      将%TOMCAT_HOME%/webapps/blazeds/WEB-INF/flex 目录拷贝到Demo的webContent/WEB-INF 下;

      拷贝%TOMCAT_HOME%/webapps/BlazeDS/WEB-INF/ 下的web.xml覆盖flexDemo的 web.xml;

      至此,我们的FlexDemo已经具备了blazeds 的功能.

 

      5.为项目增加Flex支持，右键项目名称，点击“添加/更改项目类型”，“添加Flex项目类型”

      

      点击"Finish".

 

      6.编辑FlexDemo.mxml 

代码：

<?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:Script>
  <![CDATA[
   protected function button1_clickHandler(event:MouseEvent):void
   {
    // TODO Auto-generated method stub
    var iname:String=tiName.text;             
    say.getHelloWorld(iname);             
   }
  ]]>
 </fx:Script>

 <fx:Declarations>
  <!-- 将非可视元素（例如服务、值对象）放在此处 -->
  <s:RemoteObject id="say" destination="helloWorld"/>
 </fx:Declarations>
 
 <s:Button x="335" y="80" label="Click" click="button1_clickHandler(event)"/>
 <s:TextInput x="159" y="80" id="tiName"/>
 <s:Label x="109" y="82" text="name: "/>
 <s:Label text="{say.getHelloWorld.lastResult}" x="44" y="162" width="448"
    height="71" id="lbView" color="#FCEE09" fontSize="20" fontWeight="bold"
    textDecoration="underline" fontStyle="normal"/>
</s:Application>

 

     编辑WEB-INF/flex/remoting-config.xml文件：

     <destination id="helloWorld">
       <properties>
          <source>com.sjliang.HelloWorld</source>
       </properties>
     </destination>

      7.右键项目名称，点击properties/Flex构建路径，修改输出文件夹 URL；

         点击properties/Flex编译器修改Flex SDK 版本

 

      8.运行FlexDemo.mxml即可