軟件工程-網(wǎng)上購(gòu)物系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)

1、網(wǎng)上購(gòu)物系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)專業(yè)：軟件工程 姓名： 指導(dǎo)教師： 摘 要 隨著科技的迅速發(fā)展，在經(jīng)濟(jì)領(lǐng)域的網(wǎng)絡(luò)技術(shù)應(yīng)用最突出的一個(gè)例子就是電子商務(wù)。電子商務(wù)在根本上改變了傳統(tǒng)的商品買賣的模式，使買賣雙方的交易更加便捷并且降低了彼此間交易成本。網(wǎng)上購(gòu)物系統(tǒng)，一種具備交互功用的物品買賣系統(tǒng)，它在網(wǎng)上創(chuàng)建虛構(gòu)的購(gòu)物商場(chǎng)，讓購(gòu)物變得輕松、快捷、方便。本系統(tǒng)分為兩個(gè)大的模塊。前臺(tái)包括用戶注冊(cè)登錄、瀏覽商品、查詢商品、商品評(píng)價(jià)、訂購(gòu)商品、購(gòu)物車等；后臺(tái)包括對(duì)商品及其種類的管理、對(duì)用戶信息查看、訂單詳情、評(píng)論管理等功能。本系統(tǒng)前臺(tái)主要用JSP語(yǔ)言開發(fā)，后臺(tái)數(shù)據(jù)庫(kù)為MySQL，使用MyEclipse實(shí)現(xiàn)，JSP引擎

2、為tomcat7.0.6，展現(xiàn)給用戶的是一款以Web技術(shù)為基礎(chǔ)、B/S架構(gòu)的網(wǎng)上購(gòu)物系統(tǒng)。關(guān)鍵字 SSH，Tomcat，MySQL，商城AbstractWith the rapid development of science and technology, in the economic field of network technology application of the most prominent example is e-commerce.E-commerce fundamentally changed the traditional pattern of commodity

3、trading, so that buyers and sellers of the transaction more convenient and reduce the transaction costs between each other. An online shopping system, an interactive trading system, which creates fictional shopping malls on the web, making shopping easier, quick and easy.The system is divided into t

4、wo large modules. The front desk includes the registration of the user and its type, the user information view, order details, comment management and other functions.The front of the system using JSP language development, the background database for MySQL, the use of MyEclipse implementation, JSP en

5、gine for tomcat7.0.6, and show to the user is a Web technology-based, B / S architecture online shopping system.Key Words: SSH，Tomcat，MySQL，Mall目 錄1. 緒論11.1 課題背景11.2 目的和意義12.相關(guān)技術(shù)介紹22.1 SSH框架22.2 MySQL數(shù)據(jù)庫(kù)32.3 B/S結(jié)構(gòu)42.4 JSP53.需求分析63.1 可行性分析63.1.1 技術(shù)的可行性63.1.2 操作可行性63.1.3 法律的可行性73.2 用戶用例圖73.2.1 標(biāo)準(zhǔn)用戶用例圖

6、73.2.2 管理員用例圖73.3 系統(tǒng)功能需求84.系統(tǒng)設(shè)計(jì)94.1 系統(tǒng)總體架構(gòu)設(shè)計(jì)94.2 功能模塊劃分104.3 數(shù)據(jù)庫(kù)設(shè)計(jì)114.3.1 數(shù)據(jù)分析114.3.2 數(shù)據(jù)庫(kù)的詳細(xì)設(shè)計(jì)125.系統(tǒng)實(shí)現(xiàn)145.1 開發(fā)環(huán)境的搭建145.1.1 Windows8系統(tǒng)下所用軟件145.1.2 環(huán)境搭建145.3 前臺(tái)基本功能的設(shè)計(jì)165.3.1 用戶維護(hù)165.3.2 商品展示205.3.3 購(gòu)物車215.4 后臺(tái)管理的設(shè)計(jì)225.4.1 訂單管理225.4.2 商品管理235.4.3 公告管理245.4.4 評(píng)論管理256.系統(tǒng)測(cè)試256.1 前臺(tái)首頁(yè)的測(cè)試256.2 用戶注冊(cè)模塊的測(cè)試266

