最近一个礼拜一直在研究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
5.部署 应用flexDemo到Tomcat服务器中,并启动服务。
[img]/upload/attachment/42405/e7d8d1cb-a9ed-3c26-8d9b-71f145382c71.jpg[/img]
[img]/upload/attachment/42407/47ce1269-4a46-3802-9477-8f91588a7c5a.jpg[/img]
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
[img]/upload/attachment/42409/b070aaa7-0f0e-3260-bdc5-d6f1cd37d6fd.jpg[/img]
[img]/upload/attachment/42411/6d6cddb1-4aee-3ffb-99e2-e265514096cd.jpg[/img]
[img]/upload/attachment/42413/f70b1bfe-80c6-377b-8a1e-6423b5b3ac83.jpg[/img]
8.编辑flexDemo.mxml
编辑WEB-INF/flex/remoting-config.xml文件
9.右键项目名称,点击properties/Flex Builder Path修改output folder URL,点击properties/Flex Build Path修改Flex SDK Version
[img]/upload/attachment/42415/4e446729-1d7a-351c-8e4c-bffcfd2b8dc3.jpg[/img]
[img]/upload/attachment/42417/1e89291b-d619-3b6a-9da6-f7a2c3f92d80.jpg[/img]
10.运行flexDemo.mxml即可
[img]/upload/attachment/42419/e268dd5b-70a0-339b-ba50-2c2036b435e6.jpg[/img]
[img]/upload/attachment/42423/8492cb66-392d-328c-8517-acf2438e2d41.jpg[/img]
附:在此感谢badqiu的远程协助,并请各位多关注http://www.rapid-framework.org.cn/
弯路,其实配置开发环境,看别人演示是学习得最快的,如果光看文字描述是比较累的事情,描述了半天不然一张截图说明问题,这里总结一
下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服务器中,并启动服务。
[img]/upload/attachment/42405/e7d8d1cb-a9ed-3c26-8d9b-71f145382c71.jpg[/img]
[img]/upload/attachment/42407/47ce1269-4a46-3802-9477-8f91588a7c5a.jpg[/img]
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
[img]/upload/attachment/42409/b070aaa7-0f0e-3260-bdc5-d6f1cd37d6fd.jpg[/img]
[img]/upload/attachment/42411/6d6cddb1-4aee-3ffb-99e2-e265514096cd.jpg[/img]
[img]/upload/attachment/42413/f70b1bfe-80c6-377b-8a1e-6423b5b3ac83.jpg[/img]
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
[img]/upload/attachment/42415/4e446729-1d7a-351c-8e4c-bffcfd2b8dc3.jpg[/img]
[img]/upload/attachment/42417/1e89291b-d619-3b6a-9da6-f7a2c3f92d80.jpg[/img]
10.运行flexDemo.mxml即可
[img]/upload/attachment/42419/e268dd5b-70a0-339b-ba50-2c2036b435e6.jpg[/img]
[img]/upload/attachment/42423/8492cb66-392d-328c-8517-acf2438e2d41.jpg[/img]
附:在此感谢badqiu的远程协助,并请各位多关注http://www.rapid-framework.org.cn/