Skip to content
 

Flex + blazeds + Java入门搭建与简单应用

        关键词:今天主要想通过图文和对关键步骤的解释一步一步让大家了解如何利用MyEclipse 新建Flex的blazeds工程,初步掌握blazeds的简单应用。客套话就不说了,关于什么是blazeds,作什么用的,这个在这里就不讲了,这个请大家上网Google一下吧。

 一、开发环境

        MyEclipse 6.5 + FlexBuilder3插件版 +blazeds+ Tomcat 6

 二、基本的搭建

      1、新建flex工程,工程名为:HelloBlazeds

           首先选择File -> new -> Flex Project

1)、新建工程向导一

 1-1

注意:java source folder要改成src,这是存放java源代码的文件目录

2)、新建工程向导二

 1-2

注意:  1、Target runtime就选择要布署的tomcat;

2、Context root填写项目工程名;

3、Content folder要改成WebRoot,因为MyEclipse默认发布在WebRoot;

 4、Flex WAR file指的是blazeds.war所在绝对位置;

5、Compilation options指定了flex文件的编译方式;

6、Output folder 是编译后文件存放的路径,这里改为了WebRoot\bin,这是需要非常注意的地方。

 

对于Target runtime选择要布署的tomcat的示例图:

1-server 

选择Apache下的Tomcat V6.0 Server,点击Finish就完成了!

3)、新建工程向导三

1-3

注意:Output folder URL 改成工程下的bin目录,并注意端口,我的tomcat的端口是8008,可以根据实际的进行更改。

4)、新建工程向导四

 点击Finish后,生成的项目目录是:1-4

2、Flex工程变成为J2EE的Web工程。

在部署前先把刚才建好的Flex工程变成为J2EE的Web工程。

在工程上点击右键,选择MyEclipse下的Add Web Project Capabilities…

1-5

注意:把Create web.xml选项取消,因为它会重新新建web.xml把Blazeds创建的web.xml文件覆盖。

现在你可以看到在工程上有两个绿球的图标,这样工程就转成了web工程并可以进行布署和添加其它的开源框架了。

1-7 

三、布署Flex工程

    1、布署向导一

1-8 

点击布署图标。 

2、布署向导二

在Project中选择要布署的项目,并点击”Add”。

1-9

3、布署向导三

在此Server中选择Tomcat服务器后,点击 Finish。

 1-10

4、布署向导四

成功布署后的界面,并点击OK。这样项目布置就成功了!

1-11

5、布署向导五

在布署成功后我们还要来修改一下访问的路径,选择项目并单击右键,选择Properties。

 1-12

修改Flex Build Path选项下的Output folder与它的URL,主要是为了在编译调试时方便,对发布没有影响。

1-13

接着修改Flex Server下的Context root为项目的根目录名(/HelloBlazeds)

1-14

在布署与访问路径设置后,我们再来启动服务器1-15

 

 

 

 

 

等服务器启动完毕后,我们来访问项目工程的主页(HelloBlazeds.mxml)。1-16

在默认的浏览器中看到页面了吧!

1-17

在浏览器的地址栏中显示了当前的访问路径,就是刚才我们的路径设置。

这样,我们的项目已完成了第一步,将Flex与blazeds在MyEclipse中整合成了J2EE web项目,为接下的具体应用做好了准备。

四、基本应用

在这里,我们通过blazeds为我们建立起的flex与java的RemoteObject(远程对象)通道进行开发的基本应用。

1、 应用步骤一  

首先把当前MyEclipse编辑视图状态切换到的MyEclipse java Enterprise perspective状态

1-18 

熟悉的项目导航出现了吧!

1-21 

3、 应用步骤二

在src下的com.hello.test包下建一个HelloService类

1-22

4、 应用步骤三

并编写以下代码:

package com.hello.test;

public class HelloService {

    public String returnSay(String str){

       return “hello,欢迎”+str+”使用Blazeds”;

        }

}

5、 应用步骤四

回到flex视图状态,配置Remoting-config.xml

1-24

Remoting-config.xml中代码如下:

<service>

    <adapters>

  <adapter-definition default=”true”/>

    </adapters>

    <default-channels>

        <channel ref=”my-amf”/>

    </default-channels>

     <destination>

        <properties>

            <source>com.hello.test.HelloService</source>

            <scope>request</scope>

        </properties>

    </destination>

</service>

说明:destination标签指定的是VO对象,id是Flex中请求的destination,source 指的是src下的Java类的路径

6、 应用步骤五

找到flex_src下的HelloBlazeds.mxml,在此文件中编写代码。

1-25

<?xml version=”1.0″ encoding=”utf-8″?>

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

<mx:Script>

       <![CDATA[

           import mx.controls.Alert;

           import mx.rpc.events.ResultEvent;

           public function init():void{

              myservice.sayHello(this.putname.text);   

           }

           public function resultHandler(result:ResultEvent):void{

              var vName:String = result.result as String;

              Alert.show(vName);

           }

       ]]>

    </mx:Script>

    <mx:RemoteObject destination=”myBlazedsRemoteObject” result=”resultHandler(event)”/>

    <mx:Button x=”203″ y=”59″ label=”提交” click=”init()” fontSize=”12″/>

    <mx:TextInput x=”35″ y=”59″/>

</mx:Application>

7、 应用步骤六

重新布署运行HelloBlazeds.mxml文件,在文件框中输入内容,点击提交,就看可以看到效果了。

1-last

 

到这里,本篇文章就结束了!谢谢!

 

 

留下评论