7、.3 商品管理模塊的測(cè)試267.結(jié)束語(yǔ)27參考文獻(xiàn)281. 緒論1.1 課題背景計(jì)算機(jī)Internet的興起改變這個(gè)社會(huì)的商品貿(mào)易性質(zhì)，我國(guó)一些企業(yè)從上世紀(jì)崛起。但是，因?yàn)殡娮由虅?wù)前進(jìn)的制度環(huán)境欠缺，對(duì)此制約的法律不完善，信用體系待加強(qiáng)引起的一系列問題，對(duì)電子商務(wù)的前進(jìn)有了一定程度的阻礙。 從2000年以后，社會(huì)的一步步的前進(jìn)，網(wǎng)絡(luò)交易中各種瓶頸的制約因素一個(gè)接一個(gè)地被打破，企業(yè)的擴(kuò)散也增加了對(duì)電子商務(wù)的影響。自2006年以來(lái)，我國(guó)的電子商務(wù)發(fā)展很快，其市場(chǎng)的交易規(guī)模從2006年的1.5億元突增到2013年的9.7億元，達(dá)到30%的年均復(fù)合增長(zhǎng)率。網(wǎng)上交易和實(shí)體經(jīng)濟(jì)越來(lái)越密切的結(jié)合，不斷滲透在

8、我國(guó)工業(yè)、農(nóng)業(yè)、商務(wù)貿(mào)流、旅游和零售消費(fèi)等多個(gè)范疇。其支撐體系，例如：物流配送、電子支付也在逐步擴(kuò)大。按照iResarch中國(guó)網(wǎng)購(gòu)市場(chǎng)數(shù)據(jù)可知，2016年第三季度中國(guó)網(wǎng)購(gòu)市場(chǎng)交易額達(dá)1.15萬(wàn)億元，與上一年相比，企業(yè)規(guī)模有了很大幅度的增長(zhǎng)，并且繼續(xù)保持平穩(wěn)增長(zhǎng)態(tài)勢(shì)。國(guó)家統(tǒng)計(jì)局發(fā)布的數(shù)據(jù)顯示，同年第三季度我國(guó)消費(fèi)品零售總額達(dá)到8.2萬(wàn)億元，網(wǎng)上購(gòu)物在總額中所占的比例比去年同期增長(zhǎng)13.9，漲幅為1.5個(gè)百分點(diǎn)。概言之，中國(guó)電子商務(wù)發(fā)展勢(shì)頭良好，呈上升趨勢(shì)，設(shè)計(jì)本系統(tǒng)是有必要且明智之舉。1.2 目的和意義網(wǎng)上購(gòu)物和傳統(tǒng)購(gòu)物相比有許多優(yōu)點(diǎn)：1.方便搜索在線銷售可使用各種檢索方式，從分類、銷售排名、新

9、貨等準(zhǔn)確。2.海量信息較傳統(tǒng)購(gòu)物而言，網(wǎng)上購(gòu)物系統(tǒng)擁有大量商品信息供買家選擇。3.成本低，風(fēng)險(xiǎn)小，無(wú)地域限制對(duì)商家而言，在線購(gòu)物打破了傳統(tǒng)購(gòu)物的時(shí)間局限性，使客戶群更加壯大，增加了商品的銷路和銷量，并省去了實(shí)際店鋪所產(chǎn)生的花銷。對(duì)買家而言，可隨時(shí)隨地購(gòu)物，足不出戶收攬世界各地美食美物。2.相關(guān)技術(shù)介紹2.1 SSH框架SSH是用于構(gòu)建靈便，易于擴(kuò)展的多層Web應(yīng)用程序的多個(gè)框架（struts + spring + hibernate）的集成。在組合SSH框架中，三者各司其職：Struts是一個(gè)非常流行的MVC框架，縮短了應(yīng)用程序開發(fā)所需要的時(shí)間，擁有很強(qiáng)大的攔截機(jī)制，Servlet和JSP是它

10、的主要核心。當(dāng)使用Struts 的MVC模式，就可以有一個(gè)清晰的邏輯，并可以削弱業(yè)務(wù)邏輯接口和數(shù)據(jù)接口的結(jié)合，視圖層豐富的變化，使程序結(jié)構(gòu)化；Spring在框架中充當(dāng)著一個(gè)容器的角色，維護(hù)著各層次之間的關(guān)系。Spring具有IoC容器、輕量、AOP、促進(jìn)其他框架、面向接口等特性。這些特征避免了每次都要手動(dòng)開啟事務(wù)，提交事務(wù)的重復(fù)代碼，使開發(fā)邏輯更加清晰、更容易管理。Hibernate是開放源碼的對(duì)象關(guān)系映射框架。JDBC訪問數(shù)據(jù)庫(kù)的代碼被其封裝，數(shù)據(jù)訪問層復(fù)雜的重復(fù)性代碼因?yàn)镠ibernate而被強(qiáng)有力的簡(jiǎn)化了。具有較強(qiáng)的移植性，適合各類數(shù)據(jù)庫(kù)，不會(huì)改變繁瑣的代碼，只需變換配置就可以繼續(xù)使用。

