天天看點

Myeclipse+Flexbuilder

2009 - 03 - 19

MyEclipse6.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)輕按兩下可執行檔案

Myeclipse+Flexbuilder

(2)彈出對話框,不用管它,直接點選”OK”就可以了

Myeclipse+Flexbuilder

(3)現在是詢問你是否要安裝FLEX BUILDER 3插件,選擇“next”。

Myeclipse+Flexbuilder

(4)現在是詢問你是否同意協定,選擇“同意”,點選“next”按鈕。

Myeclipse+Flexbuilder

  (5)請你選擇FLEX BUILDER的安裝路徑,你可以自行選擇,然後點選“next”按鈕。

Myeclipse+Flexbuilder

  (6)注意:這一步很重要,是要你選擇MyEclipse6.0中的Eclipse的安裝路徑,請仔細選擇。

Myeclipse+Flexbuilder

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

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

Myeclipse+Flexbuilder

(8)此界面是詢問你是不是要安裝IE和FireFox浏覽器上的flash play 9,我還是希望大家兩項都選,便于調試。然後點選“next”按鈕。

Myeclipse+Flexbuilder

 (9)彈出視窗,點選“安裝”。

Myeclipse+Flexbuilder
Myeclipse+Flexbuilder

 (10)打開你FlexBuilder插件安裝的檔案夾,打開下面的“eclipse”檔案夾,可以看到裡面有features和plugins兩個檔案夾,将他們copy到MyEcipse6.0下的eclipse檔案夾下的features和plugins兩個檔案夾内(一一對應上,不要放錯)。

Myeclipse+Flexbuilder

(11)然後将FlexBuilder插件安裝的檔案夾中的sdks放入到MyEcipse6.0下的eclipse檔案夾下。

(12)配置基本完成。隻是你就可以在MyEclipse6.0下切換視圖,從中找到Flex對應的的視圖結構。

Myeclipse+Flexbuilder

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

1)  建立Flex項目,首先在MyEclipse下打開Flex視圖,右鍵建立Flex工程。

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

Myeclipse+Flexbuilder

  2)此頁面點選“New”按鈕(為了建立Tomcat伺服器)

Myeclipse+Flexbuilder

PS:此處的output folder應該是context folder一樣,都是WebRoot

建立TomCat伺服器,如下圖所示

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

Myeclipse+Flexbuilder
Myeclipse+Flexbuilder

3)  回到了第二步的界面,點選“Brower..”按鈕,選擇ds-console.war這個檔案(此檔案需要安裝lcds軟體,

我們隻是要此軟體下的這個war檔案即可,對于此軟體的安裝,沒有特殊的地方,正常安裝即可完成),

最後點選“Next”即可進入以下界面,點選完成即可。

Myeclipse+Flexbuilder

  4)  此時Flex項目已經建立好,再切換到MyEclipse視圖下,如圖所示:

Myeclipse+Flexbuilder

各個包的講解:

src:放的是Java的項目包

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

(實際上這個項目是有兩個項目架構組成的)

 5)在項目上右鍵,向Flex項目中加入Web支援(作用:為了讓TomCat可以加載此項目,因為Tomcat隻可以加載Web項目),如下圖所示:

Myeclipse+Flexbuilder

6)  彈出的對話框後,将下面的Create web.xml這一項的對勾去除(因為項目下面已經存在了web.xml檔案,

是以去除掉。),點選“Finish”按鈕即可。

Myeclipse+Flexbuilder

  7)  項目已經全部搭建完成。(可以發現項目的圖示變為兩個地球的樣子)

Myeclipse+Flexbuilder

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

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

Myeclipse+Flexbuilder

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

項目的開始都是從這裡開始的,一個項目中隻有一個這樣的檔案,其他均是元件檔案。

2)Flex項目的分層結構,下圖是我現在的項目樣子:

Myeclipse+Flexbuilder

繼續閱讀