Flex+BlazeDS整合J2EE实例

逃离我推掉我的手 2022-06-14 09:17 195阅读 0赞

对于很多Flex初学者来说，利用开源的BlazeDS进行Web开发是一个明智的选择，但是实际操作中却经常会遇到配置问题。我也从网上的教程到自己的实际操作，走了不少弯路，最后成功配置了开发环境，在此总结一下。

1）准备工作：

1.Flash Builder 4

我安装的是Flash Builder 4的插件版本，可以到Adobe中国官网上去下载，地址：[https://www.adobe.com/cfusion/tdrc/index.cfm?product=flash\_builder&loc=zh\_cn][https_www.adobe.com_cfusion_tdrc_index.cfm_product_flash_builder_loc_zh_cn]

我安装的是FlashBuilder\_4\_Plugin\_LS10.exe。

2.Eclipse

我安装的是MyEclipse 8.0版本，地址：[http://xiexiejiao.cn/java/myeclipse-8-0-ga-download-collection-linux-mac.html][http_xiexiejiao.cn_java_myeclipse-8-0-ga-download-collection-linux-mac.html]

我安装的是myeclipse-8.0.0-win32.exe。

3.BlazeDS

我下载的是turnkey版本，地址：[http://opensource.adobe.com/wiki/display/blazeds/Downloads][http_opensource.adobe.com_wiki_display_blazeds_Downloads]

我下载的是：blazeds-turnkey-3.2.0.3978.zip

由于BlazeDS Turnkey中包含BlazeDS的使用例子，对于入门熟悉Flex及BlazeDS都有较好的参考价值，因此建议下载BlazeDS Turnkey。

关于blazeds-turnkey 的目录说明：

docs：BlazeDS Javadoc

resources：BlazeDS的相关支持包，包括clustering（采用jgroups）、BlazeDS与ColdFusion 集成的配置文件、BlazeDS的配置文件、BlazeDS与AJAX集成的桥、Flex的SDK、Flex的java library、BlazeDS与Tomcat、Jboss、Websphere等security集成的支持包。

sampledb：hsqldb的启动脚本及样例数据库

tomcat：Tomcat 包

blazeds.war：最小化的BlazeDS 文件，可以作为空白项目来建立BlazeDS 应用程序。

sample.war：BlazeDS的demo例子（所谓的testdrive）。

ds-console.war ：BlazeDS的部署管理程序。

4.Apache Tomcat

我用的是apache-tomcat-6.0.20.exe，可执行文件版本，方便操作。

2） 过程：

打开MyEclipse，新建一个Web Project,名为FlexDemo.

![0_13311344802vaV.gif][]

2..在FlexDemo/src目录下新建类HelloWorld

Java代码如下：

package com.sjliang;

/\*\* 
       \* 功能: 
       \* 生成日期: 2010-5-13 
       \* 说明： 
       \* @author sjliang

\* @version V1.0  
       \* @修改日志:  
       \*/  
       public class HelloWorld \{

public HelloWorld() \{  
               \}

public String getHelloWorld(String name) \{  
                       return "Hello World!"+name;  
               \}  
        \}

3.部署应用FlexDemo到Tomcat服务器中，并启动服务。

![0_133113449508qP.gif][]

点击"Add",

![0_1331134500LzH3.gif][]

选择"Tomcat 6.x",然后点"Finish"

![0_13311345064fR4.gif][]

![0_133113451625Ca.gif][]

4.为FlexDemo添加blazeds支持：

解压BlazeDS.war到%TOMCAT\_HOME%/webapps目录下文件名为blazeds内包涵了WEB-INF和META－INF文件夹;

将%TOMCAT\_HOME%/webapps/BlazeDS/WEB-INF/lib目录下面所有jar文件拷贝到 flexDemo 的webRoot/WEB- INF/lib 目录下;

将%TOMCAT\_HOME%/webapps/blazeds/WEB-INF/flex 目录拷贝到Demo的webContent/WEB-INF 下;

拷贝%TOMCAT\_HOME%/webapps/BlazeDS/WEB-INF/ 下的web.xml覆盖flexDemo的 web.xml;

至此,我们的FlexDemo已经具备了blazeds 的功能.

5.为项目增加Flex支持，右键项目名称，点击“添加/更改项目类型”，“添加Flex项目类型”

![0_1331134521KIII.gif][]

![0_1331134527pW98.gif][]

![0_1331134531j9Z2.gif][]

点击"Finish".

6.编辑FlexDemo.mxml

代码：

<?xml version="1.0" encoding="utf-8"?> 
<s:Application xmlns:fx="[http://ns.adobe.com/mxml/2009][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\[ 
   protected function button1\_clickHandler(event:MouseEvent):void 
   \{ 
    // TODO Auto-generated method stub 
    var iname:String=tiName.text;             
    say.getHelloWorld(iname);             
   \} 
  \]\]> 
 </fx:Script>

<fx:Declarations> 
   
  <s:RemoteObject id="say" destination="helloWorld"/> 
 </fx:Declarations> 
  
 <s:Button x="335" y="80" label="Click" click="button1\_clickHandler(event)"/> 
 <s:TextInput x="159" y="80" id="tiName"/> 
 <s:Label x="109" y="82" text="name: "/> 
 <s:Label text="\{say.getHelloWorld.lastResult\}" x="44" y="162" width="448" 
    height="71" id="lbView" color="\#FCEE09" fontSize="20" fontWeight="bold" 
    textDecoration="underline" fontStyle="normal"/> 
</s:Application>

编辑WEB-INF/flex/remoting-config.xml文件：

<destination id="helloWorld"> 
       <properties> 
          <source>com.sjliang.HelloWorld</source> 
       </properties> 
     </destination>

![0_133113453755Xm.gif][]

7.右键项目名称，点击properties/Flex构建路径，修改输出文件夹 URL；

![0_1331134542JPEj.gif][]

点击properties/Flex编译器修改Flex SDK 版本

![0_1331134548su4j.gif][]

8.运行FlexDemo.mxml即可

![0_13311345532GRV.gif][]

![0_1331134558KnUk.gif][]

转自：http://blog.csdn.net/liang\_shujian/article/details/5629637

[https_www.adobe.com_cfusion_tdrc_index.cfm_product_flash_builder_loc_zh_cn]: https://www.adobe.com/cfusion/tdrc/index.cfm?product=flash_builder&loc=zh_cn
[http_xiexiejiao.cn_java_myeclipse-8-0-ga-download-collection-linux-mac.html]: http://xiexiejiao.cn/java/myeclipse-8-0-ga-download-collection-linux-mac.html
[http_opensource.adobe.com_wiki_display_blazeds_Downloads]: http://opensource.adobe.com/wiki/display/blazeds/Downloads
[0_13311344802vaV.gif]: /images/20220614/bfcb0b0858f54e58844101fa74e98818.png
[0_133113449508qP.gif]: /images/20220614/33ef8f2c59424167a33e0a83e594fdc0.png
[0_1331134500LzH3.gif]: /images/20220614/7672c260aff64788bea61b0b9098a190.png
[0_13311345064fR4.gif]: /images/20220614/01cf7dd84b3d4d73ad4ea38df890c806.png
[0_133113451625Ca.gif]: /images/20220614/d2b2a76994174b7285dde9a69580374b.png
[0_1331134521KIII.gif]: /images/20220614/4061c5f62f644cf3912b52f4b8c489b2.png
[0_1331134527pW98.gif]: /images/20220614/63c43f3fdc6641c0a64089d6aadb2404.png
[0_1331134531j9Z2.gif]: /images/20220614/5489e291c4ee41fb943a6d94780a2e12.png
[http_ns.adobe.com_mxml_2009]: http://ns.adobe.com/mxml/2009
[0_133113453755Xm.gif]: /images/20220614/7aa2bbcac3894c6b81db803ed05724d7.png
[0_1331134542JPEj.gif]: /images/20220614/a147e585ca8a4231bfedb5bbe099a1f7.png
[0_1331134548su4j.gif]: /images/20220614/ebb7b19aaa8843c599a0744941717e33.png
[0_13311345532GRV.gif]: /images/20220614/fa88aacd675349e3a449c0fc3b472fe7.png
[0_1331134558KnUk.gif]: /images/20220614/5f682c7569884749b84ed1d86bfa669b.png