注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

小木舟的博客

笔墨生活随想,记录似水年华。

 
 
 

日志

 
 

用Flex、Eclipse和blazeds_turnkey实现Flex与Java交互的相关配置和简单示例  

2010-03-27 18:19:44|  分类: 编程学习 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

由于图片太多,这里只提供无图片版本完整版本可到该链接下载。

前段时间在学习FlexJava的交互,在网上搜索开发环境配置教程的时候,发现网上的很多教程都讲得不够详细,而且模糊,更加郁闷的是,搜来搜去就那几篇,其他到处都是粘贴的复制品。这让我当时倍感痛苦。 

好了,废话不多说,以上就是我写这篇文章的原因。现在进入主题。

一、     所需的工具

l  Flex Builder 3.0 SDK

l  Eclipse 3.4.2 (绿色版)

l  blazeds_turnkey_3-0-0-544turnkey版带有tomcat服务器,无需自己安装服务器

l  当然,安装上面工具之前,还得先安装JDKJDK的安装和环境变量的配置参见其他说明。

二、     安装

l  Flex Builder 3.0 SDK:直接双击安装即可,路径随便选,我的所选路径是:D:\Program Files\Adobe\Flex Builder 3

l  Eclipse:将下载的文件直接解压到任意路径,我是解压放在D盘,路径是:D:\eclipse

l  blazeds_turnkey:将下载下来的blazeds_turnkey压缩包解压放在D盘根目录下,如路径为:D:\blazeds

 

三、     新建工程前对Tomcat服务器的预备配置

如果之前在本机中安装了Tomcat服务器,blazeds_turnkey中自带的tomcat的相关启动配置之类的参数会指向已经安装的tomcat服务器的相关目录,所以我们需要对blazeds_turnkey中的tomcat进行重新配置。如果之前没有安装tomcat服务器的话,就无需要再重新配置。

进入D:\blazeds\tomcat\bin,双击打开tomcat6w.exe,按下面图片所示的进行参数配置:

General选项栏中:

Log On 选项栏按照默认,在Logging选项栏中:

Java选项栏中:(其中需要将Java Options中变量的路径改为相应的现在blazeds_turnkey中的tomcat的路径)

Startup选项栏:

Shutdown选项栏:

四、     新建工程开发中的相关配置

下面以一个简单的Hello工程为例子来说明相关的参数配置。

进入路径D:\blazeds\tomcat\webapps,在该目录下新建一个名称为Hello的文件夹,该文件夹就是我们存放工程的地方。WebappsTomcat服务器发布应用程序的地方。

D:\blazeds根目录下的blazeds.war文件的后缀名改为.rar,然后解压出META-INF文件夹和WEB-INF文件夹,并将这两个文件夹复制到上面刚刚新建的Hello文件夹的目录下,其中WEB-INF是存放服务器端相关文件的文件夹。

打开Flex Builder,新建工程Hello,相关配置如下所示:

点击Next按钮,进入下一步配置,相关配置如下所示:

填写完Server location 的信息之后,需要点击Validate Configuration按钮 进行路径时候有效的验证。如果在之前没有将META-INF文件夹和WEB-INF文件夹这两个文件夹拷贝到Hello目录下的话,会出现如下所示的错误:

    点击Next按钮进入下面的配置,如下图所示:

最后按Finish按钮完成客户端开发的配置。

接下来对服务器端的开发进行配置。

打开Eclipse SDK,新建名称为HelloJava project工程,Contents信息框需要选择Create project from exiting source,然后在Directory中选择一下路径:D:\blazeds\tomcat\webapps\Hello\WEB-INF,如下图所示:

    点击Next按钮进入下一页配置,需要下面的Default output folder选项的路径改为Hello/classes,点击Browse按钮可进行选择,如下图所示,选择classes文件即可。其他无需配置,直接点击Finish完成。

    新建好Hello项目的服务器端工程之后,在Eclipse 中,展开Hello工程,将src文件设为源文件,操作如下:右击src文件,选择New,然后选择Source Folder,在出现的对话框中,在Folder name输入框中,单击Browse按钮,再在出现的对话框中选择src文件,点击ok即可。配置好如下图所示:

Finish按钮,完成。

    接下来,右击src文件,选择New -> Package新建一个包,名字为flex.hello。再右击该新建的包flex.hello。选择New -> Class 新建一个类,命名为Hello,如下所示:

完成上面的步骤之后,Hello工程的展开如下图所示:

    现在写源代码。在新建的类Hello中,输入以下代码:

package flex.hello;

 

public class Hello {

    public String sayHello(String str){

       System.out.println("Hello "+ str);

       return "Hello " + str;

    }

}

    完成之后,点击flex文件,展开目录,双击打开remoting-config.xml配置文件,在<service></service>根标签里面添加下面的代码:

     <destination id="hello">

    <properties>

        <source> flex.hello.Hello</source>

    </properties>

</destination>

完成对remoting-config.xml文件的配置之后,我们还需要对services-config.xml文件进行配置。双击打开该文件,在<services></services>标签里面添加以下代码:

<default-channels>

             <channel ref="my-amf"/>

    </default-channels>

完成后如下图所示:

好了!!!好现在为止,我们已经完成了对服务器端开发的配置了。接下来我们要完成客户端的代码以及相关的配置。

Flex Builder中展开Hello工程的目录,双击打开Hello.mxml文件,输入以下代码后保存:

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

    <mx:Script>

    <![CDATA[

       import mx.rpc.events.FaultEvent;

       import mx.rpc.events.ResultEvent;

      

       [Bindable]

       private var helloResult:String;

      

       private function sayHello():void{

           ho.sayHello(inputText.text);

       }

      

       private function resultHandler(event:ResultEvent):void{

           helloResult = event.result as String;

       }

    ]]>

</mx:Script>

<mx:RemoteObject id="ho" destination="hello" result="resultHandler(event)" />

<mx:Label text="{helloResult}" fontSize="12"  x="166.5" y="170" width="181" height="58" textAlign="center" fontWeight="bold"/>

    <mx:TextInput x="22" y="49" width="250" height="46" id="inputText" fontWeight="bold" fontSize="12"/>

    <mx:Button x="297.5" y="49" label="发送" width="88" height="46" fontSize="12" click="sayHello()"/>

</mx:Application>

进入D:\blazeds\tomcat\bin,双击打开tomcat6.exe,启动tomcat服务器。如果之前已经启动了tomcat服务器,需要先停止tomcat服务器,再重新启动。停止和重新启动tomcat服务器,双击打开tomcat6w.exe进行操作即可。

到这里,我们的配置就算是已经完成了。

Flex Builder中运行Hello.mxml,出现以下界面:

在输入框中数据任何字符,点击发送按钮之后,该客户端程度都将会通过与服务器端的交互,在经过服务器端程序的处理,而返回如“Hello …”之类的提示。比如我们在输入框中输入kaka,点击发送按钮之后,将会接收到Hello kaka。如下图所示:

大功告成!

  评论这张
 
阅读(2258)| 评论(1)
推荐

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017