将Java项目与Flex4整合

简化版：

 

java+flex开发环境在此不再介绍，SSH架构的java项目的搭建也不再多说（示例项目采用tomcat作为服务器，端口为9080）。

    首先，解压blazeds.war,将得到的messageing-config.xml,proxy-config.xml,remoting-config.xml,services-config.xml四个文件复制到WEB-INF下的flex文件夹下，将以下jar包复制到项目中，web.xml中添加以下代码

<servlet>  <display-name>MessageBrokerServlet</display-name>  <servlet-name>MessageBrokerServlet</servlet-name>  <servlet-class>flex.messaging.MessageBrokerServlet</servlet-class>  <init-param>   <param-name>services.configuration.file</param-name>   <param-value>/WEB-INF/flex/services-config.xml</param-value>  </init-param>  <load-on-startup>11</load-on-startup> </servlet>

 

 

右击项目，选择添加/更变项目类型------添加flex项目类型，如下图：<!--StartFragment --> 

 

 选择j2ee服务器，

，至此，项目添加flex支持完成，需要修改mxml源目录输出目录看下文。

 

 

 

 

 

 

详细版：

本文主要记录了怎么将Flex与Java项目整合在一起。

      话说网上说了很多方法，可是都是复制来复制去，千篇一律，那种先新建一个JavaEE项目然后发布，再在此基础上和Flex整合虽然我整合成功了，可是那种与本地路径在一起，拷到另一个地方似乎就不能运行了，而本方法将彻底解决这个问题！

     由于本人工作中习惯了用嵌入式Tomcate，所以本文也不例外使用嵌入式Tomcate。至于嵌入式Tomcate的好处，本人就不多说了，想知道网上查查就知道！

      本文的开发环境为：

       1.window7 64位

    

       2.JDK 6，Tomcat为嵌入式Tomcate 5.5

     

       3.Flex4

     首先你得自己建一个Java Project,在此提醒一下，不是JavaEE项目啊！我将其命名为JavaAndFlexDemo，如下所示：

     

   

    接着来配置嵌入式Tomcate，这个我就不说了，你可以参照我前面写的文章配置嵌入式Tomcate的方法：图文并茂、手把手教你怎么配置嵌入式Tomcat

    这是我配置好了的：

 

    

     接下来就是开始将Java项目与Flex项目整合！

     首先你得将下载的blazeds.war解压缩，解压缩后如下所示：

     将这两个文件夹拷贝放在刚才的项目WebRoot下，注意也要讲WEB-INF/lib下面的jar添加到项目路径下：

      好，下面是关键的一步，对着项目右键，在“添加/更改项目类型”中选择“添加flex项目类型”

     弹出对话框，选择“下一步”，接着如下所示：

     这里在“应用程序服务器类型”选择“无/其它“，点击“完成

      但是应用程序会报错，说是“无法创建 HTML 包装器。右键单击此处以重新创建文件夹 html-template”，你可以对着这个问题单击右键，选择“重新创建HTML模板，问题就可以解决！

   

  

      接着在项目目录src下创建存放flex  mxml的文件夹，我的是com.iman.mxml,然后将刚才那个mxml文件移进去，如下所示：

  

      接着在WebRoot下建一个存放输出文件夹，我的是WebRoot\page\swf,如下所示：

     

 

      接着对着项目右键，选择“属性”，在弹出的对话框中找到“Flex 构建路径”，现在分别配置“主源文件夹”和“输出文件夹”，通过浏览，分别添加到“src\com\iman\mxml”和“WebRoot\page\swf”，如下所示

别找：

   

    好了，这样算是配置完成了，接下来验证下自己的mxml可不可以发布到Tomcate服务器下呢

    修改JavaAndFlexDemo.mxml文件，我的如下所示：

view plainprint?

1. <?xml version="1.0"encoding="utf-8"?>  
2. <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
3.                xmlns:s="library://ns.adobe.com/flex/spark"  
4.                xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955"minHeight="600">  
5.      
6.     <fx:Script>  
7.         <![CDATA[ 
8.             import mx.controls.Alert; 
9.             protected functionbutton1_clickHandler(event:MouseEvent):void 
10.             { 
11.                 // TODO Auto-generated method stub 
12.                 Alert.show("Hello World !",'提示' ); 
13.             } 
14.         ]]>  
15.     </fx:Script>  
16.      
17.     <fx:Declarations>  
18.         <!-- 将非可视元素（例如服务、值对象）放在此处-->  
19.     </fx:Declarations>  
20.     <s:Button x="486" y="203" width="85" height="49" label="点击我！" click="button1_clickHandler(event)"/>  
21. </s:Application>  

       保存，运行嵌入式Tomcate，在浏览器地址栏输入http://localhost:8080/embeddedTomcat/page/swf/JavaAndFlexDemo.html，如果JavaAndFlexDemo.mxml成功运行了说明你配置成功了！，我的效果如下所示：

 

 

 

   整个项目结构如下所示：

     本人也试过了，你按照传统的那种Myeclipse新建一个JavaEE工程按照我这样的方法，你也是可以配置成功的！  

     

     如果有需要，你可以下载此文章，点我下载

  

      为方便大家学习，本人也将这个工程上传到资源里面去了，如果需要，你可以去下载：点我下载项目