您的位置:首页 > 编程语言 > Java开发

Flex同Java通信--BlazeDS入门图文详解(上)

2013-03-12 16:52 477 查看
转:http://www.cnblogs.com/iloveWater/archive/2011/10/14/2212382.html

以前做项目时因为时间关系,囫囵吞枣状态下完成了,现在回头仔细研究了下究竟各种配置到底是什么意思,起什么作用,以一个什么的流程来建立通过BlazeDS通信的Flex+Java程序比较合理,在程序运行时遇到那些问题时是配置的原因,又怎样去修改配置,让一个代码逻辑没有问题的程序可以正常运行,现将研究的成果记录下来,分享+备忘。

本篇文里主要介绍如何创建一个工程,并设置好相应的配置。

后续将介绍项目如何正确同步到Tomcat服务器,请期待Flex同Java通信--Blazed入门图文详解(下)


前期准备

本文所用软件:

Eclipse IDE for Java EE Developers
Flash Builder 4.5 Plugin-in
Tomcat 7
BlazeDS 4

以上软件官网均可下载,或试用,或免费 ,或者最一了百了的方法——购买

环境搭建:

1.将Eclipse和FlashBuilder正确安装,配置好JDK;

2.Tomcat和BlazeDS解压,将blazeds.war文件解压,放到此目录中——\Tomcat7.0.12\webapps 。


创建Flex Project工程

本文采用Flex和Java 放置在同一工程中的方式,根据向导提示创建工程,没有什么复杂的,稍微留心就可以,尤其是Flash Builder4.5,已经消除了之前设置某些参数无效的bug。

1. 工程基本信息,其中FlexSDK可以根据自己的开发需要选择;



2. Java部分的设置



Tips:Java source folder 用于放置Java代码的文件夹,名称可以根据自身习惯设置;

Target runtime 配置好的Tomcat,此处必须选一个,否则无法进行创建;

Context root 用于设置将哪些URL请求通过Tomcat转发到Web应用,此处必须与工程名相同

Content folder 这是最终编译后的容器目录,blazeds.war文件将会发布到该目录下的WEB-INF下的flex目录中,此处需跟Context root 的设置一样

否则在使用RemoteObject与Java进行通信时会报错,目前还没找到原因,若有明白人,望指点一下;若开发环境使用MyEclipse,将文件名设置为

WebContent,可以自动部署;

Output folder 用于存放Flex编译后的swf和html等文件存放的路径,若为了编译文件的整齐,可以选择放在Content folder\bin等一个单独文件夹中,

因为习惯问题我设置为一样的;

3. Flex部分的设置



Tips:Main source folder 用于放置Java代码的文件夹,名称可以根据自身习惯设置;

Main application file 默认运行的swf对应的代码文件;

Output folder url 程序运行的主链接;

生成的工程结构如图所示:




Flex与Java通信的配置

1.示例后台Java类

在"Demos/java_src”文件夹下添加com.Demos.DemoServices类,其完整代码如下:

package com.Demos;
public class DemoServices {
public String testRemoteServices(String var1) {
return "Test is ok"  + var1;
}
}


2.示例前端Flex应用

修改"Demos/flex_src”文件夹下添加Demo.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:Script>
<![CDATA[
import mx.rpc.events.FaultEvent;
import mx.rpc.events.ResultEvent;

//用于返回结果正确时的处理事件
private function method1_resultHandler(event:ResultEvent):void
{
testResult.text = event.result.toString();
}

//用于返回结果错误时的处理事件
private function method1_faultHandler(event:FaultEvent):void
{

}

private function button1_clickHandler(event:MouseEvent):void
{
var testResults:String = testBtn.label;
demoServices.testRemoteServices(testResults);
}

]]>
</fx:Script>

<fx:Declarations>
<s:RemoteObject destination="com.Demos.DemoServices" id="demoServices">
<s:method name="testRemoteServices" result="method1_resultHandler(event)"/>
</s:RemoteObject>
</fx:Declarations>

<s:VGroup paddingTop="100" horizontalAlign="center" width="100%">
<s:Button id="testBtn" label="测试通信" click="button1_clickHandler(event)"/>
<s:TextInput id="testResult"/>
</s:VGroup>
</s:Application>


3.通信配置

代码编写完成后,首先将"Tomcat7.0.12\webapps\blazeds\WEB-INF”文件夹拷贝替换"Demos\Demos\WEB-INF;然后需要修改位于

"Demos\Demos\WEB-INF\flex”文件夹中remoting-config.xml文件,为其添加以下代码:
<destination id="com.Demos.DemoServices">
<properties>
<source>com.Demos.DemoServices</source>
</properties>
</destination>


Tips:id 也可以用代码中的demoServices;

Source 一定要跟Java类的名称完全一样,否则会报找不到类或者没有Channel的错误。
工程源码: /Files/iloveWater/Demos.zip


扩展阅读:

flex基本通信方式比较及BlazeDS和LCDS比较(文中清晰介绍了BlazeDS所支持的功能,喜欢博主的图文清晰,推荐一下)
flex与java--Blazeds学习(配置)(文中介绍了本文没提到Flex+Java项目创建及配置方式,博文很清新,推荐)
Building a Flex application that connects to a BlazeDS Remoting destination using Flash Builder 4.5(文中的样例代码就是来自于这里,是官方的博,老外典型的教程,清晰,严谨,废话木有,就是英文的)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: