完整文檔下載:/Files/caipinjob/1.rar
本項目中技術為:
最近幾個朋友一起搞了個flex版本訂餐系統,采用了些新技術,特別將這些做成了技術筆記和大家分享
Flex的應用越來越強大了,隨著其和struts2、spring3、Hibernate3.5框架的結合,在各方面的應用越來越廣,本系統還結合了lucene技術進行整合,以此實現了一些技術的應用,每天將項目學習的文檔和大家分享,希望對大家的學習有所幫助!
系統介紹和開發環境的搭建
一、項目介紹
1、項目名稱:Flex版本訂餐系統
2、項目背景:民以食為天,餐飲業一直是與人們日常生活息息相關的行業。傳統的電話訂餐或者上門訂餐已經不能適應市場發展的需求。隨著網絡信息技術的發展和普通,一種更加方便、快捷的方式開始進入人們的生活,那就是網上訂餐。網上訂餐不但方便了訂餐者,同樣也使得餐店能夠快捷和高效的處理訂單。
3、項目功能::它主要包括公告管理、會員管理、美食分類管理、菜單管理、訂單管理等幾大模塊。
4、具體實現:項目后端將采用目前最高效、最通用的S2SH整合框架技術,數據庫方面將采用MySQL。項目前端將采用Flex來進行開發,還將用到Flex的許多皮膚和插件,使得系統功能更加強大。在項目中還將使用目前非常流行的搜索框架Lucene來完成檢索功能。
6、項目所涉及到的技術:
本項目涉及到的技術非常多,具體可以劃分成如下十點。
1. 使用PowerDesigner進行數據庫建模
2. 使用MySQL 5.0數據庫
3. 使用Flex 3來進行前端界面開發
4. Flex皮膚制作和應用
5. Flex文件上傳
6. Flex分頁的實現
7. Flex同Struts 2的通信
8.Struts 2 + Hibernate 3.5 + Spring 3整合開發
9.使用Lucene來進行全文索引
10.Excel的導入導出
二、需求分析
網上訂餐系統需要提供給客戶快捷、方便的訂餐服務,開發本系統的具體要求如下。
(1)在系統首頁需要提供推薦菜單、熱門菜單以及菜單搜索功能,方便用戶快速選購自己喜歡的菜單。
(2)系統不要求用戶進行注冊和登錄,只需要選擇菜單并填寫聯系人信息即可完成訂餐。
(3)在用戶訂餐完畢后,需要能夠自動計算菜單價格。同時在用戶提交訂單時,需要用戶確定訂單無誤,同時還將自動生成訂單號,并保存到系統的剪貼板中,方便用戶保存訂單號。
(4)系統還需要提供會員服務功能,會員每消費一塊錢將增加一積分。同時在系統首頁將顯示積分榜,鼓勵會員消費。
(5)系統需要提供菜單分類查看功能,從而方便用戶選購。
三、功能分析
網上訂餐系統系統分為前臺顯示和后臺管理兩個部分,這里將主要介紹其前臺部分。其功能模塊如下所示。
系統首頁模塊:該模塊是系統前臺最重要的一部分,包括熱門菜單、推薦菜單、菜單、購物車、積分榜等功能子模塊。
餐店簡介模塊:該模塊主要用來介紹餐店的信息,例如餐店的名稱、聯系人、實際地址以及聯系電話等等信息。
美食分類模塊:該模塊主要用來分類顯示美食信息,還可以通過單擊菜單來查看菜單的詳細信息,并發表評論信息。
會員中心模塊:該模塊主要用來顯示會員的身份信息,并提供會員信息更新功能。
訂單查詢模塊:該模塊主要負責訂單的查詢功能,提供訂單時間、訂單號查詢功能。
我要建議模塊:該模塊主要負責顯示并添加用戶留言信息,從而實現客戶同客戶、客戶同餐店的交流。
四、開發環境的搭建
第一步:下載所需軟件
FlexBuilder3 插件版: FB3_WWEJ_Plugin.exe
MyEclipse 6.5:http://www.myeclipseide.com/
Lcds ds-console.war:ds-console.war
Tomcat 6: http://tomcat.apache.org/
第二步:安裝軟件
安裝MyEclipse 6.5和Tomcat 6這里就不再介紹了。
下面主要來介紹安裝FlexBuilder 3插件,具體步驟如下所示。
(1)直接雙擊FB3_WWEJ_Plugin.exe,進入安裝。
(2)彈出對話框,用來選擇語言,目前只支持英語,所以直接點擊”OK”就可以了

(3)現在是詢問你是否要安裝FLEX BUILDER 3插件,選擇“next”。
(4)現在是詢問你是否同意協議,選擇“同意”,點擊“next”按鈕。
(5)請你選擇FLEX BUILDER的安裝路徑,你可以自行選擇,然后點擊“next”按鈕。
(6)注意:這一步很重要,是要你選擇MyEclipse 6.5中的Eclipse的安裝路徑,請仔細選擇。
(7)然后彈出讓你耐心等待的界面,過一會兒然后彈出一個對話框,詢問你是不是安裝的是Eclipse3.2或3.3以及更高版本,請大家選擇“Proceed with Caution”按鈕即可。
(8)此界面是詢問你是不是要安裝IE和FireFox瀏覽器上的flash play 9,我還是希望大家兩項都選,便于調試。然后點擊“next”按鈕。
(9)彈出窗口,點擊“安裝”。
(10)、安裝插件有兩種方式,一種是使用link來進行安裝,一種是直接拷貝安裝,建議使用第一種。
1. link安裝方式
在MyEclipse6.5的eclipse下的links目下下,添加一個com.adobe.flexbuilder.feature.core.link文件。在該文件中寫入D:/FlexBuilder即可。
2.拷貝安裝方式。
打開你FlexBuilder插件安裝的文件夾,打開下面的“eclipse”文件夾,可以看到里面有features和plugins兩個文件夾,將他們copy到MyEcipse6.0下的eclipse文件夾下的features和plugins兩個文件夾內(一一對應上,不要放錯)。
(11)啟動MyEclipse,這是在視圖中能看到對應的Flex視圖了。
五、項目的創建
一、首先,建立一個FLEX PROJECT,應用服務器選擇J2EE。
二、選擇new進行應用服務器的配置,FLEX WAR FILE選擇下載的ds-console.war文件
三、點擊"完成",建立好后的項目如下所示:
其中flex_src是Flex的源文件目錄,src即是我們所熟悉的Java源文件目錄.
四、為項目添加WEB支持以便能直接進行部署。

五、Output folder URL設置,在默認情況下,會打開http://localhost:8080/BFOrder/這個路徑,但是我們編譯的文件在bin目錄下,所以需要將其修改成http://localhost:8080/BFOrder/bin,這樣就可以了。
直接運行項目,或者運行BFOrder.mxml,如果出現如下界面,表示你的項目已經成功搭建好了。
link
posted on 2010-06-17 22:39
小笨熊_bear 閱讀(2813)
評論(0) 編輯 收藏