`
mysavvy
  • 浏览: 5679 次
  • 性别: Icon_minigender_1
  • 来自: 南京
最近访客 更多访客>>
社区版块
存档分类
最新评论

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值是必须相等的;
简单的小列子就完成了。
1
0
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics