实现Flex与Java的通信的Demo(BlazeDS方式)

应需求,研究了一下Flex如何与Java后台进行通信。先把HelloWorld的程序写在这里吧:


首先要想说的是网络上传播着3种flex与java的整合方法:
第一种是java项目里通过add flex project nature 插入flex 项目。
第二种是flex项目变成web项目加入java文件。
第三种是java与flex分别独立开发,最后整合到一起。
首先说第一种,通过这种方法建立的flex project被直接包含在java项目里,但是最后保存mxml文件只会生成一个swf文件。所以除非你的java项目里已经有了插入swf的那个html,否则运行时会出现找不到文件的错误。所以如果只是单纯的开发一个flex项目,不推荐用第一种方法。
其次,我个人感觉第二种和第三种是一回事 如果有一个java project 需要插入flex project 那flex与java通信的那个java文件还是得在flex 项目里实现。 不知道我说的大伙有没有明白。简单的说如果你想开发一个带有flex文件的web项目,你可以用第二种方法完成flex开发然后直接部署到已有的web项目中。


什么是BlazeDS呢?BlazeDS是一个基于服务器的Java远程调用(remoting)和Web消息传递(messaging)技术,它能够使得后台的Java应用程序和运行在浏览器上的Flex应用程序相互通信。在各大搜索引擎里,关于BlazeDS的中文教程来来去去都是那几篇,而且都是使用Eclipse来开发Flex的(用Eclipse开发Flex跟Java很不错的)。这篇文章将会尝试着使用Flex Builder 3,用一个经典的“HelloWorld”例子来让你学会BlazeDS的使用方法。


首先要下载包文件:blazeds_bin_3-0-0-544.zip.将其解压,可以看到web-inf和meta-inf这两个文件夹。

在tomcat的webapps下面,建立一个文件夹,估且命名为blaseds,然后把上述的两个文件夹放在其下面。然后就开始开发工作了。


不论在哪写都可以,可以在IDE中,也可以在记事本中, 开发一个HelloWorld.java

package cn.riahome.java;
public class HelloWorld {
public String getHelloWorld(){
return "Flex hello";
}
public HelloWorld(){

}
}

生成HelloWorld.class之后,将其放在webapps\blaseds\WEB-INF\classes\cn\riahome\java文件夹下。(新建三个文件夹)


然后,把blaseds\WEB-INF\flex中的remoting-config.xml中,加上一个节点:

<destination id="helloWorld">
<properties>
<source>cn.riahome.java.HelloWorld</source>
</properties>
</destination>

上述,就完成了tomcat中的开发工作。下面进入到Flex中。


在Flash4中,新建一个项目,注意,要命名为HelloWorld,否则会出错。

并且,最好新建时,配置好与J2EE的连接:在服务器类型中,选择BlazeDS,在下一步中,

根文件夹:D:\soft\Tomcat 6.0\webapps\blaseds

根URL:http://localhost:8080/blaseds

上下文目录:/blaseds

然后完成。


上述配置也可以在新建好以后进行配置,但要注意,如果是新建好,再配置,则还要配置另外一项:


Flex编译器-->附加的编译器参数:

-services "D:\soft\Tomcat 6.0\webapps\blaseds\WEB-INF\flex\services-config.xml" -locale zh_CN

(如果在新建时配置好了J2EE,则这条会自动添加,否则要手动添加)


最后,写HelloWorld.mxml中写上代码:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
<mx:RemoteObject id="remoteObject" destination="helloWorld" source="cn.riahome.java.HelloWorld" result="resultHandler(event)" fault="faultHandler(event)"/>
</fx:Declarations>

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

private function resultHandler(event:ResultEvent):void
{
// 显示收到的 "Flex hello" 数据
Alert.show(event.result.toString(), "提示");
}

private function faultHandler(event:FaultEvent):void
{
Alert.show(event.fault.toString(), "提示");
}
]]>
</fx:Script>

<mx:Button label="发送" click="remoteObject.getHelloWorld()"/>
</s:Application>


运行,就可以看到Flex从java中获取数据了。


最后需要注意的是:<mx:RemoteObject>标签的destination属性值必须跟remoting-config.xml文件里destination标签的id值一致!


如果您还是测试不成功,请注意以下几点:
1、核实HelloWorld.class文件已经在[tomcat-home]\webapps\blazeds\WEB-INF\classes\cn\riahome\java目录下;
2、检查remote-config.xml文件里是否已经添加了上述的<destination>标签;
3、有没有重启Tomcat服务器;
4、检查<mx:RemoteObject>标签有没有这两个属性:destination=”helloWorld”、source=”cn.riahome.java.HelloWorld”
5、打开Flex Project的属性面板,查看 Flex Compiler 里的Additional compiler arguments选项,是否已经有“-services”指令,如下图(通常在新建Project的时候就自动添加的)




6、打开Flex Project的属性面板,再次检查 Flex Server 里的 Root folder、Root URL、Conntext root,按一下 Validate Location 按钮测试是否成功
7、检查所有代码有没有错误


------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

升一下级,来个可以带参数的,而且发现上面写的flex文件有点复杂。

在java中,

public String getHelloWorldWithParam(String s){
return "Flex hello " + s ;
}


然后在mxml中,

<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
<mx:RemoteObject id="remoteObject" destination="helloWorld" source="cn.riahome.java.HelloWorld" result="resultHandler(event)" />
</fx:Declarations>

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

public function call():void{
var str:String = textArea.text;
remoteObject.getHelloWorldWithParam(str);
}

public function resultHandler(event:ResultEvent):void{
var newStr:String = event.result as String;
Alert.show(newStr);
}

]]>
</fx:Script>
<mx:TextArea x="191" y="245" id="textArea"/>
<mx:Button label="发送" click="call()"/>

就可以了。也不难。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值