1、第3章 Easy_Buy電子商城系統(tǒng)設(shè)計(jì),本章學(xué)習(xí)要點(diǎn)： 系統(tǒng)用例圖； 功能模塊設(shè)計(jì)； 系統(tǒng)流程設(shè)計(jì)； 數(shù)據(jù)庫(kù)設(shè)計(jì)； 詳細(xì)設(shè)計(jì)；,3.1 系統(tǒng)概述 3.2 系統(tǒng)功能模塊設(shè)計(jì) 3.3 系統(tǒng)流程 3.4 數(shù)據(jù)庫(kù)設(shè)計(jì) 3.5 詳細(xì)設(shè)計(jì) 3.6 本章小結(jié),第3章 Easy_Buy電子商城系統(tǒng)設(shè)計(jì),3.1 系統(tǒng)概述,前臺(tái)購(gòu)物系統(tǒng),Easy_Buy是一個(gè)B-C模式的電子商城，該電子商務(wù)系統(tǒng)要求能夠?qū)崿F(xiàn)前臺(tái)用戶(hù)購(gòu)物和后臺(tái)管理兩大部分功能。,用戶(hù)注冊(cè)/登錄 商品展示/搜索 購(gòu)物車(chē)/訂單 個(gè)人設(shè)置 意見(jiàn)反饋,后臺(tái)管理系統(tǒng),管理用戶(hù) 維護(hù)商品庫(kù) 處理訂單 維護(hù)會(huì)員信息 其他管理功能,系統(tǒng)用例圖,圖3-1 Easy

2、_Buy系統(tǒng)用例圖,3.2 系統(tǒng)功能模塊設(shè)計(jì),Easy_Buy是一個(gè)在線(xiàn)銷(xiāo)售系統(tǒng)，是一個(gè)B-C模式的電子商務(wù)系統(tǒng)，由前臺(tái)的B/S模式購(gòu)物系統(tǒng)和后臺(tái)的C/S模式的管理系統(tǒng)兩部分組成。該電子商務(wù)系統(tǒng)可以實(shí)現(xiàn)會(huì)員注冊(cè)、瀏覽商品、查看商品詳細(xì)信息、選購(gòu)商品、取消訂單和查看訂單等功能，前臺(tái)系統(tǒng)的詳細(xì)功能如圖3-2所示。,個(gè)人設(shè)置,導(dǎo)航欄,新品區(qū),搜索區(qū),普通區(qū),版權(quán)區(qū),促銷(xiāo)區(qū),站點(diǎn)公告,圖3-2 系統(tǒng)首頁(yè),注冊(cè)模塊,提供注冊(cè)功能，用戶(hù)填寫(xiě)必要資料和可選資料后成為本購(gòu)物網(wǎng)站的會(huì)員，只有注冊(cè)會(huì)員才可以進(jìn)行購(gòu)物操作，非注冊(cè)會(huì)員只能查看商品資料。會(huì)員注冊(cè)頁(yè)面如圖3-3所示。,登錄模塊,注冊(cè)會(huì)員輸入注冊(cè)用戶(hù)名和密

3、碼可以登錄本網(wǎng)站進(jìn)行購(gòu)物。登錄功能及登錄后的顯示信息如圖3-4所示。,圖3-4 用戶(hù)登錄,商品展示,新品上架 進(jìn)入Easy_Buy電子商城后，在網(wǎng)站首頁(yè)的上半部分會(huì)顯示最新入庫(kù)的6種商品信息，用戶(hù)可以通過(guò)點(diǎn)擊【更多】鏈接查看更多的商品信息，如圖3-5所示。,圖3-5 新品上架,促銷(xiāo)商品 進(jìn)入Easy_Buy電子商城后，在網(wǎng)站首頁(yè)的下半部分會(huì)顯示促銷(xiāo)的4種商品信息及其他商品信息，用戶(hù)可以通過(guò)點(diǎn)擊【更多】鏈接查看更多的商品信息，如圖3-6所示。,圖3-6 促銷(xiāo)商品,商品詳情,用戶(hù)在瀏覽商品信息時(shí)可以點(diǎn)擊【詳情】按鈕，查看商品折扣、商品描述、商品大圖等詳細(xì)信息，如圖3-7所示。,圖3-7 商品詳情,

