某甜品店的網(wǎng)上銷(xiāo)售系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)摘要現(xiàn)代科技網(wǎng)絡(luò)為先，目前各種商家、店鋪不僅僅只依靠實(shí)體店鋪來(lái)銷(xiāo)售商品，網(wǎng)上銷(xiāo)售成為主流的銷(xiāo)售方式。甜品也是現(xiàn)在人們喜歡吃的一種食物。甜品的網(wǎng)上銷(xiāo)售系統(tǒng)可以方便想吃的人進(jìn)行購(gòu)買(mǎi)，大大減少了管理成本，增加了宣傳力度。本甜品店網(wǎng)上銷(xiāo)售系統(tǒng)采用了讓開(kāi)發(fā)變得更簡(jiǎn)單的Maven技術(shù)來(lái)開(kāi)發(fā)，數(shù)據(jù)庫(kù)采用MySQL。系統(tǒng)面向大眾，將甜品店的商品可以向外擴(kuò)大銷(xiāo)售范圍，超出銷(xiāo)售范圍可以通過(guò)連鎖來(lái)實(shí)現(xiàn)擴(kuò)大。消費(fèi)者通過(guò)店鋪的上新或已有的商品進(jìn)行選擇，在銷(xiāo)售過(guò)程可為消費(fèi)者提供參考搭配。商家也可為消費(fèi)者提供一些優(yōu)惠活動(dòng)，銷(xiāo)售的過(guò)程中保障商品的安全使用日期，讓消費(fèi)者放心食用。關(guān)鍵詞：甜品店，網(wǎng)上銷(xiāo)售，Maven，MySQL目錄TOC\o"1-2"\h\u30095第1章引言 120181.1研究背景 113951.2研究目標(biāo)及意義 1313161.3研究?jī)?nèi)容 129026第2章需求分析 3286272.1系統(tǒng)概述 3234542.2可行性分析研究 3279272.3功能性需求 3234392.4非功能性需求 5814第3章系統(tǒng)設(shè)計(jì) 7246213.1功能模塊設(shè)計(jì) 717393.2系統(tǒng)架構(gòu)設(shè)計(jì) 9283043.3數(shù)據(jù)庫(kù)設(shè)計(jì) 119999第4章系統(tǒng)實(shí)現(xiàn) 16261384.1用戶(hù)登錄 1619364.2前臺(tái)操作界面 16324744.3評(píng)論展示與回復(fù) 17244934.4個(gè)人中心界面 1871874.5后臺(tái)管理界面 1829040第5章關(guān)鍵技術(shù) 1971945.1系統(tǒng)實(shí)現(xiàn)技術(shù) 19318845.2系統(tǒng)主要代碼 1922489結(jié)論 2313879參考文獻(xiàn) 24引言1.1研究背景隨著科技的發(fā)展，經(jīng)濟(jì)水平的提升，也使人們對(duì)生活水平的要求也不斷提升。目前飲食行業(yè)的甜品是大部分人的喜愛(ài)，例如：下午茶的小食品、女生心情不好時(shí)的“提神”神器等。在這樣的前提下，許多的甜品店鋪都逐漸地開(kāi)起來(lái)。甜品店鋪不僅僅只限于實(shí)體店鋪，網(wǎng)店也在隨著網(wǎng)絡(luò)的擴(kuò)展，將店鋪內(nèi)的食品通過(guò)網(wǎng)絡(luò)傳輸讓更多人可以知曉。隨著網(wǎng)絡(luò)技術(shù)的發(fā)展迅速，網(wǎng)上的銷(xiāo)售系統(tǒng)也是普遍的。各種實(shí)體店的網(wǎng)上銷(xiāo)售系統(tǒng)也都普遍應(yīng)用，例如，美團(tuán)與商家合作可實(shí)現(xiàn)同城區(qū)的線上與線下銷(xiāo)售；淘寶與店鋪合作可實(shí)現(xiàn)全國(guó)各個(gè)區(qū)域的線上銷(xiāo)售。甜品店的網(wǎng)上銷(xiāo)售可以與美團(tuán)合作，也可和淘寶合作，商品可通過(guò)線上讓更多用戶(hù)挑選購(gòu)買(mǎi)。1.2研究目標(biāo)及意義甜品店網(wǎng)上銷(xiāo)售系統(tǒng)是基于實(shí)體店銷(xiāo)售的網(wǎng)上銷(xiāo)售系統(tǒng)，網(wǎng)上銷(xiāo)售系統(tǒng)可增加實(shí)體店的收益，方便消費(fèi)者在同區(qū)域的任何地方都查看該店內(nèi)銷(xiāo)售的商品，在網(wǎng)站上用戶(hù)可以通過(guò)網(wǎng)站去瀏覽商品信息，用戶(hù)可根據(jù)其他用戶(hù)購(gòu)買(mǎi)商品的數(shù)量，了解冰點(diǎn)甜品店的熱銷(xiāo)商品方便用戶(hù)去查看，去選擇商品。網(wǎng)上銷(xiāo)售只需管理員在系統(tǒng)中對(duì)商品進(jìn)行基礎(chǔ)的操作，用戶(hù)可在網(wǎng)上了解該店內(nèi)的商品，以及關(guān)于商品的一些基本信息，根據(jù)商品的基本信息去選擇是否進(jìn)行購(gòu)買(mǎi)商品，用戶(hù)也可對(duì)商品進(jìn)行評(píng)價(jià)，方便用戶(hù)溝通并表達(dá)自己對(duì)某個(gè)甜品的認(rèn)識(shí)、以及對(duì)該商品的感受，各用戶(hù)之間也可以相互進(jìn)行推薦。網(wǎng)上銷(xiāo)售系統(tǒng)可減輕實(shí)體店的銷(xiāo)售壓力，銷(xiāo)售員可以不用在實(shí)體店門(mén)口招攬客人也不用再用傳單去找攬客戶(hù)，可通過(guò)網(wǎng)絡(luò)的方式大范圍的去吸收客人，通過(guò)網(wǎng)絡(luò)的推送，用戶(hù)只要熟悉一點(diǎn)網(wǎng)絡(luò)操作就可以在網(wǎng)絡(luò)上進(jìn)行購(gòu)買(mǎi)商品，這樣既可以滿(mǎn)足用戶(hù)的需求又可以增加實(shí)體店的收益，通過(guò)網(wǎng)上銷(xiāo)售可以讓更多人足不出門(mén)的了解到店內(nèi)商品，可以足不出門(mén)就能購(gòu)買(mǎi)自己中意的商品，為其提供便利。1.3研究?jī)?nèi)容該課題的主要研究?jī)?nèi)容有：1.對(duì)系統(tǒng)進(jìn)行詳細(xì)設(shè)計(jì)。思考并描述實(shí)現(xiàn)具體模塊所要用到的算法、數(shù)據(jù)結(jié)構(gòu)、類(lèi)的等級(jí)結(jié)構(gòu)、訪問(wèn)順序及關(guān)系，需要對(duì)系統(tǒng)的各個(gè)層次中的每個(gè)模塊以及模塊之間的關(guān)系或小程序的設(shè)計(jì)進(jìn)行考慮，方便之后對(duì)系統(tǒng)進(jìn)行編碼和測(cè)試。根據(jù)系統(tǒng)的詳細(xì)設(shè)計(jì)可以清晰的知道每個(gè)功能要怎樣設(shè)計(jì)與編寫(xiě)。2.對(duì)系統(tǒng)的數(shù)據(jù)庫(kù)進(jìn)行設(shè)計(jì)。考慮系統(tǒng)需要用到的存儲(chǔ)數(shù)據(jù)的表，弄清楚表與表之間的關(guān)聯(lián)關(guān)系以及對(duì)應(yīng)關(guān)系，表中字段的用途以及字段的使用類(lèi)型，保證數(shù)據(jù)表之間的邏輯清晰，方便在編寫(xiě)系統(tǒng)時(shí)用起來(lái)頭腦清醒，不會(huì)因數(shù)據(jù)問(wèn)題出現(xiàn)錯(cuò)誤。3.對(duì)系統(tǒng)進(jìn)行編寫(xiě)。通過(guò)自己選擇的語(yǔ)言分別實(shí)現(xiàn)各大模塊以及小模塊的功能，首先想清楚大模塊包含的小模塊以及模塊之間對(duì)應(yīng)的數(shù)據(jù)，先實(shí)現(xiàn)大模塊再根據(jù)大模塊去實(shí)現(xiàn)其對(duì)應(yīng)的小模塊的功能，從而實(shí)現(xiàn)對(duì)目標(biāo)系統(tǒng)的功能、性能、接口、界面等方面的要求。4.對(duì)系統(tǒng)進(jìn)行測(cè)試。對(duì)于編寫(xiě)好的系統(tǒng)需要進(jìn)行測(cè)試，首先自己需要去跑一遍系統(tǒng)流程，將有欠缺的地方補(bǔ)充完好，再去交給其他人使用，該測(cè)試用戶(hù)使用后，根據(jù)測(cè)試用戶(hù)跑系統(tǒng)流程時(shí)出現(xiàn)的問(wèn)題進(jìn)行整理，再根據(jù)文檔進(jìn)行系統(tǒng)的再一次優(yōu)化，優(yōu)化后再去一一確認(rèn)系統(tǒng)功能。需求分析2.1系統(tǒng)概述甜品店網(wǎng)上銷(xiāo)售系統(tǒng)是一款基于網(wǎng)站的系統(tǒng)，它類(lèi)似于淘寶、美團(tuán)的商家店鋪，是一款專(zhuān)為愛(ài)吃甜品的小吃貨的關(guān)于甜品的網(wǎng)站。本系統(tǒng)主要分為普通用戶(hù)和管理員兩個(gè)用戶(hù)角色。本系統(tǒng)主要實(shí)現(xiàn)的功能是用戶(hù)通過(guò)選擇商品進(jìn)行購(gòu)買(mǎi)。2.2可行性分析研究2.2.1技術(shù)可行性本系統(tǒng)是基于Maven框架、MySQL數(shù)據(jù)庫(kù)、Tomcat8.0服務(wù)器。Maven默認(rèn)配置了很多框架的使用方式，它操作比較簡(jiǎn)單，廣泛的被使用，適應(yīng)性比較強(qiáng)，所以采用MySQL數(shù)據(jù)庫(kù)可以很好的為系統(tǒng)保存好數(shù)據(jù)，方便使用。2.2.2操作可行性本系統(tǒng)是一款基于網(wǎng)站的系統(tǒng)，只需用戶(hù)熟悉網(wǎng)站，購(gòu)物的簡(jiǎn)單操作，即可操作。該系統(tǒng)模塊清晰，用戶(hù)可根據(jù)自己的需要在系統(tǒng)內(nèi)進(jìn)行選擇，查詢(xún)。方便于用戶(hù)應(yīng)用。2.2.3社會(huì)可行性目前的網(wǎng)絡(luò)發(fā)展，各電商，淘寶店鋪，美團(tuán)商家都普遍存在，也都是屬于網(wǎng)絡(luò)銷(xiāo)售的系統(tǒng)，所以該系統(tǒng)基于這些店鋪，商家的銷(xiāo)售模式，可以在社會(huì)層面普遍應(yīng)用，應(yīng)用于各類(lèi)人群。2.2.4經(jīng)濟(jì)可行性目前計(jì)算機(jī)行業(yè)的應(yīng)用普遍存在，系統(tǒng)無(wú)需投入太大的成本，但需要投入一些人力資源，人力需要在前期進(jìn)行調(diào)查，調(diào)查后進(jìn)行編寫(xiě)系統(tǒng)，完成后需要測(cè)試，所以無(wú)需太大的經(jīng)濟(jì)支持。2.3功能性需求本系統(tǒng)主要分為管理員與普通用戶(hù)兩個(gè)角色。不同的角色有不同的需求定義，明確不同角可以實(shí)現(xiàn)的功能需求。2.3.1普通用戶(hù)的功能需求1.普通用戶(hù)通過(guò)自己的注冊(cè)的賬號(hào)與密碼登錄。對(duì)主界面的所有商品進(jìn)行查詢(xún)，及查詢(xún)?cè)撋唐返脑敿?xì)信息。2.普通用戶(hù)通過(guò)自己查詢(xún)選擇需要的商品，將其加入購(gòu)物車(chē)，選擇購(gòu)買(mǎi)，如若不喜歡也可刪除商品。確定選擇的商品是自己想要的，可進(jìn)行下單、付款。3.普通用戶(hù)若是會(huì)員，在付款時(shí)可根據(jù)會(huì)員價(jià)支付。4.普通用戶(hù)可以對(duì)商品進(jìn)行評(píng)價(jià)。普通用戶(hù)如果對(duì)商品有疑問(wèn)可對(duì)商品進(jìn)行提問(wèn)，也可以對(duì)其他人的問(wèn)題進(jìn)行回答。5.普通用戶(hù)可以查看屬于自己的主頁(yè)，個(gè)人主頁(yè)中包含有自己的訂單列表、收藏列表、賬戶(hù)充值、個(gè)人信息等，用戶(hù)可以修改自己的基本信息。普通用戶(hù)，可以上傳頭像以及更換頭像、查看個(gè)人信息、訂單列表、收藏列表、賬戶(hù)充值、可以對(duì)商品進(jìn)行評(píng)價(jià)與回復(fù)，自己收藏的商品，主頁(yè)商品上新，熱銷(xiāo)瀏覽，修改密碼，忘記密碼，對(duì)商品進(jìn)行加入購(gòu)物車(chē)，下單等操作。普通用戶(hù)用例圖如圖2-1普通用戶(hù)用例圖所示。圖2-1普通用戶(hù)用例圖2.3.2管理員的功能需求1.管理員對(duì)用戶(hù)進(jìn)行管理，管理用戶(hù)的會(huì)員積分等問(wèn)題。2.管理員對(duì)商品進(jìn)行管理，設(shè)置商品的上/下架。3.管理員對(duì)用戶(hù)支付成功的訂單進(jìn)行處理。管理員可以對(duì)商品進(jìn)行上/下架處理，根據(jù)實(shí)際情況確定庫(kù)存修改商品的狀態(tài)，對(duì)用戶(hù)進(jìn)行管理，管理用戶(hù)的積分會(huì)員問(wèn)題，對(duì)問(wèn)題與評(píng)價(jià)進(jìn)行篩查，對(duì)用戶(hù)的訂單進(jìn)行處理。用例圖如圖2-2所示。圖2-2管理員用例圖2.4非功能性需求2.4.1技術(shù)需求1.軟硬件環(huán)境需求(1)web服務(wù)器：Tomcat7.0以上。(2)數(shù)據(jù)庫(kù)：MySQL5.0以上。(3)安裝所需硬盤(pán)空間：200MB以上。(4)開(kāi)發(fā)環(huán)境：Eclipse3.2以上或IDEA。2.性能需求反應(yīng)速度良好及更好。能夠根據(jù)用戶(hù)的個(gè)性化需求滿(mǎn)足用戶(hù)，讓用戶(hù)有一個(gè)良好的系統(tǒng)體驗(yàn)過(guò)程。2.4.2質(zhì)量需求1.可用性(1)輸入的合法性檢查和值域檢查。(2)對(duì)于復(fù)雜的動(dòng)作要有必要的提示信息。2.可靠性和健壯性系統(tǒng)在設(shè)計(jì)的過(guò)程中，要不能夠隨意的泄露個(gè)人的用戶(hù)信息以及隱私，確保用戶(hù)在使用的過(guò)程中能夠大膽、放心的使用，而且整個(gè)系統(tǒng)不會(huì)頻繁的出現(xiàn)一些錯(cuò)誤，系統(tǒng)運(yùn)行中不會(huì)輕易受到其他因素的干擾。2.4.3系統(tǒng)約束1.整個(gè)系統(tǒng)在進(jìn)行設(shè)計(jì)語(yǔ)言的時(shí)候，一定是進(jìn)行使用中文，能夠符合大眾的實(shí)際使用需求。2.整個(gè)系統(tǒng)的操作必然是簡(jiǎn)單、明了，能夠符合不同年齡段的人進(jìn)行操作，而且操作過(guò)程是具有可復(fù)制性。2.4.4成品標(biāo)準(zhǔn)冰點(diǎn)甜品店網(wǎng)上銷(xiāo)售系統(tǒng)成品標(biāo)準(zhǔn)如下：1.實(shí)現(xiàn)所有功能需求。2.滿(mǎn)足非功能性需求。INDEX\o"S"\c"2"\z"2052"3.系統(tǒng)的設(shè)計(jì)文檔健全，且規(guī)范。代碼整潔規(guī)整，命名規(guī)范，且與系統(tǒng)設(shè)計(jì)一致。

