将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文件，个人以下所示：

 <?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.controls.Alert;
             protected functionbutton1_clickHandler(event:MouseEvent):void
             {
                 // TODO Auto-generated method stub
                 Alert.show("Hello World !",'提示' );
             }
         ]]>
     </fx:Script>

     <fx:Declarations>
         <!-- 将非可视元素（例如服务、值对象）放在此处-->
     </fx:Declarations>
     <s:Button x="486" y="203" width="85" height="49" label="点击我！" click="button1_clickHandler(event)"/>
 </s:Application>

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

 

 

 

   整个项目结构以下所示：

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

     

     若是有须要，你能够下载此文章，点我下载

  

      为方便你们学习，本人也将这个工程上传到资源里面去了，若是须要，你能够去下载：点我下载项目