4、購(gòu)物車(chē),用戶(hù)在瀏覽商品信息時(shí)可以點(diǎn)擊【購(gòu)買(mǎi)】按鈕，購(gòu)買(mǎi)指定的商品，即將商品放入購(gòu)物車(chē)中，對(duì)于購(gòu)物車(chē)中的商品，用戶(hù)可以確認(rèn)購(gòu)買(mǎi)，也可以退還商品（刪除），也可以增減所購(gòu)商品的數(shù)量，如圖3-8所示。,圖3-8 購(gòu)物車(chē),訂單處理,用戶(hù)查看購(gòu)物車(chē)時(shí)可以點(diǎn)擊【去收銀臺(tái)結(jié)賬】按鈕，確認(rèn)購(gòu)買(mǎi)所選擇的商品。同時(shí)，填寫(xiě)付款方式、收貨地址和確認(rèn)E-mail等信息完成商品的訂購(gòu)，如圖3-9所示。,圖3-9 用戶(hù)訂單,如果用戶(hù)點(diǎn)擊【確定付款】按鈕，則顯示用戶(hù)訂單的詳細(xì)信息（包括訂單號(hào)、訂單時(shí)間等信息），如圖3-10所示,圖3-10 訂單詳細(xì)信息,訂單處理,在用戶(hù)訂單產(chǎn)生后，用戶(hù)可以通過(guò)【我的訂單】鏈接查看自己的訂單信息

5、，如圖3-11所示。,圖3-11 我的訂單,訂單處理,用戶(hù)可以通過(guò)【查看詳細(xì)資料】鏈接查看自己的訂單的詳細(xì)信息，如圖3-12所示。,訂單處理,圖3-12 我的訂單詳細(xì)信息,客戶(hù)反饋,用戶(hù)可以發(fā)表商品的反饋意見(jiàn)和建議，如圖3-13所示,圖3-13 客戶(hù)反饋,后臺(tái)管理,登錄 系統(tǒng)的管理員輸入賬號(hào)和密碼可以登錄本網(wǎng)站后臺(tái)管理系統(tǒng)，實(shí)現(xiàn)后臺(tái)管理功能。后臺(tái)管理員的登錄界面如圖3-14所示。,圖3-14 后臺(tái)管理登錄,管理,管理員登錄后可以對(duì)電子商城的相關(guān)信息進(jìn)行管理。如圖3-15所示。,圖3-15 后臺(tái)管理功能,3.3 系統(tǒng)流程,在Easy_Buy電子商城系統(tǒng)中，用戶(hù)的購(gòu)物操作和管理員的處理操作都會(huì)按照

6、特定的順序來(lái)完成。這里我們主要介紹用戶(hù)購(gòu)物的流程和客戶(hù)訂單的處理流程。 根據(jù)前面的分析我們知道，只有注冊(cè)會(huì)員才能夠完成商品的訂購(gòu)，注冊(cè)會(huì)員的詳細(xì)購(gòu)物流程如圖3-16所示?？蛻?hù)訂單的處理流程如圖3-17所示。,流程圖,圖3-16 客戶(hù)訂單處理流程 圖3-17 客戶(hù)訂單處理流程,課堂實(shí)踐,任務(wù)一 進(jìn)入“北京圖書(shū)大廈網(wǎng)上書(shū)店” （ 任務(wù)二 試著搜索書(shū)名為“Java程序設(shè)計(jì)案例教程“的圖書(shū)，并查看該圖書(shū)的詳細(xì)信息。 任務(wù)三 分小組討論北京圖書(shū)大廈網(wǎng)站的后臺(tái)管理應(yīng)包括哪些功能 。,3.4 數(shù)據(jù)庫(kù)設(shè)計(jì),Customer表（用戶(hù)信息表）,數(shù)據(jù)庫(kù)表設(shè)計(jì),Idea表（用戶(hù)留言表）,數(shù)據(jù)庫(kù)表設(shè)計(jì),Product表

