web工程和flex工程整合

1、从百度搜blazeds.war,下载。解压的目录如下META-INF,WEB-INF
2、新建一个WEB工程。右键-》新建-》其他-》Web->Dynamic Web Project,我的项目名称为blazeds

3、把解压blazeds.war的WEB-INF下的文件夹复制到工程里,如下


web工程和flex工程整合_第1张图片
 

4、把blaseds添加到tomcat服务器并启动,Tomcat服务器启动是为下面flex项目验证配置做准备。


web工程和flex工程整合_第2张图片

5、添加flex项目类型到工程里。

在该工程上右键-》Flex Project Nature-》Add Flex Project Nature

或者是右键-》添加/更改项目类型(T)-》添加Flex项目类型(F)


web工程和flex工程整合_第3张图片
 

下一步


web工程和flex工程整合_第4张图片
 

配置完之后点击验证配置出现在下图。说明配置成功。


web工程和flex工程整合_第5张图片
 

6、在src目录下会出现blazeds.mxml文件,


web工程和flex工程整合_第6张图片
 

7、此时java目录和flex目录共用src目录,进行修改,在工程右键-》属性-》FLEX构建路径:修改成flex_src,此名字可以自定义,点击确定。


web工程和flex工程整合_第7张图片
 

8、把blazeds.mxml复制到flex_src文件夹下,把Src目录下的删除


web工程和flex工程整合_第8张图片
 

9、 写个程序测试一下
1)新建一个 java类:Hello.java
package com;

public class Hello

{
   public String hello(String name)

  {
     System.out.println("flex调用我了,真好~~~~");
     return "hello "+name;
  }
}
2)为flex配置这个要调用的对象,修改WEB-INF/flex下remoting-config.xml
加入:
<destination id="hello">
   <properties>
     <source>
       com.Hello
     </source>
   </properties>
</destination>

3)编写一个Flex程序在把blazedstest.mxml的内容换成下的内容:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute">
<mx:Script>
<![CDATA[
import mx.rpc.events.ResultEvent;

function gg(evnet:ResultEvent):void

{
   var ff:String = evnet.result as String;
   ggg.text = ff;
}

function remotingSayHello():void

{
   var sname:String = nameInput.text;
   h.hello(sname); 
}
]]>
</mx:Script>

<mx:RemoteObject destination="hello" id="h" result="gg(event)"
endpoint="http://localhost:8080/blazeds/messagebroker/amf" >

</mx:RemoteObject>


<mx:TextArea id="ggg" x="109" y="122"/>
<mx:Button label="say hello" click="remotingSayHello();"
x="144" y="193"/>
<mx:TextInput id="nameInput" x="109" y="73"/>
<mx:Label text="name" x="47" y="75"/>
</mx:Application>

10、blazeds.mxml里有一个endpoint是跟你的工程名和访问路径进行修改的。


web工程和flex工程整合_第9张图片
 

11、重新启动tomcat,并访问:http://localhost:8080/blazeds/blazeds/blazeds.swf

在name栏里输入名字,点击say hello进行测试:


web工程和flex工程整合_第10张图片
 

 

你可能感兴趣的:(web工程和flex工程整合)