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. packagecn.riahome.java;
3. /**
4. *<p>功能:</p>
5. *<p>生成日期:2008-10-13</p>
6. *<p>说明：</p>
7. *@authorlipei_ma
8. *@versionV1.0
9. *@修改日志:
10. */
11. publicclassHelloWorld{
13. publicHelloWorld(){
14. }
16. publicStringgetHelloWorld(Stringname){
17. return"HelloWorld!"+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. <?xmlversion="1.0"encoding="utf-8"?>
2. <mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"layout="absolute">
3. <mx:RemoteObjectid="say"destination="helloWorld">
4. </mx:RemoteObject>
5. <mx:Buttonx="335"y="80"label="Click"click="remotingSayHello(event);"/>
6. <mx:TextInputx="159"y="80"id="tiName"/>
7. <mx:Labelx="109"y="82"text="name:"/>
8. <mx:Labeltext="{say.getHelloWorld.lastResult}"x="44"y="162"width="448"height="71"id="lblView"color="#FCEE09"
10. fontSize="20"fontWeight="bold"textDecoration="underline"fontStyle="normal"/>
11. <mx:Script>
12. <![CDATA[
13. publicfunctionremotingSayHello(event:Event):void{
14. variname:String=tiName.text;
15. say.getHelloWorld(iname);
16. }
17. ]]>
18. </mx:Script>
19. </mx:Application>

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

Java代码

1. <destinationid="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即可