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

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

Hj.Paim[J].Students'Online

Shopping

Behavio:An

Empiri