基于Web的蛋糕銷(xiāo)售系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)摘要 1引言 11.系統(tǒng)開(kāi)發(fā)的目的與意義 22.關(guān)鍵技術(shù)介紹 22.1JSP 22.2Servlet 22.3MVC 22.4Ajax 33.需求分析 33.1系統(tǒng)概述 33.2功能需求 34.系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 54.1總體設(shè)計(jì) 54.2數(shù)據(jù)庫(kù)設(shè)計(jì) 54.3前臺(tái)功能實(shí)現(xiàn) 74.4后臺(tái)功能實(shí)現(xiàn) 105.系統(tǒng)測(cè)試 126.總結(jié)與討論 13參考文獻(xiàn) 15致謝 16摘要：針對(duì)現(xiàn)在實(shí)體店銷(xiāo)售存在高租金、顧客群體單一和人們工作日益繁忙無(wú)法逛街等問(wèn)題，本文設(shè)計(jì)了基于Web的蛋糕銷(xiāo)售系統(tǒng)。該系統(tǒng)采用MVC開(kāi)發(fā)模式，MySQL數(shù)據(jù)庫(kù)，使用JSP+JavaBean+Servlet技術(shù)，實(shí)現(xiàn)了客戶(hù)操作界面和商家操作界面。其中客戶(hù)操作界面主要實(shí)現(xiàn)了客戶(hù)登錄、注冊(cè)、商品瀏覽、商品搜索、購(gòu)物車(chē)、訂單查看、修改和刪除等功能。商家操作界面主要實(shí)現(xiàn)了登錄、商品查看、添加、修改、刪除、搜索和訂單查看、搜索等功能。使得客戶(hù)可以做到足不出戶(hù)，就可以預(yù)定到滿(mǎn)意的蛋糕，并且頁(yè)面操作簡(jiǎn)單，使用方便，為客戶(hù)提供了更加便捷的消費(fèi)方式，同時(shí)也提高商家的銷(xiāo)售訂單，起到了兩全其美的作用。關(guān)鍵詞：蛋糕銷(xiāo)售;JSP;Servlet;MySQL;Web;引言隨著信息化時(shí)代的到來(lái)，人們的生活已經(jīng)離不開(kāi)省時(shí)省力的線(xiàn)上購(gòu)物方式了，通過(guò)線(xiàn)上商品的交易，減少了時(shí)間的浪費(fèi)，線(xiàn)上購(gòu)物以它方便、快捷、高效的特點(diǎn)而深受廣大客戶(hù)的喜愛(ài)[1]。系統(tǒng)以此作為研發(fā)背景，進(jìn)行設(shè)計(jì)和開(kāi)發(fā)，讓客戶(hù)足不出戶(hù)，無(wú)時(shí)間限制的隨時(shí)都可以進(jìn)行線(xiàn)上購(gòu)物，買(mǎi)到自己滿(mǎn)意的蛋糕，避免沒(méi)有時(shí)間購(gòu)物、店鋪太遠(yuǎn)和商店人員態(tài)度不佳等問(wèn)題。不僅解決了顧客的煩惱，還為商家?guī)?lái)了更的高業(yè)績(jī)。1.系統(tǒng)開(kāi)發(fā)的背景與意義在傳統(tǒng)的蛋糕實(shí)體店中，會(huì)面臨許多現(xiàn)實(shí)中的困擾，比如店面的選址未在繁華地段影響收益、進(jìn)店消費(fèi)的群體有限和顧客不能及時(shí)知道店鋪蛋糕的樣式及種類(lèi)等。如今，傳統(tǒng)的實(shí)體店銷(xiāo)售模式不能滿(mǎn)足人們?nèi)找嬖鲩L(zhǎng)的物質(zhì)需求，為了滿(mǎn)足人們足不出戶(hù)就能輕松購(gòu)物的需求，提高商家的收益，特地開(kāi)發(fā)了網(wǎng)絡(luò)蛋糕銷(xiāo)售系統(tǒng)。傳統(tǒng)的蛋糕銷(xiāo)售主要是以實(shí)體店為基礎(chǔ)，要選擇合適的門(mén)面房，投入巨大，銷(xiāo)量也不可預(yù)測(cè)，而網(wǎng)絡(luò)蛋糕銷(xiāo)售系統(tǒng)可以不用擔(dān)心地理位置和房租的問(wèn)題，客戶(hù)群體范圍也擴(kuò)展了，可以節(jié)省開(kāi)支，還增加了營(yíng)業(yè)額[2]。該系統(tǒng)在使用的便捷性和操作的簡(jiǎn)單性上，易被接受和采納，是一款實(shí)用性強(qiáng)的系統(tǒng)[3]。2.關(guān)鍵技術(shù)介紹2.1JSPJSP是由Sun公司于1999年推出的一種動(dòng)態(tài)網(wǎng)頁(yè)標(biāo)準(zhǔn)。利用這一技術(shù)可以建立安全和跨平臺(tái)的先進(jìn)動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)。它是從Servlet中分離出來(lái)的一小部分，簡(jiǎn)化了開(kāi)發(fā)，加強(qiáng)了界面設(shè)計(jì)，因?yàn)楫?dāng)客戶(hù)對(duì)界面風(fēng)格和內(nèi)容進(jìn)行修改時(shí)，就需要對(duì)代碼進(jìn)行修改并且需要進(jìn)行重新編譯和部署，這樣就導(dǎo)致維護(hù)的工作量急劇上升，所以推出了JSP[4]。2.2Servlet