11、在SSH框架中，其架構(gòu)圖如圖2-1所示，對(duì)象間的調(diào)用流程如圖2-2所示：圖2-1 SSH架構(gòu)圖圖2-2對(duì)象調(diào)用流程圖2.2 MySQL數(shù)據(jù)庫(kù)MySQL是一種開源的關(guān)系型DBMS，在所有的數(shù)據(jù)庫(kù)管理語(yǔ)言中SQL語(yǔ)言是它使用比較頻繁的一種。MySQL是一個(gè)中小型數(shù)據(jù)庫(kù)，與其他數(shù)據(jù)庫(kù)相比，它因所占的內(nèi)存空間較小，速度快、可靠性較高、擁有較好的適應(yīng)性而備受關(guān)注。本系統(tǒng)對(duì)數(shù)據(jù)庫(kù)的要求不是特別高所以使用MySQL數(shù)據(jù)庫(kù)綽綽有余。在本系統(tǒng)設(shè)計(jì)過程中，運(yùn)用了MySQL-Front這一款優(yōu)秀的MySQL管理工具，能夠在任何地點(diǎn)對(duì)我們的數(shù)據(jù)庫(kù)有效而輕松的進(jìn)行管理。2.3 B/S結(jié)構(gòu)B/S結(jié)構(gòu)即瀏覽器/服務(wù)器模式，

12、該模式具體是這樣的：得到用戶在瀏覽器上向服務(wù)器發(fā)出的請(qǐng)求消息，服務(wù)器需要處理相關(guān)信息并且發(fā)送回服務(wù)器。B/S結(jié)構(gòu)源自Web網(wǎng)絡(luò)結(jié)構(gòu)模型的開發(fā)。 在B/S模式下，所謂的Web服務(wù)軟件和Web應(yīng)用是至關(guān)重要的，Web服務(wù)軟件主要是處理用戶對(duì)Web應(yīng)用的請(qǐng)求，并對(duì)web應(yīng)用運(yùn)行且進(jìn)行管理，讓客戶的信息請(qǐng)求得到滿足。 因此，系統(tǒng)的開發(fā)需要安裝JSP引擎，在這里用到的是由Apache和Sun公司聯(lián)合開發(fā)的Tomcat服務(wù)器。B/S結(jié)構(gòu)的優(yōu)點(diǎn)1具有分布式特點(diǎn)，打破時(shí)間空間限制，業(yè)務(wù)可以更加方便的被查詢與瀏覽。2業(yè)務(wù)易拓展，服務(wù)器功能的多少取決于增加頁(yè)面的多少。3易維護(hù)，只需要更改頁(yè)面，即可實(shí)現(xiàn)數(shù)據(jù)更新的同

13、步。4開發(fā)簡(jiǎn)單，共享性很好。B/S架構(gòu)圖如圖2-3所示：圖2-3 B/S架構(gòu)圖2.4 JSP現(xiàn)如今信息快速發(fā)展，Java已經(jīng)無(wú)處不在。手機(jī)軟件、手機(jī)游戲、電腦軟件都多多少少的涉及到Java，只要你使用手機(jī)、電腦等電子產(chǎn)品，你就會(huì)用到跟Java有關(guān)的東西。很多涉及到Java的技術(shù)都被普遍應(yīng)用和認(rèn)可，JSP就是其中的一個(gè)。JSP(Java Server Pages)是在服務(wù)器上運(yùn)行的Java視圖技術(shù)，可以使用HTML，CSS，JavaScript等客戶端語(yǔ)言編寫模板文本。JSP支持所謂的taglib，它們由Java代碼支持，我們可以通過該代碼動(dòng)態(tài)控制頁(yè)面流或輸出動(dòng)態(tài)，一個(gè)著名的標(biāo)簽是jstl。JS

