Flex与Web工程的合并

转自：http://mysavvy.javaeye.com/blog/553159

 

开发工具：需要JDK1.5以上，eclipse3.3 tomcat5.0还需要flex的eclipse的插件 
[Flex.Builder.3.Eclipse插件版].FB3_WWEJ_Plugin.exe； 
安装插件有点麻烦，我还是在这里说一下免得大家又到网上找了， 
1.点击安装插件进行安装；安装需要设置俩个路径，第一个是FB3插件的地址，第二个是eclipse的安装路径；安装完插件后，启动Eclipse是看不到Flex的。 
还需要手动的复制一些文件才行； 
有三步就能完成： 
第一步： 
将安装的插件地址com.adobe.flexbuilder.update.site 目录下的plugins文件、features文件和site.xml文件复制到你的eclipse的安装目录下覆盖先前的文件； 
第二步： 
将插件地址eclipse目录下plugins 和features文件复制到你的eclipse安装目录下覆盖先前的文件; 
第三步： 
将插件目录下的sdks文件复制到eclipse的安装目录下就行了。。 
建工程前先设置一下：选择window-preferences-Flex-Intalled Flex SDKs 把Flex3.2勾选上就行了 
还需安装Lcds，lcds主要完成Flex与Java交流的映射。 
现在启动Eclipse就开以建Flex工程了。 
File-new-project选择Flex Project-next 
probject name 就是你工程的名字 
Application type 选择Web application 
Application server type 选择J2EE 
Next 
target runtime 选择你的服务器 
context root 工程发布的根目录也就是你的工程名； 
content folder 选择WebRoot就行它是你的容器； 
Flex WAR file 就是你安装lcds的里的lcds.war包; 
Compilation options 是Flex的编译工具，选则Flex Builder做为编译工具， 
output folder 是Flex编译后输出的目录；设置为WebRoot-bin 
Next 
main source folder 是Flex源文件的目录，使用默认的就好； 
main appliction file 使用默认的就行； 
Output folder URL 是测试路径； 
finish； 
FB项目就建好了； 
然后加入Web 
选中项目名称右击-MyEclipse-Add Xfire Web project； 
好，Flex和Web就完成了。 
开始做一个简单的数据交付： 
先写一个java类： 
package com.test; 

public class HelloWorld 
{ 
      public String sayHello(String str) 
      { 
            return "你提交的数据是：" + str; 
       } 
} 

修改WEB-INF/flex/下的remoting-config.xml文件： 
修改如下： 
<?xml version="1.0" encoding="UTF-8"?> 
<service id="remoting-service" 
    class="flex.messaging.services.RemotingService"> 

    <adapters> 
        <adapter-definition id="java-object" class="flex.messaging.services.remoting.adapters.JavaAdapter" default="true"/> 
    </adapters> 

    <default-channels> 
        <channel ref="my-amf"/> 
    </default-channels> 

<destination id="youhello"> 
<properties> 
<source>com.test.HelloWorld</source> 
<scope>application</scope> 
  </properties> 
</destination> 
</service> 

建一个mxml文件，Hello.mxml 
文件内容如下： 
<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundGradientAlphas="[1.0, 0.7]" backgroundGradientColors="[#40F138, #0B305D]"> 

<mx:Script> 
<![CDATA[ 
import mx.controls.Alert; 
import mx.rpc.events.ResultEvent; 

public function hello(str:String):void 
{ 
    savvy.sayHello(str); 
    savvy.addEventListener(ResultEvent.RESULT,getResult); 
} 

public function getResult(e:ResultEvent):void 
{ 
Alert.show(e.result.toString); 
} 

</mx:Script> 
<mx:RemoteObject id="savvy" destination="youhello"/> 
<mx:Button label="提交" click="hello('usernaem')" /> 
</mx:Application> 
列子中的destination的值需要与remoting-config.xml配置文件中的 
destination 标签的id值是必须相等的; 
简单的小列子就完成了。