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

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

<?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文件 

    <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即可








附：在此感谢badqiu的远程协助，并请各位多关注http://www.rapid-framework.org.cn/

评论

6 楼 blacksky_sun 2008-11-27  

你好看了你上面做的事例后,我模仿做了一遍,有两点问题想问下你，
1.为何最终地址栏里面的地址后面 还加了个 flexDemo.html貌似在你上面的演示中没有看到，
2.我运行flexDemo.mxml后总是报这样的一个错误。HTTP Status 404 - /flexDemo/flexDemo-debug/flexDemo.html
这是什么原因，请教一下...

5 楼 m_peng2008 2008-11-05  

你的访问路径http://localhost:8088/flexDemo/bin/flexDemo.html、
我按你的配置http://localhost:8088/flexDemo/flexDemo-debug/flexDemo.html

4 楼 lc2tp 2008-10-31  

不行,配出来报错

3 楼 稻香麦甜 2008-10-15  

哈哈，第一个吃螃蟹的宁

2 楼 qboc 2008-10-14  

不错，正想学这个呢.

1 楼 lujiawu12 2008-10-14  

不错不错，我也弄了个这个。
配合esri的开发包做gis。