Flex与Web工程的合并

开发工具:需要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值是必须相等的;
简单的小列子就完成了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值