Flex+java開發環境配置

     最近在做個項目。前端是用flex來寫，後臺用java，數據庫就用mysql。定了以後開始配環境。網上這方面的資料很多都是不負責任的，照着來的話也會有不少的問題，把自己的配置方法寫下來，希望需要的人能用得上。

 需要下載的軟件

1. Myeclipse：這個就不多說了，開發Java要用，這裏對版本沒要求，我用的是8.0版本的。
2. Tomcat6.0：http服務器。
3. Flex builder3.0：flex的IDE，現在有4.0版本了，還是覺得3.0順手一點，下載地址在迅雷上就找得到，破解也容易找。我沒用插件版的，用的是獨立的IDE。
4. Mysql5.0：相當喜歡的數據庫
5. Mysql GUI tools：Mysql的圖形化管理軟件，要先裝Mysql後再裝這個。
6. blazeds：這個是要配置到tomcat上的，目的是讓tomcat支持遠程調用java。大多數教程都使用FDS（這個很老了），進化版本是LCDS。用LCDS2.5的教程也很多，它支持動態編譯mxml文件，但是隻能編譯AS2，現在已經是AS3了，所以有些AS3的語法會不認，編譯的時候會報錯。要用LCDS的話，就用高於2.5的版本。但是2.5以上的版本不支持動態編譯，所以要在flex建工程的時候設置。blazeds的使用方式跟LCDS一樣，但是這個是免費的。個人推薦使用blazeds。這裏可以下載：http://opensource.adobe.com/wiki/display/blazeds/Release+Builds
7. jotm：這個也是要配置到tomcat上的，給tomcat增加事物管理功能。
8. mysql-connector-java.jar：連數據庫少不了這個。

 開始安裝

    上面這一坨軟件裏面Myeclipse，Tomcat，Flex builder，Mysql，Mysql gui tools，正常安裝。我安裝的路徑是：

1. MyEclipse：E:/IDE/Myeclipse。
2. Tomcat：E:/Server/Tomcat 6.0。下文會使用“[tomcat-home]”來代替這長長的目錄路徑。
3. Flex builder：E:/IDE/FB3.
4. Mysql：E:/Database/MySQL/MySQL。
5. Mysql gui tools：E:/Database/MySQL/GUI。

     繼續，把jotm解壓，解壓後lib文件夾裏面的jar文件拷貝到 [Tomcat_Home]/lib 裏面，mysql-connector-java.jar也一樣拷進來。blazeds解壓後，我們只要blazeds.war這個文件，把它拷貝到 [Tomcat_Home]/webapps 目錄下。重新啓動tomcat，這時候會在webapps文件夾下生成blazeds文件夾。這樣整個軟件安裝就完成了。

創建工程的方法

    先寫一個java程序，名字爲HelloWorld.java，代碼如下：

    package Tree; public class HelloWorld { public HelloWorld(){} public String getHelloWorld() { return "Hello World!"; } }  

  編譯這個文件，生成HelloWorld.class，把這個文件拷貝到：[tomcat-home]/webapps/blazeds/WEB-INF/classes/Tree。

  創建flex工程的步驟是：

 

    1.   打開flex builder，file-->新建-->flex project，設置如圖：

 

  2.  下一步：注意上面三項，root folder指向的是 [Tomcat-home]/webapps/blazeds，後兩個跟圖設置一致。設置完成後啓動tomcat點擊Validate Configuration按鈕，設置正確的話會成功。

  3.   flex文件的代碼是：

   <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:Script> <![CDATA[ import mx.rpc.events.FaultEvent; import mx.controls.Alert; import mx.rpc.events.ResultEvent; private function resultHandler(event:ResultEvent):void { // 顯示收到的 "Hello World!" 數據 Alert.show(event.result.toString(), "提示"); } private function faultHandler(event:FaultEvent):void { Alert.show(event.fault.toString(), "提示"); } ]]> </mx:Script> <mx:RemoteObject id="remoteObject" destination="helloWorld" source="Tree.HelloWorld" result="resultHandler(event)" fault="faultHandler(event)"/> <mx:Button label="發送" click="remoteObject.getHelloWorld()"/> </mx:Application>

  4.  還沒有結束，要設置[Tomcat-home]/webapps/blazeds/web-inf/flex/remoting-config.xml，吧下面的代碼添加到xml根節點下：

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

  注意這裏的id就是mxml代碼裏面RemoteObject對象的destination屬性。source指向的就是我們拷貝到web-inf/classes裏面編譯後的class文件。

  完成，重啓tomcat。在flex builder裏面點運行，看到Hello world，成功！