系統(tǒng)設(shè)計(jì)3.1功能模塊設(shè)計(jì)3.1.1總體功能設(shè)計(jì)本次系統(tǒng)在整體設(shè)計(jì)的過(guò)程中，對(duì)于網(wǎng)上銷(xiāo)售系統(tǒng)必然是實(shí)現(xiàn)用戶(hù)利用一部手機(jī)能夠不限時(shí)間、地點(diǎn)的去進(jìn)行網(wǎng)上購(gòu)物，不斷的改變他們傳統(tǒng)的購(gòu)物方式，讓購(gòu)物變得越來(lái)越便捷化、高效化，讓人們的生活方式得到不斷的提高。此次甜品網(wǎng)上銷(xiāo)售系統(tǒng)主要是包括兩大部分，即第一部分是普通用戶(hù)功能，第二部分是管理員功能，普通用戶(hù)功能又是包括五部分，包括個(gè)人信息、購(gòu)物車(chē)以及個(gè)人收藏管理等，管理員功能部分包括六部分，有個(gè)人信息管理、用戶(hù)信息管理以及公告信息管理等部分，下面是系統(tǒng)的整體功能如圖3-1所示。圖3-1總體功能層次圖3.1.2管理員功能設(shè)計(jì)管理員功能設(shè)計(jì)則是非常重要的一個(gè)環(huán)節(jié)，因?yàn)橄到y(tǒng)在后續(xù)的運(yùn)行過(guò)程中，無(wú)論是對(duì)于用戶(hù)還是系統(tǒng)本身如果是出現(xiàn)一些問(wèn)題，都是需要管理員在后臺(tái)能夠及時(shí)的按照實(shí)際的情況進(jìn)行處理好，這樣才能夠確保整個(gè)系統(tǒng)正常的運(yùn)行，也能讓系統(tǒng)本身更加的符合人性化使用的原則和需求。例如，檢查商品的庫(kù)存信息對(duì)商品進(jìn)行上/下架處理，修改商品的狀態(tài)，對(duì)用戶(hù)支付成功或未支付的訂單進(jìn)行處理，查詢(xún)所有的訂單信息。管理員可以對(duì)自己的個(gè)人信息進(jìn)行修改。管理員功能層次圖如圖3-2所示。圖3-2管理員功能層次圖3.1.3普通用戶(hù)功能設(shè)計(jì)普通用戶(hù)的功能也是系統(tǒng)中重要的一部分，該系統(tǒng)主要是用于面向用戶(hù)的系統(tǒng)，所以用戶(hù)的基本功能也很重要。用戶(hù)可以修改自己的密碼與基本信息，可以查看到自己的基本信息，用戶(hù)通過(guò)瀏覽商品，挑選自己想要的商品進(jìn)行添加購(gòu)物車(chē)，添加購(gòu)物車(chē)后確定自己是否購(gòu)買(mǎi)，確定購(gòu)買(mǎi)后可以進(jìn)行下單，等待商家處理，之后可以對(duì)商品進(jìn)行好評(píng)或其他的評(píng)價(jià)，用戶(hù)也可以將自己喜歡的商品進(jìn)行加入收藏或分享給其他人，如若之后不喜歡該商品了可以刪除收藏的該商品，如果有什么疑問(wèn)或者不明白可以進(jìn)行提問(wèn)，也可以解答其他用戶(hù)的疑問(wèn)。普通用戶(hù)功能層次圖如圖3-3所示圖3-3普通用戶(hù)功能層次圖3.2系統(tǒng)架構(gòu)設(shè)計(jì)3.2.1模式設(shè)計(jì)系統(tǒng)架構(gòu)設(shè)計(jì)中的模式設(shè)計(jì)主要是利用其模式設(shè)計(jì)包括瀏覽器、HTML、JSP視圖進(jìn)行控制的相關(guān)操作流程，整個(gè)過(guò)程也被稱(chēng)作是一種MVC設(shè)計(jì)模式，通過(guò)這中模式能夠讓整個(gè)系統(tǒng)模式設(shè)計(jì)處于一種閉環(huán)的模式，即做到有始有終，具體的實(shí)現(xiàn)本系統(tǒng)的包結(jié)構(gòu)圖如圖3-5所示。圖3-4SpringMVC設(shè)計(jì)模式圖3-5系統(tǒng)結(jié)構(gòu)圖3.2.2重要包的設(shè)計(jì)實(shí)現(xiàn)該系統(tǒng)的包主要有Controller包，Entity包，Mapper包，Service包，ServiceImpl包，util輔助類(lèi)包。1.Controller包匯總?cè)绫?-1所示。表3-1Controller包模塊匯總表Controller包模塊名稱(chēng)功能描述UserAction處理用戶(hù)基本功能，用戶(hù)登錄注冊(cè)，修改個(gè)人中心信息等BackAction處理管理員后臺(tái)功能，管理用戶(hù)、訂單、商品等信息NoticeAction處理公告信息，公告的上傳SweetAction處理商品信息，商品展示、加入購(gòu)物車(chē)、結(jié)算等2.Entity包匯總?cè)绫?-2所示。表3-2Entity包模塊匯總表Entity包模塊名稱(chēng)功能描述Collect定義collect數(shù)據(jù)庫(kù)表中字段屬性，并實(shí)現(xiàn)get，set方法Detail定義detail數(shù)據(jù)庫(kù)表中字段屬性，并實(shí)現(xiàn)get，set方法LittleSort定義littlesort數(shù)據(jù)庫(kù)表中字段屬性，并實(shí)現(xiàn)get，set方法Notice定義notice數(shù)據(jù)庫(kù)表中字段屬性，并實(shí)現(xiàn)get，set方法Order定義order數(shù)據(jù)庫(kù)表中字段屬性，并實(shí)現(xiàn)get，set方法ShopCar定義shopcar數(shù)據(jù)庫(kù)表中字段屬性，并實(shí)現(xiàn)get，set方法SortOne定義sortone數(shù)據(jù)庫(kù)表中字段屬性，并實(shí)現(xiàn)get，set方法SortTwo定義sorttwo數(shù)據(jù)庫(kù)表中字段屬性，并實(shí)現(xiàn)get，set方法Sweet定義sweet數(shù)據(jù)庫(kù)表中字段屬性，并實(shí)現(xiàn)get，set方法SweetComment定義sweetcomment數(shù)據(jù)庫(kù)表中字段屬性，并實(shí)現(xiàn)get，set方法Taddress定義taddress數(shù)據(jù)庫(kù)表中字段屬性，并實(shí)現(xiàn)get，set方法Tuser定義tuser數(shù)據(jù)庫(kù)表中字段屬性，并實(shí)現(xiàn)get，set方法3.ServiceImpl包匯總?cè)绫?-3所示。表3-3ServiceImpl包模塊匯總表ServiceImpl包模塊名稱(chēng)功能描述UserServiceImpl實(shí)現(xiàn)用戶(hù)的增、刪、改、查操作BackServiceImpl實(shí)現(xiàn)后臺(tái)數(shù)據(jù)的增、刪、改、查操作，分頁(yè)、多條件查詢(xún)NoticeServiceImpl實(shí)現(xiàn)公告的增操作SweetServiceImpl實(shí)現(xiàn)商品的增、刪、改、查操作3.3數(shù)據(jù)庫(kù)設(shè)計(jì)3.3.1數(shù)據(jù)庫(kù)概念設(shè)計(jì)通過(guò)前期需求分析與系統(tǒng)設(shè)計(jì)，該系統(tǒng)主要包括以下數(shù)據(jù)庫(kù)實(shí)體：用戶(hù)實(shí)體，管理員實(shí)體，評(píng)論信息實(shí)體，商品分類(lèi)實(shí)體，商品實(shí)體，購(gòu)物車(chē)實(shí)體，訂單實(shí)體，配送實(shí)體，用戶(hù)收藏實(shí)體，并且各數(shù)據(jù)庫(kù)實(shí)體與實(shí)體所包含字段如下。下面是數(shù)據(jù)庫(kù)設(shè)計(jì)的整體E-R圖如圖3-6：圖3-6整體E-R圖3.3.2數(shù)據(jù)庫(kù)邏輯設(shè)計(jì)根據(jù)E-R圖，用戶(hù)信息表user，該表主要是用于存儲(chǔ)普通用戶(hù)的信息，其中userid為該表的主鍵。具體表中字段設(shè)置如表3-4所示。表3-4用戶(hù)信息表字段類(lèi)型長(zhǎng)度是否為空注釋useridint10否主鍵，唯一標(biāo)識(shí)usernamevarchar20是用戶(hù)昵稱(chēng)passwordvarchar20否用戶(hù)密碼userphonevarchar20是聯(lián)系方式userphotovarchar50是用戶(hù)頭像memberflagboolean否會(huì)員狀態(tài)pointsint2000是會(huì)員積分accountdouble225是賬戶(hù)余額emailvarchar30是用戶(hù)郵箱stateint1否角色2.商品第一分類(lèi)表sortone，該表主要是用于存儲(chǔ)商品的大分類(lèi)信息，其中sortid為該表的主鍵。具體表中字段設(shè)置如表3-5所示。表3-5商品第一分類(lèi)表字段類(lèi)型長(zhǎng)度是否為空注釋sortidint10否主鍵，唯一標(biāo)識(shí)sortnamevarchar50是分類(lèi)名稱(chēng)3.商品第二分類(lèi)表sorttwo，該表主要是用于存儲(chǔ)商品的第二分類(lèi)信息，其中tsortid為該表的主鍵。具體表中字段設(shè)置如表3-6所示。表3-6商品第二分類(lèi)表字段類(lèi)型長(zhǎng)度是否為空注釋tsortidint10否主鍵，唯一標(biāo)識(shí)tsortnamevarchar50是分類(lèi)名稱(chēng)4.商品小分類(lèi)表littlesort，該表主要是用于存儲(chǔ)商品的小分類(lèi)信息，其中l(wèi)sortid為該表的主鍵。具體表中字段設(shè)置如表3-7所示。表3-7商品小分類(lèi)表字段類(lèi)型長(zhǎng)度是否為空注釋lsortidint10否主鍵，唯一標(biāo)識(shí)lsortnamevarchar50是分類(lèi)名稱(chēng)tsortidint10否第二分類(lèi)ID5.評(píng)論信息表comment，該表主要是用于存儲(chǔ)評(píng)論的信息，包含評(píng)論的內(nèi)容以及其他人或者管理員的回復(fù)，其中commentid為該表的主鍵。具體表中字段設(shè)置如表3-8所示。表3-8評(píng)論信息表字段類(lèi)型長(zhǎng)度是否為空注釋commentidvarchar20否主鍵，唯一標(biāo)識(shí)useridvarchar20否外鍵，用戶(hù)IDcontentvarchar1000是評(píng)論內(nèi)容condatedatetime是評(píng)論時(shí)間answervarchar1000是回復(fù)內(nèi)容ansdatedatetime是回復(fù)時(shí)間6.商品表sweets，該表主要是用于存儲(chǔ)商品，系統(tǒng)中的各類(lèi)商品都會(huì)存儲(chǔ)在商品表，生產(chǎn)日期與保質(zhì)期是商品的重要特征，其中sweetid為該表的主鍵。具體表中字段設(shè)置如表3-9所示。表3-9商品表字段類(lèi)型長(zhǎng)度是否為空注釋sweetidint10否主鍵，唯一標(biāo)識(shí)sortidint10否外鍵，大分類(lèi)IDlsortint10否外鍵，小分類(lèi)IDsweetnamevarchar20是商品名稱(chēng)pricedouble200是商品單價(jià)memberpricedouble200是會(huì)員價(jià)imagevarchar50是商品圖片detailsvarchar255是商品詳情ontimedate0是上架日期prodatedate0是生產(chǎn)日期prodayint10是保質(zhì)期kucunint10是庫(kù)存buysumint10是購(gòu)買(mǎi)數(shù)量stateint2是商品狀態(tài)7.購(gòu)物車(chē)表shopcar，該表主要是用于存儲(chǔ)用戶(hù)添加到購(gòu)物車(chē)的商品，其中carid為該表的主鍵。具體表中字段設(shè)置如表3-10所示。表3-10購(gòu)物車(chē)表字段類(lèi)型長(zhǎng)度是否為空注釋caridint10否主鍵，唯一標(biāo)識(shí)useridint10否外鍵，用戶(hù)IDsweetidint10否外鍵，商品ID訂單表sweetorder，該表主要是用于存儲(chǔ)用戶(hù)在購(gòu)物車(chē)中確定購(gòu)買(mǎi)后或支付成功的訂單，其中orderid為該表的主鍵。具體表中字段設(shè)置如表3-11所示。表3-11訂單表字段類(lèi)型長(zhǎng)度是否為空注釋orderidint10否主鍵，唯一標(biāo)識(shí)useridint10否外鍵，用戶(hù)IDordernumbervarchar25否外鍵，訂單編號(hào)totalpricedouble255是總價(jià)錢(qián)addorderdatedate0是下單時(shí)間stateint2是訂單狀態(tài)9.訂單詳情表detail，該表主要是用于存儲(chǔ)用戶(hù)在購(gòu)物車(chē)中確定購(gòu)買(mǎi)后或支付成功的訂單詳情信息，其中detailid為該表的主鍵。具體表中字段設(shè)置如表3-12所示。表3-12訂單詳情表字段類(lèi)型長(zhǎng)度是否為空注釋detailidint10否主鍵，唯一標(biāo)識(shí)sweetidint10否外鍵，商品IDordernumbervarchar20否外鍵，訂單編號(hào)moneydouble100是商品單價(jià)shuint100是商品數(shù)量stateint2是訂單狀態(tài)10.用戶(hù)收藏表collect，該表主要是用于存儲(chǔ)用戶(hù)收藏自己喜歡的商品，其中collectid為該表的主鍵。具體表中字段設(shè)置如表3-13所示。表3-13用戶(hù)收藏表字段類(lèi)型長(zhǎng)度是否為空注釋collectidint10否主鍵，唯一標(biāo)識(shí)useridint10否外鍵，用戶(hù)IDsweetidint10否外鍵，商品ID11.用戶(hù)地址表taddress，該表主要是用于存儲(chǔ)用戶(hù)常用的地址信息，其中addid為該表的主鍵。具體表中字段設(shè)置如表3-14所示。表3-14用戶(hù)地址表字段類(lèi)型長(zhǎng)度是否為空注釋addidint10否主鍵，唯一標(biāo)識(shí)useridint10否外鍵，用戶(hù)IDprovincevarchar20是省cityvarchar20是市districtvarchar20是區(qū)adddetailvarchar50是詳細(xì)地址stateint2是是否為默認(rèn)地址系統(tǒng)實(shí)現(xiàn)4.1用戶(hù)登錄系統(tǒng)實(shí)現(xiàn)的過(guò)程中，首先要進(jìn)行做的便是用戶(hù)登錄問(wèn)題，用戶(hù)在使用自己的相關(guān)信息登錄頁(yè)面的時(shí)候，如果所填寫(xiě)的相關(guān)信息是正確的，則便會(huì)進(jìn)入到下一個(gè)頁(yè)面之中，如果所填寫(xiě)的信息不正確，系統(tǒng)也不會(huì)進(jìn)行自動(dòng)的通過(guò)，需要填寫(xiě)正確的信息才能夠通過(guò)，會(huì)讓用戶(hù)重新填寫(xiě)。系統(tǒng)會(huì)校驗(yàn)用戶(hù)輸入的信息是否符合書(shū)寫(xiě)規(guī)則，不符合會(huì)提示用戶(hù)。如圖4-1登錄界面所示：圖4-1登錄界面4.2前臺(tái)操作界面主界面主要用來(lái)分類(lèi)展示商品，按照商品的上架時(shí)間篩選出哪些是新上新的商品，按照用戶(hù)購(gòu)買(mǎi)數(shù)量來(lái)展示哪些是熱銷(xiāo)商品。如圖4-2，圖4-3所示：圖4-2首頁(yè)展示圖4-3首頁(yè)分類(lèi)展示圖4.3評(píng)論展示與回復(fù)評(píng)論展示與回復(fù)主要是用戶(hù)對(duì)商品進(jìn)行評(píng)價(jià)，其他用戶(hù)可以對(duì)非自己用戶(hù)進(jìn)行回復(fù)。如圖4-4所示：圖4-4評(píng)論回復(fù)展示圖4.4個(gè)人中心界面?zhèn)€人中心界面主要包括自己的個(gè)人信息、錢(qián)包、訂單等信息。用戶(hù)可以按照自己的個(gè)性化需求進(jìn)行靈活的對(duì)自己的賬戶(hù)進(jìn)行操作，具體的操作流程如圖4-5所示：圖4-5個(gè)人中心界面4.5后臺(tái)管理界面訂單管理主要是查看訂單的狀態(tài)以及訂單的詳細(xì)信息；商品管理主要是查看商品信息列表，添加新的商品，對(duì)商品信息進(jìn)行修改也可刪除商品，商品上架可對(duì)商品進(jìn)行上架和下架的處理；用戶(hù)管理主要是查看用戶(hù)列表信息，對(duì)新注冊(cè)的用戶(hù)進(jìn)行通過(guò)與不通過(guò)的處理，通過(guò)的用戶(hù)是否可以升級(jí)為會(huì)員，升級(jí)為會(huì)員的用戶(hù)也會(huì)被降級(jí)到普通用戶(hù)，具體的實(shí)際操作情況如圖4-6所示：圖4-6后臺(tái)管理界面關(guān)鍵技術(shù)5.1系統(tǒng)實(shí)現(xiàn)技術(shù)甜品店網(wǎng)上銷(xiāo)售系統(tǒng)是以Maven+JSP為主要技術(shù)，主要的數(shù)據(jù)庫(kù)為MySQL數(shù)據(jù)庫(kù)，服務(wù)器主要為T(mén)omcat。JSP用來(lái)前端界面的展示，在JSP界面設(shè)計(jì)中加入了Bootstrap前端框架，使前端界面的內(nèi)容適用的瀏覽器擴(kuò)大范圍，使網(wǎng)頁(yè)易于定制，一些文本框的驗(yàn)證及按鈕的實(shí)現(xiàn)運(yùn)用到了JQuery的相關(guān)技術(shù)。Maven簡(jiǎn)化了項(xiàng)目依賴(lài)管理、便于項(xiàng)目升級(jí)、有很多插件，便于功能擴(kuò)展。5.2系統(tǒng)主要代碼5.2.1上傳文件、圖片代碼publicStringuploadfile(Stringnname,@RequestParam(value="file",required=true)MultipartFilefile,HttpSessionsession,Modelmode,HttpServletRequestreq)throwsIOException,ParseException{Tusertuser=(Tuser)session.getAttribute("user");SimpleDateFormatsdf=newSimpleDateFormat("yyyy-MM-ddHH:mm:ss");//獲取到上傳的內(nèi)容的名字Stringfilename=file.getOriginalFilename();Fileff=newFile("E:\\notice\\"+filename);System.out.println(filename);//將上傳的內(nèi)容的信息存儲(chǔ)到服務(wù)器中file.transferTo(ff);Noticenotice=newNotice();Stringfname=newString(filename.getBytes("iso-8859-1"),"utf-8");Stringname=newString(nname.getBytes("iso-8859-1"),"utf-8");notice.setNname(name);notice.setNfile(filename);notice.setTuser(tuser);notice.setNdate(newDate());ns.uploadfile(tuser,notice);return"forward:getfiles.action";}publicStringuploadimg(@RequestParam(value="photo",required=true)MultipartFilefile,HttpSessionsession,Modelmodel,HttpServletRequestreq)throwsIOException{Tuseruser=(Tuser)session.getAttribute("tuser");//獲取到文件名Stringpic=file.getOriginalFilename();Filef=newFile("images"+file.getOriginalFilename());file.transferTo(f);Tusertuser=newTuser();tuser.setUserid(user.getUserid());tuser.setUserphoto("images/hand/"+pic);ts.updateImg(tuser);return"forward:logout.action";}5.2.2分頁(yè)信息publicStringmore(Modelmodel,HttpSessionsession,@RequestParam(value="page",defaultValue="1",required=true)intpage,Stringname)throwsUnsupportedEncodingException{//所以需要將name的值進(jìn)行存儲(chǔ)，以便點(diǎn)擊分頁(yè)之后頁(yè)面依然可以獲取到之前添加的條件Stringn=newString(name.getBytes("iso-8859-1"),"utf-8");session.setAttribute("n",n);Stringre="";List<Sweet>sweets=bs.query(n);PageInfo<Sweet>pi=newPageInfo<Sweet>(sweets);//計(jì)算上一頁(yè)，下一頁(yè)intup=1;intnext=page+1;//從插件的PageInfo對(duì)象中獲取所有頁(yè)碼數(shù)inttotal=(int)pi.getLastPage();//將頁(yè)面需要的數(shù)據(jù)進(jìn)行存儲(chǔ)即可model.addAttribute("sweets",sweets);model.addAttribute("up",up);model.addAttribute("next",next);model.addAttribute("total",total);model.addAttribute("page",page);re="back/product_list.jsp";returnre;}5.2.3驗(yàn)證碼publicvoidgetVerifiCode(HttpSessionsession,HttpServletResponseresponse)throwsIOExceptionImageVerificationCodeivc=newImageVerificationCode();BufferedImageimage=ivc.getImage();//獲取驗(yàn)證碼session.setAttribute("text"，ivc.getText());ivc.output(image，response.getOutputStream());!(function(window，document){varsize=4;//設(shè)置驗(yàn)證碼長(zhǎng)度f(wàn)unctionGVerify(options){this.options={id:"",//容器IdcanvasId:"verifyCanvas",//canvas的IDwidth:"80",//默認(rèn)canvas寬度height:"30",//默認(rèn)canvas高度type:"blend",code:""，}if(Ototype.toString.call(options)=="[objectObject]"){for(variinoptions){this.options[i]=options[i];}}else{this.options.id=options;}this.options.numArr="0,1,2,3,4,5,6,7,8,9".split(",");this.options.letterArr=getAllLetter();this._init();this.refresh();}GVtotype={version:'1.0.0',/**版本號(hào)**//**初始化方法**/_init:function(){varcon=document.getElementById(this.options.id);varcanvas=document.createElement("canvas");this.options.width=con.offsetWidth>0?con.offsetWidth:"100";this.options.height=con.offsetHeight>0?con.offsetHeight:"30";canvas.id=this.options.canvasId;canvas.width=this.options.width;canvas.height=this.options.height;canvas.style.cursor="pointer";canvas.innerHTML="您的瀏覽器版本不支持canvas";con.appendChild(canvas);varparent=this;canvas.onclick=function(){parent.refresh();}}，/**生成驗(yàn)證碼**/refresh:function(){this.options.code="";varcanvas=document.getElementById(this.options.canvasId);if(canvas.getContext){varctx=canvas.getContext('2d');}else{return;}ctx.textBaseline="middle";ctx.fillStyle=randomColor(180,240);ctx.fillRect(0,0,this.options.width,this.options.height);if(this.options.type=="blend"){//判斷驗(yàn)證碼類(lèi)型vartxtArr=this.options.numArr.concat(this.options.letterArr);}elseif(this.options.type=="number"){vartxtArr=this.options.numArr;}else{vartxtArr=this.options.letterArr;}for(vari=1;i<=size;i++){vartxt=txtArr[randomNum(0，txtArr.length)];this.options.code+=txt;ctx.font=randomNum(this.options.height/2，this.options.height)+'pxSimHei';ctx.fillStyle=randomColor(50,160);ctx.shadowOffsetX=randomNum(-3,3);ctx.shadowOffsetY=randomNum(-3,3);ctx.shadowBlur=randomNum(-3,3);ctx.shadowColor="rgba(0,0,0,0.3)";varx=this.options.width/(size+1)*i;vary=this.options.height/2;vardeg=randomNum(-30，30);/**設(shè)置旋轉(zhuǎn)角度和坐標(biāo)原點(diǎn)**/ctx.translate(x,y);ctx.rotate(deg*Math.PI/180);ctx.fillText(txt,0,0);/**恢復(fù)旋轉(zhuǎn)角度和坐標(biāo)原點(diǎn)**/ctx.rotate(-deg*Math.PI/180);ctx.translate(-x，-y);}/**繪制干擾線**/for(vari=0;i<4;i++){ctx.strokeStyle=randomColor(40,180);ctx.beginPath();ctx.moveTo(randomNum(0,this.options.width)，randomNum(0,this.options.height));ctx.lineTo(randomNum(0,this.options.width),randomNum(0,this.options.height));ctx.stroke();}/**繪制干擾點(diǎn)**/for(vari=0;i<this.options.width/4;i++){ctx.fillStyle=randomColor(0，255);ctx.beginPath();ctx.arc(randomNum(0,this.options.width),randomNum(0,this.options.height),1,0,2*Math.PI);ctx.fill();}}/**驗(yàn)證驗(yàn)證碼**/validate:function(code){varcode=code.toLowerCase();varv_code=this.options.code.toLowerCase();if(code==v_code){returntrue;}else{this.refresh();returnfalse;}}}/**生成字母數(shù)組**/functiongetAllLetter(){varletterStr="2,3,4,5,6,7,8,9,a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z";returnletterStr.split("，");}/**生成一個(gè)隨機(jī)數(shù)**/functionrandomNum(min,max){returnMath.floor(Math.random()*(max-min)+min);}/**生成一個(gè)隨機(jī)色**/functionrandomColor(min，max){varr=randomNum(min,max);varg=randomNum(m