Flex+Blazeds与Java_Web_Project

一直在研究flex，从Flex Builder 3 Plug-in的安装，到ActionScript3语言的学习，再到flex整合j2ee的开发，这一路走了不少

弯路，其实配置开发环境，看别人演示是学习得最快的，如果光看文字描述是比较累的事情，描述了半天不然一张截图说明问题，这里总结一

下flex+BlazeDS整合j2ee开发环境的配置过程：

  1.从http://opensource.adobe.com/wiki/display/blazeds/BlazeDS/ 下载BlazeDS
  
  2.新建一个web project 名为：flexDemo

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

  4.在flexDemo/src目录下新建类HelloWorld

Java 代码

1. package cn.riahome.java;  
2.   
3. /** 
4.  * <p> 功能:</p> 
5.  * <p> 生成日期: 2008-10-13</p> 
6.  * <p>说明：</p> 
7.  * @author lipei_ma 
8.  * @version V1.0 
9.  * @修改日志: 
10.  */  
11. public class HelloWorld {  
12.   
13.     public HelloWorld() {  
14.     }  
15.   
16.     public String getHelloWorld(String name) {  
17.         return "Hello World!"+name;  
18.     }  
19. }  

package cn.riahome.java;

 

/**

 * <p>功能:</p>

 * <p>生成日期: 2008-10-13</p>

 * <p>说明：</p>

 * @author lipei_ma

 * @version V1.0

 * @修改日志:

 */

public class HelloWorld {

 

  public HelloWorld() {

  }

 

  public String getHelloWorld(String name) {

   return "Hello World!"+name;

  }

}

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








6.为flexDemo添加blazeds支持： 将%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 ,至此,我们的Demo已经具备了blazeds 的功能.



  7.为项目增加Flex支持，右键项目名称，点击Flex Project Nature/Add Flex Project Nature









  8.编辑flexDemo.mxml

Java 代码

1. <?xml version="1.0" encoding="utf-8"?>  
2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">  
3.      <mx:RemoteObject id="say" destination="helloWorld">             
4.      </mx:RemoteObject>  
5.      <mx:Button x="335" y="80" label=" Click" click="remotingSayHello(event);"/>       
6.      <mx:TextInput x="159" y="80" id="tiName"/>       
7.      <mx:Label x="109" y="82" text="name:"/>       
8.      <mx:Label text="{say.getHelloWorld.lastResult}" x="44" y="162" width="448" height="71" id="lblView" color="#FCEE09"   
9.   
10. fontSize="20" fontWeight="bold" textDecoration="underline" fontStyle="normal"/>       
11.      <mx:Script>  
12.          <![CDATA[  
13.              public function remotingSayHello(event:Event):void{          
14.                  var iname:String=tiName.text;            
15.                  say.getHelloWorld(iname);            
16.              }  
17.          ]]>  
18.      </mx:Script>   
19. </mx:Application>  

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

     <mx:RemoteObject id="say" destination="helloWorld">          

     </mx:RemoteObject>

     <mx:Button x="335" y="80" label=" Click" click="remotingSayHello(event);"/>    

     <mx:TextInput x="159" y="80" id="tiName"/>    

     <mx:Label x="109" y="82" text="name:"/>    

     <mx:Label text="{say.getHelloWorld.lastResult}" x="44" y="162" width="448" height="71" id="lblView" color="#FCEE09"

 

fontSize="20" fontWeight="bold" textDecoration="underline" fontStyle="normal"/>    

     <mx:Script>

       <![CDATA[

        public function remotingSayHello(event:Event):void{       

          var iname:String=tiName.text;         

          say.getHelloWorld(iname);         

        }

       ]]>

     </mx:Script>

</mx:Application>

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

Java 代码

1.  <destination id="helloWorld">  
2. lt;properties>  
3. <source>cn.riahome.java.HelloWorld</source>  
4. lt;/properties>  
5.   </destination>  

    <destination id="helloWorld">

   <properties>

     <source>cn.riahome.java.HelloWorld</source>

   </properties>

     </destination>

9.右键项目名称，点击properties/Flex Builder Path修改output folder URL,点击properties/Flex Build Path修改Flex SDK Version







10.运行flexDemo.mxml即可