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)輕按兩下可執行檔案
(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項目的分層結構,下圖是我現在的項目樣子: