MyEclipse中安裝FLEX 收藏
一、準備工作:
所需要的軟件Eclipse 3.3 + FlexBuilder3 beta2 插件版+MyEclipse 6.0 +Lcds + Tomcat 5
二、安裝過程:
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項目的分層結構,下圖是我現在的項目樣子:
我們可以看到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進行頁面調試。
轉載出處:http://blog.csdn.net/lc19850921/archive/2009/03/31/4038530.aspx