14、P還具有內(nèi)置的servlet代碼，不需要任何外部編譯可以直接運(yùn)行。JSP的執(zhí)行過程如下：1.客戶端訪問JSP頁(yè)面；2.JSP文件被轉(zhuǎn)變成Servlet源碼；3.Servlet源碼被進(jìn)行了編譯；4.JSP容器加載編譯后的代碼并運(yùn)行；5.把執(zhí)行過程響應(yīng)到客戶端。執(zhí)行過程如圖2-4所示：圖2-4 JSP執(zhí)行過程3.需求分析3.1 可行性分析3.1.1 技術(shù)的可行性MyEclipse和MySQL數(shù)據(jù)庫(kù)實(shí)現(xiàn)本系統(tǒng)的主要工具，Java語(yǔ)言由于跨平臺(tái)、容易掌握被廣泛使用。大三時(shí)對(duì)Java有了一定程度的學(xué)習(xí)，大四上學(xué)期進(jìn)行了實(shí)習(xí)實(shí)訓(xùn)對(duì)SSH架構(gòu)也有了一些認(rèn)識(shí)和掌握，對(duì)系統(tǒng)數(shù)據(jù)庫(kù)的實(shí)現(xiàn)是主要要做的工作。在校學(xué)習(xí)

15、期間對(duì)軟件分析、測(cè)試等也有一定的經(jīng)歷，實(shí)現(xiàn)了本系統(tǒng)在技術(shù)上的可行性。3.1.2 操作可行性本系統(tǒng)只需要一臺(tái)PC就可以對(duì)其進(jìn)行操作，而且操作方便，不需要太多的專業(yè)計(jì)算機(jī)方面的知識(shí)。根據(jù)具體提示就可以容易的執(zhí)行自己想要做的事情，在日期輸入方面采用下拉式日歷，不用再對(duì)日期的格式糾結(jié)，操作方面具有可行性。3.1.3 法律的可行性本系統(tǒng)是自主設(shè)計(jì)的購(gòu)物系統(tǒng)，很有現(xiàn)實(shí)意義。大部分用到的開發(fā)工具都是開源的，實(shí)現(xiàn)該系統(tǒng)沒有侵權(quán)，這在法律上是可行的。概言之，開發(fā)本系統(tǒng)是完全可以的。3.2 用戶用例圖3.2.1 標(biāo)準(zhǔn)用戶用例圖對(duì)普通用戶而言使用該系統(tǒng)具體流程如下：未注冊(cè)的用戶可以瀏覽商品，查看公告。當(dāng)需要購(gòu)買時(shí)進(jìn)

16、行注冊(cè)，注冊(cè)完成進(jìn)行登錄。完成上述操作，想變更個(gè)人信息很容易，只需進(jìn)去個(gè)人信息就可以對(duì)其進(jìn)行所需的更新。登錄后可選擇商品并進(jìn)行訂購(gòu)，把商品加入購(gòu)物車后去收銀臺(tái)結(jié)算，提交訂單后獲得訂單后，等待商品的到達(dá)。其用例圖如圖3-1所示：圖 3-1 普通用戶用例圖3.2.2 管理員用例圖管理員在這個(gè)系統(tǒng)中充當(dāng)了主要的角色，涉及到的功能模塊主要有以下六部分：如圖3-2所示：圖 3-2 管理員用例圖3.3 系統(tǒng)功能需求1前臺(tái)系統(tǒng)功能模塊分為（1）商品展示模塊：通過新貨上架、銷量排名、焦點(diǎn)商品、特價(jià)商品等；（2）商品查詢模塊：商品可按類別查詢也可以再搜索框輸入具體名稱；（3）購(gòu)物車模塊：將商品加入購(gòu)物車后可以選

17、擇刪除、數(shù)目、更新價(jià)格、返回繼續(xù)購(gòu)物、結(jié)算等操作；（4）用戶維護(hù)模塊：允許使用者注冊(cè)、登錄、更改個(gè)人消息等；（5）訂單查詢模塊：可以看到歷史訂單以及各個(gè)訂單的狀態(tài)、支付金額、時(shí)間等信息；（6）公告瀏覽模塊：用戶可及時(shí)了解店鋪的活動(dòng)；（7）評(píng)論模塊：對(duì)心儀商品進(jìn)行評(píng)價(jià)。2后臺(tái)系統(tǒng)功能模塊分為（1）商品管理模塊：可查詢商品并對(duì)其進(jìn)行編輯以及添加商品；（2）會(huì)員管理模塊：管理員查看注冊(cè)用戶信息并對(duì)其進(jìn)行操作；（3）商品類別管理模塊：對(duì)商品類別以及其子類做一些所需更改；（4）訂單管理模塊：特權(quán)用戶對(duì)訂單有關(guān)情況進(jìn)行了解并安排發(fā)貨或者拒絕該交易；（5）公告管理模塊：管理員添加或者發(fā)布有關(guān)商城的消息；（6