7、（商品信息表）,數(shù)據(jù)庫(kù)表設(shè)計(jì),Notice表（公告信息表）,數(shù)據(jù)庫(kù)表設(shè)計(jì),Main_type表（商品類(lèi)別信息表）,數(shù)據(jù)庫(kù)表設(shè)計(jì),Orders表（訂單信息表）,數(shù)據(jù)庫(kù)表設(shè)計(jì),OrderDetails表（訂單詳情表）,數(shù)據(jù)庫(kù)表設(shè)計(jì),Payment表（支付表）,數(shù)據(jù)庫(kù)表設(shè)計(jì),Admin表（管理員表）,數(shù)據(jù)庫(kù)表設(shè)計(jì),創(chuàng)建數(shù)據(jù)庫(kù)和表的SQL語(yǔ)句,（ShopSystem）和主要表的SQL語(yǔ)句，讀者在使用樣例系統(tǒng)時(shí)，也可以直接運(yùn)行配套資源中建庫(kù)腳本或者附加系統(tǒng)中的數(shù)據(jù)庫(kù)到數(shù)據(jù)庫(kù)服務(wù)器。,3.5 詳細(xì)設(shè)計(jì),Easy_Buy系統(tǒng)的開(kāi)發(fā)文件夾如圖3-18所示。前臺(tái)購(gòu)物系統(tǒng)文件組成如圖3-19所示，后臺(tái)管理系統(tǒng)文件

8、組成如圖3-20所示。,開(kāi)發(fā)文件夾,前臺(tái)購(gòu)物系統(tǒng),后臺(tái)管理系統(tǒng),系統(tǒng)數(shù)據(jù)庫(kù),系統(tǒng)圖片,網(wǎng)站配置文件,系統(tǒng)說(shuō)明文檔,圖3-18 系統(tǒng)開(kāi)發(fā)文件夾,圖3-19 前臺(tái)購(gòu)物系統(tǒng)文件組成,圖3-20 后臺(tái)管理系統(tǒng)文件組成,頁(yè)面關(guān)系圖,Easy_Buy電子商城前臺(tái)主要頁(yè)面的關(guān)系如圖3-21所示，請(qǐng)讀者結(jié)合配套資源扣的系統(tǒng)進(jìn)行分析和學(xué)習(xí)。,圖3-21 Easy_Buy電子商城前臺(tái)頁(yè)面關(guān)系圖,系統(tǒng)使用說(shuō)明,1系統(tǒng)配置 本書(shū)中所有實(shí)例都是在Windows 2000 Server操作系統(tǒng)下開(kāi)發(fā)的，程序測(cè)試環(huán)境為Windows 2000 Server。用戶(hù)在Windows 2000 Server下正確配置程序運(yùn)行所需

9、的環(huán)境后，完全可以使用本實(shí)例。具體配置如下：,硬件平臺(tái)： CPU：P41.8GHz； 內(nèi)存：256MB以上。 軟件平臺(tái)： 操作系統(tǒng)：Windows 2000 Server； 數(shù)據(jù)庫(kù)：SQL Server 2000； 開(kāi)發(fā)工具包：JDK Version1.4.2； JSP服務(wù)器：Tomcat 5.0； 瀏覽器：IE5.0及以上版本，推薦使用IE6.0； 分辨率：最佳效果1024768。,系統(tǒng)使用說(shuō)明,2.源程序使用方法 如果用戶(hù)要使用源程序，計(jì)算機(jī)除了滿(mǎn)足上面要求的配置外，還需要完成如下工作： （1）使用本書(shū)中源程序時(shí)，請(qǐng)將光盤(pán)中該程序所對(duì)應(yīng)的文件夾（easybuyonline）拷貝到計(jì)算機(jī)硬盤(pán)

10、上的Tomcat安裝目錄下的“webapps”文件夾下，并去掉所有文件的只讀屬性，然后重新啟動(dòng)Tomcat。 （2）啟動(dòng)企業(yè)管理器，將應(yīng)用程序shopData文件夾下的ShopSystem數(shù)據(jù)庫(kù)附加到當(dāng)前SQL Server數(shù)據(jù)庫(kù)服務(wù)器。,系統(tǒng)使用說(shuō)明,（3）配置指向ShopData數(shù)據(jù)庫(kù)的系統(tǒng)DSN（ODBC數(shù)據(jù)源）“shopData”。 （4）啟動(dòng)Tomcat服務(wù)器。 （5）在瀏覽器中輸入http:/localhost:8080/easybuyonline/shop/index.jsp后，即可進(jìn)入前臺(tái)購(gòu)物頁(yè)面。 （6）在瀏覽器中輸入http:/localhost:8080/easybuyonline/admin/admin_login.jsp，輸入管理員賬號(hào)和密碼后，即可進(jìn)入后臺(tái)管理頁(yè)面。,系統(tǒng)使用說(shuō)明,3.6 本章小結(jié),本章學(xué)習(xí)了如下內(nèi)容： Easy-Buy系統(tǒng)概述：包