Servlet是運(yùn)行在Web服務(wù)器或應(yīng)用服務(wù)器上的程序，它是作為來(lái)自Web瀏覽器或其他HTTP客戶(hù)端的請(qǐng)求和HTTP服務(wù)器上的數(shù)據(jù)庫(kù)或應(yīng)用程序之間的中間層[5]。2.3MVCMVC是一個(gè)基本的框架模式，其中包括模型(Model)、視圖(View)、控制器(Controller)，它將應(yīng)用程序的數(shù)據(jù)模型層、處理層和視圖層分開(kāi)，最經(jīng)典的MVC就是JSP[6]。2.4AjaxAjax是一個(gè)強(qiáng)大的語(yǔ)言集合，將這些語(yǔ)言綜合起來(lái)就可以創(chuàng)造非常直觀的客戶(hù)界面，可以通過(guò)各種基于Ajax的組件提高Web應(yīng)用程序某些部分的性能且不會(huì)走向極端，同時(shí)也適用于建立服務(wù)器端鏈接，以及在不需要刷新瀏覽器的情況下的數(shù)據(jù)交互[7]。3.需求分析3.1 系統(tǒng)概述該系統(tǒng)供商家和客戶(hù)使用，其中前臺(tái)客戶(hù)功能系統(tǒng)包括登錄注冊(cè)、前臺(tái)商品分頁(yè)瀏覽、搜索功能、訪問(wèn)權(quán)限、購(gòu)物車(chē)和訂單的生成查看等功能，后臺(tái)商家功能系統(tǒng)包括登錄、訪問(wèn)權(quán)限、商品管理和訂單管理等功能[8]。本系統(tǒng)采用網(wǎng)頁(yè)顯示的方式，使人機(jī)之間的交互方便易懂、易用和易控制。3.2功能需求3.2.1前臺(tái)功能需求（1）客戶(hù)登錄：對(duì)已經(jīng)注冊(cè)的客戶(hù)通過(guò)系統(tǒng)的前臺(tái)管理頁(yè)面進(jìn)行登錄。（2）客戶(hù)注冊(cè)：幫助未注冊(cè)的客戶(hù)完成注冊(cè)，包含數(shù)據(jù)的合法性校驗(yàn)，并對(duì)客戶(hù)名是否已被注冊(cè)進(jìn)行異步校驗(yàn)。（3）商品展示：可以通過(guò)分頁(yè)瀏覽商品，也可以通過(guò)關(guān)鍵詞搜索商品。（4）購(gòu)物車(chē)：存放客戶(hù)的商品數(shù)量，客戶(hù)可以修改自己的購(gòu)物車(chē)。（5）訂單查看：對(duì)于已經(jīng)登錄的客戶(hù)可以對(duì)購(gòu)物車(chē)進(jìn)行付款生成訂單。（6）前臺(tái)頁(yè)面訪問(wèn)權(quán)限：對(duì)已有賬號(hào)訪問(wèn)進(jìn)行權(quán)限分類(lèi)，客戶(hù)只能進(jìn)入前臺(tái)操作界面。如圖1所示：系統(tǒng)的前臺(tái)功能模塊客戶(hù)注冊(cè)系統(tǒng)的前臺(tái)功能模塊客戶(hù)注冊(cè)客戶(hù)登錄商品瀏覽商品檢索購(gòu)物車(chē)管理訂單管理圖1系統(tǒng)前臺(tái)功能模塊圖3.2.2后臺(tái)功能需求（1）商家登錄：商家通過(guò)系統(tǒng)的后臺(tái)管理頁(yè)面進(jìn)行登錄。（2）商品管理：商家可以對(duì)客戶(hù)首頁(yè)展示的商品進(jìn)行管理，包括分頁(yè)查看、新增和搜索等功能。（3）訂單管理：商家可以對(duì)訂單進(jìn)行查看、刪除和搜索等功能。（4）后臺(tái)賬戶(hù)管理：商家可以對(duì)后臺(tái)賬戶(hù)進(jìn)行新增、刪除和搜索等功能。（5）客戶(hù)管理：商家可以對(duì)已經(jīng)注冊(cè)的客戶(hù)進(jìn)行添加、刪除和搜索等功能。（6）后臺(tái)頁(yè)面的訪問(wèn)權(quán)限：對(duì)已有賬號(hào)訪問(wèn)時(shí)進(jìn)行權(quán)限分類(lèi)，商家只能進(jìn)入后臺(tái)系統(tǒng)。如圖2所示：系統(tǒng)的后臺(tái)功能模塊系統(tǒng)的后臺(tái)功能模塊客戶(hù)管理商品信息管理訂單信息管理商家登錄后臺(tái)賬戶(hù)管理圖2系統(tǒng)后臺(tái)功能模塊圖4.系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)4.1 總體設(shè)計(jì)該系統(tǒng)前臺(tái)客戶(hù)模塊包含客戶(hù)的登陸注冊(cè)、購(gòu)物車(chē)和訂單等功能。后臺(tái)商家模塊包含商家登錄、訂單管理和后臺(tái)賬戶(hù)管理等功能，如圖3所示。圖3總體設(shè)計(jì)模塊圖4.2 數(shù)據(jù)庫(kù)設(shè)計(jì)數(shù)據(jù)庫(kù)系統(tǒng)是現(xiàn)代計(jì)算機(jī)信息系統(tǒng)的重要組成基礎(chǔ)，整體系統(tǒng)的性能和運(yùn)行速度非常依賴(lài)于各種類(lèi)型的數(shù)據(jù)庫(kù)研究[9]。4.2.1表結(jié)構(gòu)和字段類(lèi)型表1客戶(hù)信息表s_admin字段名稱(chēng)字段類(lèi)型字段長(zhǎng)度是否空是否主鍵備注說(shuō)明idint11否是商家的iduserNamevarchar255否否商家名passwordvarchar255否否密碼namevarchar255否否姓名LastLoginTimedatetime255否否最后登錄時(shí)間表2注冊(cè)客戶(hù)信息表s_user字段名稱(chēng)字段類(lèi)型字段長(zhǎng)度是否空是否主鍵備注說(shuō)明userIdint11否是客戶(hù)的iduserNamevarchar20否否客戶(hù)名userPasswordvarchar20否否密碼namevarchar20否否姓名sexvarchar2否否性別ageint5否否年齡tellvarchar20否否手機(jī)號(hào)addressvarchar100否否地址enabledvarchar1否否客戶(hù)狀態(tài)表3商品信息表s_cake字段名稱(chēng)字段類(lèi)型字段長(zhǎng)度是否空是否主鍵備注說(shuō)明cakeIdint11否是商品編號(hào)catalogIdint20否否商品分類(lèi)idcakeNamevarchar20否否商品名稱(chēng)pricedouble20,2否否價(jià)格descriptiontext是否描述信息imgIdint11否否圖片idaddTimedatetime否否上架時(shí)間表4商品分類(lèi)表s_catalog字段名稱(chēng)字段類(lèi)型字段長(zhǎng)度是否空是否主鍵備注說(shuō)明catalogIdint11否是商品分類(lèi)idcatalogNamevarchar20否否商品分類(lèi)名稱(chēng)表5訂單信息表s_order字段名稱(chēng)字段類(lèi)型字段長(zhǎng)度是否空是否主鍵備注說(shuō)明orderIdint11否是訂單編號(hào)orderNumvarchar50否否訂單號(hào)userIdint11否否客戶(hù)的idorderDatevarchar20否否訂單日期moneydouble10,2否否訂單金額orderStatusint2否否訂單狀態(tài)表6商家操作表s_orderitem字段名稱(chēng)字段類(lèi)型字段長(zhǎng)度是否空是否主鍵備注說(shuō)明itemIdint11否是訂單項(xiàng)編號(hào)cakeIdint11否否商品編號(hào)orderIdint11否否訂單編號(hào)quantityint11否否數(shù)量表7圖片信息表s_uploadimg字段名稱(chēng)字段類(lèi)型字段長(zhǎng)度是否空是否主鍵備注說(shuō)明imgIdint11否是圖片idimgNamevarchar50否否圖片名稱(chēng)imgSrcvarchar255否否圖片路徑imgTypevarchar20否否圖片類(lèi)型4.3前臺(tái)功能實(shí)現(xiàn)4.3.1登錄界面客戶(hù)登錄是用來(lái)接收客戶(hù)錄入的用戶(hù)名及密碼。單擊“登錄”按鈕時(shí)，會(huì)彈出登錄窗口，系統(tǒng)將對(duì)輸入的用戶(hù)名和密碼進(jìn)行驗(yàn)證，如果輸入的用戶(hù)名和密碼在數(shù)據(jù)表中已經(jīng)存在則登錄成功，跳轉(zhuǎn)首頁(yè)，登錄以后在cookie中把用戶(hù)信息保存，在.js中引入cookie-parser插件，專(zhuān)門(mén)處理cookie，否則彈出錯(cuò)誤提示信息，如圖4所示。圖4客戶(hù)登錄圖4.3.2注冊(cè)界面在客戶(hù)注冊(cè)頁(yè)面，要對(duì)注冊(cè)信息經(jīng)過(guò)嚴(yán)格的過(guò)濾，保證注冊(cè)用戶(hù)的唯一性，在提交注冊(cè)信息后需要對(duì)數(shù)據(jù)表中的數(shù)據(jù)進(jìn)行遍歷，如果無(wú)重復(fù)數(shù)據(jù)，則把數(shù)據(jù)庫(kù)插入數(shù)據(jù)表，并提示客戶(hù)注冊(cè)成功，否則提示此用戶(hù)名已被占用請(qǐng)重新注冊(cè)，注冊(cè)完成后由客戶(hù)端將注冊(cè)信息提交至服務(wù)端進(jìn)行注冊(cè)，提交方式為HTTP的POST請(qǐng)求方式，如圖5所示。圖5客戶(hù)注冊(cè)圖4.3.3購(gòu)物車(chē)加入購(gòu)物車(chē)就是當(dāng)客戶(hù)點(diǎn)擊“加入購(gòu)物車(chē)”按鈕時(shí)，系統(tǒng)會(huì)將該商品的詳細(xì)信息及數(shù)量展示在購(gòu)物車(chē)中。添加商品的代碼流程是從Session中讀取Shop對(duì)象，如果對(duì)象為空則說(shuō)明客戶(hù)還未購(gòu)物或者購(gòu)物車(chē)清空了，需要新建購(gòu)物車(chē)對(duì)象[10]。如圖6所示。圖6購(gòu)物車(chē)圖4.3.5查看訂單客戶(hù)提交訂單后，通過(guò)我的訂單查詢(xún)訂單信息。給訂單添加攔截器，用戶(hù)必須登陸才能查看訂單，在攔截器中獲取用戶(hù)的信息，通過(guò)用戶(hù)id獲取購(gòu)物車(chē)數(shù)據(jù)然后保存到數(shù)據(jù)庫(kù)中，可以在收到實(shí)物的蛋糕確認(rèn)無(wú)誤后，點(diǎn)擊確認(rèn)收貨，商家會(huì)收到客戶(hù)已確認(rèn)收貨的提示，此訂單完成，如圖7所示。圖7查看訂單圖4.4后臺(tái)功能實(shí)現(xiàn)4.4.1用戶(hù)管理頁(yè)面用戶(hù)管理模塊包括管理員管理和用戶(hù)管理兩個(gè)子功能，管理員管理是對(duì)商家的賬號(hào)進(jìn)行操作，實(shí)現(xiàn)了對(duì)商家賬號(hào)的新增和刪除。用戶(hù)管理是對(duì)客戶(hù)的賬號(hào)進(jìn)行操作，實(shí)現(xiàn)了對(duì)客戶(hù)賬號(hào)的新增和刪除，在進(jìn)行操作時(shí)侯，系統(tǒng)會(huì)自動(dòng)進(jìn)入數(shù)據(jù)庫(kù)進(jìn)行校驗(yàn)，在校驗(yàn)無(wú)重復(fù)數(shù)據(jù)后，通過(guò)“insertintos_admin(userName,password)values(新名字,新密碼)”在后臺(tái)對(duì)數(shù)據(jù)庫(kù)進(jìn)行添加操作，如圖8所示。圖8客戶(hù)管理圖4.4.2商品管理頁(yè)面商品管理中包括商品列表和分類(lèi)管理。商品列表的管理包括商品的詳情查看、添加、修改、刪除、批量刪除等功能，主要在商品的錄入中操作；分類(lèi)管理包括添加分類(lèi)、刪除和批量刪除的操作，對(duì)商品進(jìn)行分類(lèi)可以方便后臺(tái)的商家管理和前臺(tái)的客戶(hù)瀏覽，如圖9所示。圖9商品管理圖4.4.3訂單管理頁(yè)面訂單管理包括訂單列表和訂單處理兩個(gè)子功能，訂單列表包括訂單詳情和訂單狀態(tài)的顯示，點(diǎn)擊詳情按鈕觸發(fā)跳出彈窗，顯示本訂單的詳細(xì)內(nèi)容，點(diǎn)擊刪除按鈕可將已處理的訂單在確認(rèn)完成無(wú)誤后進(jìn)行刪除。還有檢索的功能，方便對(duì)急需處理的訂單進(jìn)行檢索，對(duì)數(shù)據(jù)庫(kù)的訂單數(shù)據(jù)進(jìn)行訂單號(hào)條件校驗(yàn)，遍歷返回?cái)?shù)據(jù)，訂單處理同上，如圖10所示。圖10訂單管理圖5.系統(tǒng)測(cè)試蛋糕銷(xiāo)售系統(tǒng)的功能測(cè)試分為頁(yè)面跳轉(zhuǎn)與展示、搜索功能，登陸注冊(cè)、購(gòu)物車(chē)等模塊。頁(yè)面跳轉(zhuǎn)，如表8所示。表8頁(yè)面跳轉(zhuǎn)測(cè)試目錄操作效果結(jié)果首頁(yè)點(diǎn)擊首頁(yè)，點(diǎn)擊商品推薦成功跳轉(zhuǎn)首頁(yè)，商品推薦頁(yè)。成功分類(lèi)頁(yè)點(diǎn)擊分類(lèi)頁(yè)成功跳轉(zhuǎn)成功購(gòu)物車(chē)登錄時(shí)：點(diǎn)擊購(gòu)物車(chē)2.未登錄時(shí)：點(diǎn)擊購(gòu)物車(chē)1.登錄時(shí)：跳轉(zhuǎn)到有訂單列表的頁(yè)面2.未登錄時(shí)：跳轉(zhuǎn)到空白的購(gòu)物車(chē)頁(yè)面成功詳情頁(yè)點(diǎn)擊詳情頁(yè)成功跳轉(zhuǎn)，正確展示商品詳情成功（2）搜索輸入搜索詞，點(diǎn)擊搜索，頁(yè)面成功渲染搜索相關(guān)的標(biāo)題，測(cè)試結(jié)果成功。（3）登錄注冊(cè)注冊(cè)：輸入符合要求的用戶(hù)名和密碼，進(jìn)行注冊(cè)，注冊(cè)成功回退到個(gè)人中心頁(yè)面，數(shù)據(jù)庫(kù)中用戶(hù)表新添加了用戶(hù)。輸入重復(fù)的用戶(hù)名則顯示用戶(hù)名已存在，測(cè)試結(jié)果成功[11]。登錄：輸入正確的用戶(hù)名和密碼，成功登錄本賬號(hào)并直接轉(zhuǎn)至首頁(yè)，輸入錯(cuò)誤的用戶(hù)名或密碼，直接跳轉(zhuǎn)注冊(cè)頁(yè)面。測(cè)試結(jié)果成功。（4）購(gòu)物車(chē)與收藏如表9所示。表9購(gòu)物車(chē)與收藏測(cè)試目錄操作效果結(jié)果添加商品到購(gòu)物車(chē)商品展示頁(yè)點(diǎn)擊加入購(gòu)物車(chē)購(gòu)物車(chē)列表頁(yè)面包含新添的商品成功移除購(gòu)物車(chē)的訂單點(diǎn)擊‘刪除’按鈕商品從購(gòu)物車(chē)成功移除成功數(shù)量修改點(diǎn)擊數(shù)量“+”“-”按鈕商品數(shù)量成功新增或者減少，數(shù)量為0時(shí)不再減少成功去結(jié)算點(diǎn)擊結(jié)算按鈕成功顯計(jì)算的總價(jià)成功6.總結(jié)與討論本文研究了基于Web的蛋糕銷(xiāo)售系統(tǒng)，其實(shí)現(xiàn)模塊主要包括前臺(tái)客戶(hù)功能模塊、后臺(tái)商家功能模塊。本系統(tǒng)采用B/S結(jié)構(gòu)模式，系統(tǒng)的分析設(shè)計(jì)使用面向?qū)ο蟮募夹g(shù)、JSP+JavaBean+Servlet技術(shù)和MVC模式，在前臺(tái)實(shí)現(xiàn)了網(wǎng)站的首頁(yè)、用戶(hù)登錄注冊(cè)、商品瀏覽、購(gòu)物車(chē)和訂單購(gòu)買(mǎi)等功能。后臺(tái)實(shí)現(xiàn)了用戶(hù)管理、商品管理、分類(lèi)管理和訂單管理等功能。在蛋糕銷(xiāo)售方面非常具有可行性，基本上滿(mǎn)足了蛋糕的銷(xiāo)售需求。本系統(tǒng)實(shí)現(xiàn)了蛋糕在線(xiàn)購(gòu)物的一些基本功能，但是由于本人時(shí)間和能力有限，還有很多功能未能實(shí)現(xiàn)，例如：在線(xiàn)支付、商品評(píng)價(jià)和行為分析推薦等功能。所以,也希望日后能夠修改完善已有功能，開(kāi)發(fā)更多新的功能，為消費(fèi)者帶來(lái)更好的線(xiàn)上蛋糕購(gòu)買(mǎi)體驗(yàn)，為商家?guī)?lái)更滿(mǎn)意的銷(xiāo)售體驗(yàn)。參考文獻(xiàn)呈雯.我國(guó)網(wǎng)絡(luò)購(gòu)物現(xiàn)狀淺析[J].商業(yè)時(shí)代，2006，(3).45-46.Laily

Hj.Paim[J].Students'Online

Shopping

Behavio:An

Empiri