18、）評(píng)論模塊：對(duì)買家的評(píng)價(jià)進(jìn)行瀏覽并選擇刪除或保留。4.系統(tǒng)設(shè)計(jì)4.1 系統(tǒng)總體架構(gòu)設(shè)計(jì)在設(shè)計(jì)本系統(tǒng)的時(shí)候，要盡量讓人們看清楚，嚴(yán)格依照三層構(gòu)造。JSP主要應(yīng)用到了表現(xiàn)層，Servlet應(yīng)用到了中間層，數(shù)據(jù)的儲(chǔ)存主要運(yùn)用到了MySQL數(shù)據(jù)庫(kù)。具體的總體構(gòu)架如圖4-1所示：圖 4-1 系統(tǒng)總體架構(gòu) 4.2 功能模塊劃分根據(jù)所描述的功能需求，本系統(tǒng)能夠完成以下的功能。系統(tǒng)的功能模塊，如圖4-2所示：圖 4-2 功能模塊圖 在本系統(tǒng)中用戶管理模塊涉及到的功能較而言之有些容易。系統(tǒng)使用初期，用戶“b”被設(shè)置為系統(tǒng)管理員，是由設(shè)計(jì)者手動(dòng)連接到數(shù)據(jù)庫(kù)中的?！癰”可以創(chuàng)建另外的管理者信息，標(biāo)準(zhǔn)用戶自己處理自己

19、所要處理的信息。主要功能如圖4-3所示：圖 4-3 用戶管理功能模塊關(guān)系圖4.3 數(shù)據(jù)庫(kù)設(shè)計(jì)本系統(tǒng)對(duì)數(shù)據(jù)庫(kù)的要求不是特別高所以使用MySQL數(shù)據(jù)庫(kù)綽綽有余。在本系統(tǒng)設(shè)計(jì)過程中，運(yùn)用了MySQL-Front這一款優(yōu)秀的MySQL管理工具，讓我們的數(shù)據(jù)庫(kù)可以在任何地方被方便的維護(hù)和管理。4.3.1 數(shù)據(jù)分析1用戶注冊(cè)、登錄，建立用戶信息數(shù)據(jù)表是必不可少的，數(shù)據(jù)項(xiàng)包括用戶聯(lián)系方式、用戶名、密碼、地址等；2查詢商品信息和詳情，不但要對(duì)類別進(jìn)行管理，而且還需對(duì)每個(gè)商品進(jìn)行管理，2個(gè)數(shù)據(jù)表是其下限；3下單完成以后要進(jìn)行訂單管理，包括基本信息和訂單詳情等；4系統(tǒng)需要被管理，管理員信息數(shù)據(jù)表示需要被建立的，包

20、括管理員信息、密碼等數(shù)據(jù)項(xiàng)。5買家對(duì)商品要給出評(píng)價(jià)，在該系統(tǒng)建立消息形式是一定要的，包括所要評(píng)價(jià)信息名稱、日期等。主要?jiǎng)?chuàng)建的數(shù)據(jù)項(xiàng)與結(jié)構(gòu)如下： 用戶信息：買家ID，買家名等； 管理員信息：管理員ID，密碼等； 商品信息：商品ID，商品名稱、單價(jià)等； 商品類別信息：商品類別ID，類別名稱等； 訂單信息：訂單ID，用戶編號(hào)，訂貨地址等； 訂單明細(xì)信息：訂單ID，商品ID，訂貨時(shí)間等； 評(píng)價(jià)信息：評(píng)價(jià)標(biāo)題，評(píng)價(jià)日期，評(píng)價(jià)內(nèi)容等。4.3.2 數(shù)據(jù)庫(kù)的詳細(xì)設(shè)計(jì)對(duì)數(shù)據(jù)進(jìn)行分析后，將該購(gòu)物系統(tǒng)的數(shù)據(jù)庫(kù)命名為db_snaokshop，使用以下幾張表來(lái)存儲(chǔ)所需要的數(shù)據(jù)。1商品信息表在該表中收錄了所有商品的一些信

