JAVA & FLEX

          一個(gè)分享java和flex開發(fā)經(jīng)驗(yàn)的空間

             :: 首頁 ::  :: 聯(lián)系 ::  :: 管理 ::
            26 隨筆 :: 2 文章 :: 44 評論 :: 0 Trackbacks
           

          MyEclipse6.0中安裝FLEX插件的過程

           

          一、準(zhǔn)備工作:

          所需要的軟件Eclipse 3.3 + FlexBuilder3 beta2 插件版+MyEclipse 6.0 +Lcds + Tomcat 5
           

          二、安裝過程:

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

          2.       安裝FlexBuilder3 beta2 插件版(FB3_WWEJ_Plugin.exe),請參考下圖所示

          1)雙擊可執(zhí)行文件


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

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

          4)現(xiàn)在是詢問你是否同意協(xié)議,選擇“同意”,點(diǎn)擊“next”按鈕。

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

            6注意:這一步很重要,是要你選擇MyEclipse6.0中的Eclipse的安裝路徑,請仔細(xì)選擇。然后點(diǎn)擊“next”按鈕即可。

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

          8)此界面是詢問你是不是要安裝IEFireFox瀏覽器上的flash play 9,我還是希望大家兩項(xiàng)都選,便于調(diào)試。然后點(diǎn)擊“next”按鈕。

           9)彈出窗口,點(diǎn)擊“安裝”。



           10)打開你FlexBuilder插件安裝的文件夾,打開下面的“eclipse”文件夾,可以看到里面有featuresplugins兩個(gè)文件夾,將他們copyMyEcipse6.0下的eclipse文件夾下的featuresplugins兩個(gè)文件夾內(nèi)(一一對應(yīng)上,不要放錯(cuò))。

          11)然后將FlexBuilder插件安裝的文件夾中的sdks放入到MyEcipse6.0下的eclipse文件夾下。
          12)配置基本完成。只是你就可以在MyEclipse6.0下切換視圖,從中找到Flex對應(yīng)的的視圖結(jié)構(gòu)。

           

          MyEclipse6.0中部署FLEXWEB工程的過程

           

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

          在其中輸入項(xiàng)目名稱,點(diǎn)擊“Next”按鈕。


            2)此頁面點(diǎn)擊“New”按鈕(為了建立Tomcat服務(wù)器)

          PS:此處的output folder應(yīng)該是context folder一樣,都是WebRoot
           

          建立TomCat服務(wù)器,如下圖所示

          注意一定要選擇和你MyEclipse下對應(yīng)的TomCat版本,然后點(diǎn)擊“Next”按鈕,進(jìn)入下一個(gè)界面,點(diǎn)擊“finish”即可。





           

          3)  回到了第二步的界面,點(diǎn)擊“Brower..”按鈕,選擇ds-console.war這個(gè)文件(此文件需要安裝lcds軟件,
          我們只是要此軟件下的這個(gè)
          war文件即可,對于此軟件的安裝,沒有特殊的地方,正常安裝即可完成),
          最后點(diǎn)擊“
          Next”即可進(jìn)入以下界面,點(diǎn)擊完成即可。



            4)  此時(shí)Flex項(xiàng)目已經(jīng)建立好,再切換到MyEclipse視圖下,如圖所示:



           

          各個(gè)包的講解:

          src:放的是Java的項(xiàng)目包

          flex_src:放的是Flex項(xiàng)目用的文件

          (實(shí)際上這個(gè)項(xiàng)目是有兩個(gè)項(xiàng)目框架組成的)

           5)在項(xiàng)目上右鍵,向Flex項(xiàng)目中加入Web支持(作用:為了讓TomCat可以加載此項(xiàng)目,因?yàn)?/span>Tomcat只可以加載Web項(xiàng)目),如下圖所示:


           

          6)  彈出的對話框后,將下面的Create web.xml這一項(xiàng)的對勾去除(因?yàn)轫?xiàng)目下面已經(jīng)存在了web.xml文件,
          所以去除掉。),點(diǎn)擊“
          Finish”按鈕即可。


            7)  項(xiàng)目已經(jīng)全部搭建完成。(可以發(fā)現(xiàn)項(xiàng)目的圖標(biāo)變?yōu)閮蓚€(gè)地球的樣子)


           

          Flex中完成項(xiàng)目各個(gè)文件的部署工作

           

          1)我們先總體看一下項(xiàng)目現(xiàn)在的樣子



           

          可以看到其中有一個(gè)Flex_J2eeDemo.mxml文件,它就是Flex項(xiàng)目的應(yīng)用程序的入口位置,

          項(xiàng)目的開始都是從這里開始的,一個(gè)項(xiàng)目中只有一個(gè)這樣的文件,其他均是組件文件。

          2Flex項(xiàng)目的分層結(jié)構(gòu),下圖是我現(xiàn)在的項(xiàng)目樣子:



           

          我們可以看到flex_src文件夾下,我建立了三個(gè)文件夾

          ascode:用于放ActionScript文件。

          css:用于放css樣式文件。

          view:用于放項(xiàng)目中組件文件(mxml文件)

          (注意:這三個(gè)文件夾很像Java中的包,當(dāng)然也可以像Java一樣按照功能模塊進(jìn)行劃分,這里面只是分一個(gè)大體的層,要根據(jù)項(xiàng)目決定。)

          3Java項(xiàng)目下的分層步驟:

          和以前的Java項(xiàng)目一樣,還是在src包中建立自己所需要的包結(jié)構(gòu)。

          在此項(xiàng)目中,我們是按照模塊進(jìn)行劃分的,然后在每個(gè)模塊下分出:BizDtoDaoEntity層,而VO層將交給Flex中的View文件夾進(jìn)行統(tǒng)一管理。

          4DeBug調(diào)試可以使用MyEclipse6.0進(jìn)行JavaCode調(diào)試,再使用FlexBuilder進(jìn)行頁面調(diào)試。
          posted on 2008-10-07 14:18 程序人生-天津 閱讀(15163) 評論(19)  編輯  收藏 所屬分類: Flex

          評論

          # re: 【積累】Flex真正的第一步,如果安裝環(huán)境(For Eclipse 插件) 2008-10-07 15:08 UICreator
          謝謝!我就是早上加你QQ好友的那個(gè)  回復(fù)  更多評論
            

          # re: 【積累】Flex真正的第一步,如果安裝環(huán)境(For Eclipse 插件) 2008-10-28 22:04 icesane
          太感謝  回復(fù)  更多評論
            

          # re: 【積累】Flex真正的第一步,如何安裝環(huán)境(For Eclipse 插件)[未登錄] 2008-11-04 14:26 Michael
          謝謝!  回復(fù)  更多評論
            

          # re: 【積累】Flex真正的第一步,如何安裝環(huán)境(For Eclipse 插件) 2008-11-04 15:53 F1
          非常感謝....  回復(fù)  更多評論
            

          # re: 【積累】Flex真正的第一步,如何安裝環(huán)境(For Eclipse 插件) 2008-11-09 12:26 gaodong
          受益匪淺啊。加我qq好嗎?122721782 謝謝了  回復(fù)  更多評論
            

          # re: 【積累】Flex真正的第一步,如何安裝環(huán)境(For Eclipse 插件) 2008-11-21 13:09 1212
          非常的感謝..講得很詳細(xì)~~~~  回復(fù)  更多評論
            

          # re: 【積累】Flex真正的第一步,如何安裝環(huán)境(For Eclipse 插件) 2008-11-25 19:13 folloy
          非常的感謝..講得很詳細(xì) 加我qq125094309  回復(fù)  更多評論
            

          # re: 【積累】Flex真正的第一步,如何安裝環(huán)境(For Eclipse 插件) 2008-12-01 13:13 zyz
          麻煩LZ能不能給我FlexBuilder3 beta2 插件版的下載地址。。  回復(fù)  更多評論
            

          # re: 【積累】Flex真正的第一步,如何安裝環(huán)境(For Eclipse 插件) 2008-12-11 14:49 XIE990784
          求lcds軟件的下載地址   回復(fù)  更多評論
            

          # re: 【積累】Flex真正的第一步,如何安裝環(huán)境(For Eclipse 插件)[未登錄] 2008-12-12 16:43 llq
          真的是雪中送炭啊,非常感謝  回復(fù)  更多評論
            

          # re: 【積累】Flex真正的第一步,如何安裝環(huán)境(For Eclipse 插件) 2009-06-18 11:20 long_jianxiu
          我的不成功!在選擇 target runtime的時(shí)候,沒有可用的工程。。然后FLEX工程里也加不了web應(yīng)用。。  回復(fù)  更多評論
            

          # re: 【積累】Flex真正的第一步,如何安裝環(huán)境(For Eclipse 插件) 2009-06-24 15:04 tuo_bing
          開始沒有找到這么好的文章,配置這個(gè)出來走了不少彎路。。。
          現(xiàn)在才看到,有點(diǎn)郁悶!  回復(fù)  更多評論
            

          # re: 【積累】Flex真正的第一步,如何安裝環(huán)境(For Eclipse 插件) 2009-10-21 16:56 loafer
          太感謝了 你就像黑暗中的螢火蟲啊  回復(fù)  更多評論
            

          # re: 【積累】Flex真正的第一步,如何安裝環(huán)境(For Eclipse 插件) 2010-01-04 17:43 愛仕達(dá)
          太好了,感謝DX  回復(fù)  更多評論
            

          # re: 【積累】Flex真正的第一步,如何安裝環(huán)境(For Eclipse 插件) 2010-01-07 10:13 張三
          其實(shí)你是java+flex+lcds的項(xiàng)目
          沒交代清楚lcds的相關(guān)內(nèi)容
          而且在eclipse加入flex插件的時(shí)候有問題
          可以使用links的方法  回復(fù)  更多評論
            

          # re: 【積累】Flex真正的第一步,如何安裝環(huán)境(For Eclipse 插件)[未登錄] 2010-04-13 21:08 apple
          lcds軟件的下載地址  回復(fù)  更多評論
            

          # re: 【積累】Flex真正的第一步,如何安裝環(huán)境(For Eclipse 插件) 2010-05-24 20:09 liangxuejun
          按照你的配置我完成了環(huán)境配置 而且是一邊成功哦,謝謝咯
          隨便給我個(gè)下載lcds的地址:
          http://download.macromedia.com/pub/livecycle/lcds261/lcds261-win.exe  回復(fù)  更多評論
            

          # re: 【積累】Flex真正的第一步,如何安裝環(huán)境(For Eclipse 插件) 2010-11-14 12:57 謝謝
          20101113 說的 做的 非常好 努力!感謝你

          比其他的強(qiáng)   回復(fù)  更多評論
            

          # re: 【積累】Flex真正的第一步,如何安裝環(huán)境(For Eclipse 插件) 2010-12-22 09:16 地主婆
          能跟你交個(gè)朋友么?我的 qq:
          497624259
          想與你探討flex,可以么?  回復(fù)  更多評論
            

          主站蜘蛛池模板: 岢岚县| 永年县| 徐闻县| 康定县| 仁化县| 抚松县| 天水市| 东台市| 大渡口区| 宜君县| 彩票| 交城县| 柳林县| 稷山县| 东光县| 肥乡县| 通江县| 和平县| 盐津县| 兴隆县| 刚察县| 山东| 剑河县| 蒙城县| 天水市| 云霄县| 孟州市| 抚宁县| 延津县| 巴马| 龙口市| 类乌齐县| 巴塘县| 英吉沙县| 沂源县| 河池市| 南川市| 兴业县| 景泰县| 凤翔县| 四川省|