將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工程按照我這樣的方法，你也是能夠配置成功的！  

     

     若是有須要，你能夠下載此文章，點我下載

  

      爲方便你們學習，本人也將這個工程上傳到資源裏面去了，若是須要，你能夠去下載：點我下載項目