Flex+BlazeDS整合J2ee示例




最近一个礼拜一直在研究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. }  

  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>  


  编辑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>  



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







10.运行flexDemo.mxml即可








  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值