Myeclipse+Flexbuilder

2009-03-19MyEclipse6.0+FlexBuilder3外掛程式

關鍵字: flex

一、準備工作：

所需要的軟體：

Eclipse 3.3 :  www.eclipse.org

FlexBuilder3 beta2 外掛程式版: FB3_WWEJ_Plugin

MyEclipse 6.0：http://www.myeclipseide.com/

Lcds ds-console.war：ds-console.war

Tomcat 5： http://tomcat.apache.org/
 

二、安裝過程：

1.       安裝MyEclipse6.0(在此不再詳述)。

2.       安裝FlexBuilder3 beta2 外掛程式版(FB3_WWEJ_Plugin.exe)，請參考所示

（1）雙擊可執行檔

（2）彈出對話方塊，不用管它，直接點擊”OK”就可以了

（3）現在是詢問你是否要安裝FLEX BUILDER 3外掛程式，選擇“next”。

（4）現在是詢問你是否同意協議，選擇“同意”，點擊“next”按鈕。

  （5）請你選擇FLEX BUILDER的安裝路徑，你可以自行選擇，然後點擊“next”按鈕。

  （6）注意：這一步很重要，是要你選擇MyEclipse6.0中的Eclipse的安裝路徑，請仔細選擇。

然後點擊“next”按鈕即可。

  （7）然後彈出讓你耐心等待的介面，過一會兒然後彈出一個對話方塊，詢問你是不是安裝的是Eclipse3.2或3.3以及更高版本，請大家選擇“Proceed with Caution”按鈕即可。

（8）此介面是詢問你是不是要安裝IE和FireFox瀏覽器上的flash play 9，我還是希望大家兩項都選，便於調試。然後點擊“next”按鈕。

 （9）快顯視窗，點擊“安裝”。

 

 （10）開啟你FlexBuilder外掛程式安裝的檔案夾，開啟下面的“eclipse”檔案夾，可以看到裡面有features和plugins兩個檔案夾，將他們copy到MyEcipse6.0下的eclipse檔案夾下的features和plugins兩個檔案夾內（一一對應上，不要放錯）。

（11）然後將FlexBuilder外掛程式安裝的檔案夾中的sdks放入到MyEcipse6.0下的eclipse檔案夾下。
（12）配置基本完成。只是你就可以在MyEclipse6.0下切換視圖，從中找到Flex對應的的視圖結構。

 

 

在MyEclipse6.0中部署FLEX的WEB工程的過程

 

1）  建立Flex項目，首先在MyEclipse下開啟Flex視圖，右鍵建立Flex工程。

在其中輸入項目名稱，點擊“Next”按鈕。

  2）此頁面點擊“New”按鈕（為了建立Tomcat伺服器）

PS：此處的output folder應該是context folder一樣，都是WebRoot
 

建立TomCat伺服器，如所示

注意一定要選擇和你MyEclipse下對應的TomCat版本，然後點擊“Next”按鈕，進入下一個介面，點擊“finish”即可。

 

 

3）  回到了第二步的介面，點擊“Brower..”按鈕，選擇ds-console.war這個檔案（此檔案需要安裝lcds軟體，
我們只是要此軟體下的這個war檔案即可，對於此軟體的安裝，沒有特殊的地方，正常安裝即可完成），
最後點擊“Next”即可進入以下介面，點擊完成即可。

 

  4）  此時Flex項目已經建立好，再切換到MyEclipse視圖下，：

 

 

各個包的講解：

src:放的是Java的項目包

flex_src:放的是Flex項目用的檔案

（實際上這個項目是有兩個項目架構組成的）

 5）在項目上右鍵，向Flex項目中加入Web支援（作用：為了讓TomCat可以載入此項目，因為Tomcat只可以載入Web項目），如所示：
 

6）  彈出的對話方塊後，將下面的Create web.xml這一項的對勾去除（因為項目下面已經存在了web.xml檔案，
所以去除掉。），點擊“Finish”按鈕即可。

  7）  項目已經全部搭建完成。（可以發現項目的表徵圖變為兩個地球的樣子）
 

在Flex中完成項目各個檔案的部署工作

 

1）我們先總體看一下項目現在的樣子

 

 

可以看到其中有一個Flex_J2eeDemo.mxml檔案，它就是Flex項目的應用程式的入口位置，

項目的開始都是從這裡開始的，一個項目中只有一個這樣的檔案，其他均是組件檔案。

2）Flex項目的分層結構，是我現在的項目樣子：