21、息。如表4-1所示：表4-1商品信息表2.商品類別信息表對(duì)商品進(jìn)行歸類存放，讓買家更容易找到所需要的貨品，賣家對(duì)商品也方便管理。如表4-2所示：表4-2商品類別表3.訂單信息表此表用于記錄用戶下單情況，讓用戶便于查看商品訂單情況也為admin發(fā)貨給了一定的數(shù)據(jù)支持。如表4-3所示：表4-3 訂單表4訂單明細(xì)信息表買家購(gòu)買商品后，形成一個(gè)商品獨(dú)有的訂單號(hào)，在這訂單中包含買家購(gòu)買商品的具體數(shù)量和規(guī)格等內(nèi)容，賣家主要根據(jù)訂單信息為買家安排發(fā)貨的。如表4-4所示：表4-4訂單詳情表5用戶信息表表中主要記錄了用戶的ID、名稱、住址等信息，方便買家對(duì)自己的信息進(jìn)行修改，賣家對(duì)購(gòu)物者的具體信息進(jìn)行管理。如表

22、4-5所示：表4-5用戶信息5.系統(tǒng)實(shí)現(xiàn)5.1 開發(fā)環(huán)境的搭建5.1.1 Windows8系統(tǒng)下所用軟件（1）jdk1.7.0_17（2）mysql-5-winx64（3）MySQL-Front（4）apache-tomcat-7.0.6（5）MyEclipse 8.55.1.2 環(huán)境搭建（1）JDK環(huán)境變量配置第一、在Sun官網(wǎng)免費(fèi)獲取JDK安裝程序，并點(diǎn)擊安裝。第二，JDK安裝完成，配置環(huán)境變量。點(diǎn)擊“設(shè)置”“電腦信息” “高級(jí)系統(tǒng)設(shè)置”，選擇“高級(jí)”，點(diǎn)擊“環(huán)境變量”的按鈕。打開系統(tǒng)變量，點(diǎn)擊“新建”，添加名為Java_Home的變量名；變量值輸入C:Program FilesJavaj

23、dk1.7.0_17，點(diǎn)擊確定。同上新建一個(gè)變量名為：classpath，值為：.;%Java_Home%lib;%Java_Home%libtools.jar的變量，點(diǎn)擊確定。點(diǎn)擊Path變量，點(diǎn)擊“編輯”，在變量值中添加：%Java-home%bin;%Java_Home%jre7bin;，點(diǎn)擊確定。 （2）安裝myeclipse8.5。雙擊exe文件，選擇路徑，根據(jù)提示逐步安裝。（3）添加Struts和Hibernate。右擊“工程”-“Build Path”-“Configure Build Path”找到所需要的Struts2和Hibernate包進(jìn)行添加。（4）安裝mysql-5-

24、winx64。點(diǎn)擊exe文件行安裝，安裝完畢后，需要如下操作來(lái)測(cè)試是否安裝成功。 在命令行輸入mysql -uroot p123(-u后面為用戶名，-p后為數(shù)據(jù)庫(kù)密碼)，若顯示如圖5-1所示效果，則MySQL安裝成功。圖5-1 測(cè)試MySQL安裝成功（5）安裝MySQL-Front軟件。該軟件是一款優(yōu)秀的MySQL數(shù)據(jù)庫(kù)的管理工具，在MySQL-Front官網(wǎng)或者華軍軟件園下載后，雙擊下載的exe文件，按照相應(yīng)提示安裝即可。5.2 系統(tǒng)首頁(yè)設(shè)計(jì)本購(gòu)物商城的主界面設(shè)計(jì)如圖5-2所示，進(jìn)入該頁(yè)面可了解到網(wǎng)站主要功能，左上部分為用戶注冊(cè)、登錄；公告瀏覽、商品查詢、銷量排行處于右部分，主要是為方便用戶

