MyEclipse安裝Flex 3 插件及新建Flex項目演示

一、準備工作：

所需要的軟件：

Eclipse 3.5.2 : http://d2u376ub0heus3.cloudfront.net/eclipse/downloads/drops/R-3.5.2-201002111343/eclipse-SDK-3.5.2-win32.zip

Eclipse 3.5漢化包：http://eclipse.stu.edu.tw/technology/babel/babel_language_packs/BabelLanguagePack-eclipse-zh_3.5.0.v20091121043401.zip

FlexBuilder3 beta2 插件版: ed2k://|file|%5BFlex.Builder.3.Eclipse%E6%8F%92%E4%BB%B6%E7%89%88%5D.FB3_WWEJ_Plugin.exe|365201784|62707d4dba2f46e31f943d58904c955e|h=c3t7ufizhn2d2fv6jnpaocquyrgyean6|/

MyEclipse 7.0：ed2k://|file|[MyEclipse].myeclipse-7.0-win32.exe|665499410|a9dbef5973806a4f50abc2f94ee3353d|h=56to6aiim4dnnutbut46qkchigjqcol4|/

BlazeDS.war：http://flexorg.wip3.adobe.com/blazeds/3.0.x/milestone/3978/blazeds-bin-3.2.0.3978.zip

Tomcat 6：http://labs.renren.com/apache-mirror/tomcat/tomcat-6/v6.0.26/bin/apache-tomcat-6.0.26-windows-x86.zip

二、安裝過程：

1. 安裝MyEclipse

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工程。

在其中輸入項目名稱，注意:Server technology下的Application server type請選擇J2EE，然後點擊“Next”按鈕。

[雙擊安裝文件]
2）此頁面點擊“New”按鈕---爲了建立Tomcat服務器以及指定通信文件(Flex War file---請指定大家自己放置通信文件(blazeds或者Lcds)的目錄).此處的output folder應該和context folder一樣，都是WebRoot

t [雙擊安裝文件]



建立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項目的分層結構，下圖是我現在的項目樣子：

[雙擊安裝文件]

我們可以看到flex_src文件夾下，我建立了三個文件夾

ascode：用於放ActionScript文件。

css：用於放css樣式文件。

view：用於放項目中組件文件(mxml文件)。

（注意：這三個文件夾很像Java中的包，當然也可以像Java一樣按照功能模塊進行劃分，這裏面只是分一個大體的層，要根據項目決定。）

3）Java項目下的分層步驟：

和以前的Java項目一樣，還是在src包中建立自己所需要的包結構。

在此項目中，我們是按照模塊進行劃分的，然後在每個模塊下分出：Biz，Dto，Dao，Entity層，而VO層將交給Flex中的View文件夾進行統一管理。

4）DeBug調試可以使用MyEclipse6.0進行JavaCode調試，再使用FlexBuilder進行頁面調試。