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

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

Hj.Paim[J].Students'Online

Shopping

Behavio:An

Empiri