25、了解和購(gòu)買商品。 圖5-2系統(tǒng)首頁(yè)5.3 前臺(tái)基本功能的設(shè)計(jì)5.3.1 用戶維護(hù)使用本系統(tǒng)的用戶提供的信息要可靠并且需要安全管理，所以用戶管理在網(wǎng)購(gòu)系統(tǒng)設(shè)計(jì)中具有重要的意義。該模塊涉及到的功能如下：1注冊(cè)（1）實(shí)現(xiàn)目標(biāo)用戶注冊(cè)需要對(duì)密碼進(jìn)行輸入、確認(rèn)并填寫真實(shí)的個(gè)人信息如：姓名、地址、郵箱等。用戶只需按照所需填寫即可。郵箱雖然不是必不可少的，但是設(shè)置這樣一個(gè)東西有以下好處：第一，用戶的郵箱很大程度比其他聯(lián)系方式固定并且是唯一的；第二，通過用戶的e-mail可以更方便的聯(lián)系。在注冊(cè)時(shí)，提示不符合規(guī)矩，則需重新填寫。成功注冊(cè)后的信息會(huì)在后臺(tái)數(shù)據(jù)庫(kù)中存儲(chǔ)。界面的設(shè)計(jì)如圖5-3所示。 圖5-3用戶注冊(cè)

26、模塊表5-1用戶注冊(cè)表 2登錄（1）對(duì)用戶登錄主要流程描述用戶登錄要對(duì)其輸入的信息進(jìn)行校驗(yàn)，如果之前有注冊(cè)，登錄成功。相反，如果用戶未注冊(cè)，提示相應(yīng)導(dǎo)致無(wú)法登入的信息。用戶登錄過程的流程圖如圖5-4所示。圖5-4用戶登錄流程圖用戶登錄界面如圖5-5所示：圖5-5用戶登錄模塊表5-2用戶登錄表 3用戶修改（1）實(shí)現(xiàn)目標(biāo)登入系統(tǒng)后，主界面會(huì)有“個(gè)人信息”模塊，點(diǎn)擊此處查看個(gè)人信息。在該界面可以對(duì)自己所注冊(cè)信息進(jìn)行查看，若要進(jìn)行更改，點(diǎn)擊“修改個(gè)人信息”就可以對(duì)不滿意信息進(jìn)行更改，若不需要做任何變動(dòng)，點(diǎn)擊“返回主頁(yè)”就可以繼續(xù)購(gòu)物。修改個(gè)人信息界面如圖5-6所示：圖5-6用戶修改模塊表5-3修改個(gè)人

27、信息表5.3.2 商品展示1實(shí)現(xiàn)目標(biāo)貨品在界面上以不同的方式展現(xiàn)給買家。第一：將所有產(chǎn)品進(jìn)行分類，每一類中又有其子類，將產(chǎn)品詳細(xì)的劃分，讓買家更加方面的找到自己的所需；第二：分別從銷量、評(píng)價(jià)、價(jià)格、上架時(shí)間四個(gè)角度把產(chǎn)品劃分為熱銷商品、焦點(diǎn)商品、特價(jià)商品及新品上架，讓買家從另一個(gè)角度了解到產(chǎn)品的好壞以及是否值得入手。其界面設(shè)計(jì)如圖5-7所示：圖 5-7 商品展示界面2實(shí)現(xiàn)過程所在頁(yè)面名稱：index.jsp通過查詢相應(yīng)表，按銷售額字段升序排列實(shí)現(xiàn)。5.3.3 購(gòu)物車1購(gòu)物車程序流程描述用戶將商品添加到購(gòu)物車，點(diǎn)擊進(jìn)入購(gòu)物車后，可對(duì)商品進(jìn)行數(shù)量的修改，滿意后更新價(jià)格，進(jìn)入結(jié)算中心結(jié)賬或者返回繼續(xù)

28、購(gòu)物，最后一起結(jié)算。當(dāng)用戶決定不買商品時(shí)，對(duì)購(gòu)物車清空后繼續(xù)返回購(gòu)物。其流程圖如圖5-8所示：圖5-8購(gòu)物車程序流程圖 界面的設(shè)計(jì)如圖5-9所示：圖5-9購(gòu)物車模塊5.4 后臺(tái)管理的設(shè)計(jì)5.4.1 訂單管理1實(shí)現(xiàn)目標(biāo)在該模塊中管理員可以了解用戶下單的具體情況。在與倉(cāng)庫(kù)核實(shí)后若有庫(kù)存，根據(jù)詳細(xì)信息聯(lián)系倉(cāng)庫(kù)進(jìn)行發(fā)貨，發(fā)貨后點(diǎn)擊“發(fā)貨”告知用戶；如果倉(cāng)庫(kù)沒貨，及時(shí)聯(lián)系買家并刪除訂單。該界面如圖5-10所示的設(shè)計(jì)：圖5-10訂單管理模塊5.4.2 商品管理1實(shí)現(xiàn)目標(biāo)商品可以被管理員進(jìn)行刪除、修改等操作，在搜索框查詢具體要編輯的商品后點(diǎn)擊“修改”就可以進(jìn)行上述操作，根據(jù)相應(yīng)商品對(duì)其添加圖片。如圖5-11

29、所示的設(shè)計(jì)：圖5-11商品管理模塊5.4.3 公告管理1實(shí)現(xiàn)目標(biāo)建立該模塊讓商家可以在自己的系統(tǒng)平臺(tái)上為所銷售的物品打廣告，買家進(jìn)入商城主頁(yè)后也可以第一時(shí)間了解商品的實(shí)時(shí)資訊。該界面如圖5-12所示的設(shè)計(jì)：圖5-12公告管理模塊5.4.4 評(píng)論管理1實(shí)現(xiàn)目標(biāo)用戶對(duì)商品以及商城的建議和意見在后臺(tái)顯示，讓管理員查看，對(duì)自家服務(wù)和商品的優(yōu)劣有所了解，根據(jù)用戶的評(píng)價(jià)規(guī)劃商城以后的發(fā)展以及商品的更替。該界面如圖5-13所示：圖5-13 評(píng)論管理模塊6.系統(tǒng)測(cè)試6.1 前臺(tái)首頁(yè)的測(cè)試1查詢模塊測(cè)試點(diǎn)開系統(tǒng)首頁(yè)，然后在搜索框的右上方輸入查詢的全名，搜索貨物將單獨(dú)顯示，通過對(duì)系統(tǒng)進(jìn)行大量測(cè)試，模塊成功 。2商

30、品分類模塊測(cè)試測(cè)試過程是點(diǎn)擊左邊的頁(yè)面的商品類別，鼠標(biāo)移動(dòng)到一個(gè)商品類別，會(huì)彈出其子類別，選擇不同的子類別會(huì)顯示不同種類的商品，反復(fù)測(cè)試后該模塊無(wú)誤。6.2 用戶注冊(cè)模塊的測(cè)試在用戶注冊(cè)界面所有前面加“*”的都是必須填寫的，“出生年月”、“聯(lián)系方式”等無(wú)法知曉真假的不加入測(cè)試中。必要的測(cè)試準(zhǔn)備的數(shù)據(jù)有：打開注冊(cè)頁(yè)面，輸入第一組數(shù)據(jù)，單擊注冊(cè)按鈕，系統(tǒng)提示表單信息不能為空，這組數(shù)據(jù)中真實(shí)姓名為Null。 然后測(cè)試第二組數(shù)據(jù)，因?yàn)槊艽a前后不一致而無(wú)法注冊(cè)。把第三組數(shù)據(jù)輸入后，可以注冊(cè)成功，故通過。6.3 商品管理模塊的測(cè)試 1商品添加點(diǎn)擊“商品管理”，接著點(diǎn)擊“添加商品”會(huì)出現(xiàn)所屬子類別、名稱、單

31、價(jià)、庫(kù)存、商品簡(jiǎn)介等需要填寫的部分圖片，類別是通過下拉列表框選擇。所有內(nèi)容填寫成功后點(diǎn)擊“提交”就可以在上一層界面看見所添加商品的詳情（此時(shí)沒有商品圖片）。點(diǎn)擊“上傳圖片”，就可以傳對(duì)應(yīng)物品圖片，經(jīng)多次商品的添加均成功。 2商品刪除通過點(diǎn)擊“刪除”對(duì)商品進(jìn)行刪除操作，檢查表中是否還有此記錄，若無(wú)則刪除信息成功。3商品修改 點(diǎn)擊“修改”，在跳出的頁(yè)面對(duì)一些商品的產(chǎn)品編號(hào)、所屬類別、名稱、單價(jià)、庫(kù)存、內(nèi)容簡(jiǎn)介進(jìn)行修改，經(jīng)多次修改，“商品管理”中均出現(xiàn)修改后商品的信息。 經(jīng)過多次多方面的測(cè)試，均無(wú)誤，該系統(tǒng)已經(jīng)正確地實(shí)現(xiàn)了用戶的需求，可以投入使用中。7.結(jié)束語(yǔ) 通過長(zhǎng)時(shí)間的學(xué)習(xí)和探索，完成了本科畢業(yè)設(shè)計(jì)以及論文的撰