基于Web的網(wǎng)上奶茶店銷售系統(tǒng)設(shè)計摘要隨著現(xiàn)代科學(xué)技術(shù)的高速發(fā)展，互聯(lián)網(wǎng)已經(jīng)覆蓋到我們生活的方方面面，人們的生活與互聯(lián)網(wǎng)之間的聯(lián)系越來越緊密，尤其在銷售領(lǐng)域方面突出廣泛應(yīng)用，網(wǎng)絡(luò)的不斷發(fā)展使得電子商務(wù)這一行業(yè)的發(fā)展前景十分的美好，傳統(tǒng)的售賣形式已經(jīng)滿足不了顧客的需求，所以我決定開發(fā)一個網(wǎng)上奶茶店銷售系統(tǒng)。本系統(tǒng)基于Web進(jìn)行設(shè)計，奶茶店鋪頁面制作運用Vue和Bootstarp技術(shù)框架，來實現(xiàn)可以讓用戶在線選購奶茶的系統(tǒng)。同時包括登錄驗證，在線付款等功能。后臺管理為管理員提供樹形管理列表模式，可根據(jù)奶茶所屬的不同類型來進(jìn)行選擇查看、訂單查詢及對個人的某些信息進(jìn)行修改，以及一些管理功能，如：奶茶管理、用戶管理、訂單管理等。Element-UI技術(shù)為用戶操作提供新穎且方便的功能按鈕，在加上aioxs可以實現(xiàn)穩(wěn)定的前后臺數(shù)據(jù)交互傳遞。本文的設(shè)計思路包括奶茶店的頁面布局設(shè)計，社會背景分析，以及針對奶茶店做出實體分析，并繪制實體的功能需求，分析出業(yè)務(wù)邏輯需求，和數(shù)據(jù)整體流向，結(jié)合最新前端技術(shù)Vue的面向?qū)ο笤O(shè)計思想，對實體對象屬性整體進(jìn)行構(gòu)造和操作?？紤]到奶茶店需要大量的用戶數(shù)據(jù)和商品數(shù)據(jù)，因此選擇本地存儲的方式，選用Mysql數(shù)據(jù)庫進(jìn)行數(shù)據(jù)的存儲，考慮到前端頁面對數(shù)據(jù)庫操作以及數(shù)據(jù)的業(yè)務(wù)邏輯控制比較復(fù)雜和混亂，因此借助java編程語言的JDBC（數(shù)據(jù)庫驅(qū)動）和aioxs通過后臺來獲取頁面的交互數(shù)據(jù)，并將數(shù)據(jù)進(jìn)行簡單的數(shù)據(jù)本地持久化存儲和數(shù)據(jù)業(yè)務(wù)邏輯校驗。系統(tǒng)選題從實際生活中做過調(diào)研分析，本文從本次的選題背景及系統(tǒng)開發(fā)的意義開始進(jìn)行闡述，介紹了調(diào)研和系統(tǒng)分析、系統(tǒng)的設(shè)計、功能設(shè)計以及系統(tǒng)存儲數(shù)據(jù)的數(shù)據(jù)庫表設(shè)計、系統(tǒng)的具體實現(xiàn)過程的思路以及實現(xiàn)的界面截圖，最終進(jìn)行系統(tǒng)的測試。關(guān)鍵詞：奶茶銷售系統(tǒng)；Vue；Bootstarp；Mysql；JDBC；java目錄TOC\o"1-3"\h\u一、引言 頁（共24頁）一、引言現(xiàn)如今中國的發(fā)展堪稱日新月異，人們的生活品質(zhì)也隨著科技的發(fā)展在提升，人們對美好的生活期望和需求也在逐漸增多，不光僅僅局限于溫飽問題和工作問題，對更美好的生活期望也在增多，用于消費和娛樂的費用越來越高。通常人們的大部分消費除了購買生活必需品外，還有一部分用于娛樂和飲食，這足以說明，人們有了更多的選擇，飲食市場的需求在不斷增加。目前互聯(lián)網(wǎng)的發(fā)展非常穩(wěn)定，人們對互聯(lián)網(wǎng)的使用已經(jīng)成為了生活的習(xí)慣，生活中處處都存在著互聯(lián)網(wǎng)的身影，因此可以借助新互聯(lián)網(wǎng)技術(shù)結(jié)合傳統(tǒng)的飲食實體店，設(shè)計一個網(wǎng)上虛擬的飲食商城，可以幫助傳統(tǒng)飲食店擴(kuò)大售賣市場，人們的消費和購物并非局限于在實體店里，現(xiàn)在更多人開始選擇網(wǎng)上購物。這種情況不止是對于年輕人，一些老人也會使用網(wǎng)上購物。人們不管是在家，單位，地鐵或者其他任何地點，不管是在凌晨還是傍晚都可以下單。不難想到，對于商品的銷售行業(yè)來說，最重要的自然是銷售兩字，具體到奶茶店的銷售,其中通過網(wǎng)上銷售奶茶的方式已逐漸成為奶茶店服務(wù)最核心的一部分。因為傳統(tǒng)的營銷模式已經(jīng)難以滿足廣大顧客的需要，越來越多的奶茶店已經(jīng)將互聯(lián)網(wǎng)絡(luò)引入到經(jīng)營和銷售環(huán)節(jié)當(dāng)中，用自己獨特的營銷方式來提高其自身在市場上的競爭力?？梢娀ヂ?lián)網(wǎng)在奶茶店銷售領(lǐng)域很受歡迎。銷售功能的最大之處是顧客不用自己花費大量時間和精力去線下門店排隊購買商品，顧客可以隨時隨地在系統(tǒng)中登陸賬號信息就可以查看該奶茶店所在售的不同種類的奶茶商品，下單進(jìn)行購買，環(huán)境安全，不用擔(dān)心任何風(fēng)險。設(shè)計的這個銷售系統(tǒng)的主要目的就是堅持以顧客為本，始終秉持以廣大顧客為中心的思想，根據(jù)顧客的需求與現(xiàn)有奶茶的種類的區(qū)別與聯(lián)系，通過留言板與顧客們進(jìn)行溝通探討獲取其建議與意見，盡最大努力去滿足顧客們的需求。在提高商家工作效率和經(jīng)濟(jì)收益的同時，還為顧客提供了方便快捷的服務(wù)。

二、概述（一）開發(fā)背景及意義目前，互聯(lián)網(wǎng)成為了大家熱愛追捧的工具，生活之中處處存在著互聯(lián)網(wǎng)的身影，人們對互聯(lián)網(wǎng)的需求也在日益上升，因此在人們對互聯(lián)網(wǎng)的需求增多這樣的背景下，設(shè)計一個結(jié)合實體店與互聯(lián)網(wǎng)技術(shù)售賣商品的平臺，不僅可以為商家擴(kuò)展銷售的市場還可以為人們帶來便利，這種新型的網(wǎng)上售賣商品的模式被定義為B2C新型的電子商務(wù)模式，由于互聯(lián)網(wǎng)的迅速發(fā)展，這種網(wǎng)上售賣商品的平臺迅速得到了普及，軟件商也隨著研發(fā)出了各種滿足人們需求的平臺，比如現(xiàn)如今成為了人們家喻戶曉的手機(jī)淘寶、京東、拼多多等購物平臺，以及現(xiàn)在非?；鸨挠啿虯pp如美團(tuán)外賣等。因此，基于Web的奶茶店銷售系統(tǒng)非常符合當(dāng)前商業(yè)模式，系統(tǒng)開發(fā)并實現(xiàn)了一個幫助商家售賣奶茶和用戶購買奶茶的一系列過程。（二）開發(fā)環(huán)境此項目是基于Web的奶茶店銷售系統(tǒng)，具體的開發(fā)環(huán)境如下：操作系統(tǒng)：windows10操作系統(tǒng)開發(fā)軟件：Eclipse10.0服務(wù)器：Tomcat數(shù)據(jù)庫：Mysql，并安裝可視化界面NavcatJava開發(fā)環(huán)境：JDK1.8依賴頁面設(shè)計框架：Vue瀏覽器：谷歌瀏覽器服務(wù)器：本機(jī)（三）本文章節(jié)內(nèi)容此系統(tǒng)為基于web的網(wǎng)上奶茶店銷售系統(tǒng)，文章的闡述為六個章節(jié)：第一章節(jié)：論述了本文的引言部分。第二章節(jié)：講述了設(shè)計此系統(tǒng)的整體框架，從選題的開發(fā)背景分析，開發(fā)此系統(tǒng)的實際意義及開發(fā)系統(tǒng)所涉及技術(shù)點和工具進(jìn)行論述。第三章節(jié)：介紹了系統(tǒng)的總體分析，包括系統(tǒng)的實際可行性分析、系統(tǒng)對象的功能需求以及各功能的邏輯流程分析。第四章節(jié)：介紹了系統(tǒng)的總體設(shè)計，根據(jù)系統(tǒng)中每個角色可以做什么，可以有哪些功能，分析了每個功能的數(shù)據(jù)存儲設(shè)計、數(shù)據(jù)物理地址設(shè)計和邏輯存儲設(shè)計。第五章節(jié)：系統(tǒng)的具體實現(xiàn)，討論了系統(tǒng)的操作流程和思路，并根據(jù)不同的角色展示了系統(tǒng)的功能點。第六章節(jié)：系統(tǒng)測試說明。本章的目的是在系統(tǒng)設(shè)計完成后檢查系統(tǒng)是否存在泄漏并彌補(bǔ)不足，并根據(jù)系統(tǒng)功能進(jìn)行黑盒測試，以修復(fù)系統(tǒng)存在的問題。

三、系統(tǒng)分析（一）可行性分析1.技術(shù)可行性在開發(fā)系統(tǒng)中，前端頁面設(shè)計選用的是目前主流的Vue，不僅幫助系統(tǒng)實現(xiàn)更加漂亮的頁面，還可以應(yīng)用Vue的面向?qū)ο蟮脑O(shè)計理念，快捷方便的進(jìn)行實體屬性數(shù)據(jù)處理，aioxs將頁面的請求向后臺傳遞時更是做出了安全的封裝，為了簡化前端的設(shè)計難度和頁面編碼的混亂問題，選用java編程語言作為后端開發(fā)，不僅簡化代碼難度，JDBC更是方便快捷對數(shù)據(jù)庫進(jìn)行數(shù)據(jù)插入和獲取更改。便于后期維護(hù)，提高了開發(fā)效率。2.經(jīng)濟(jì)可行性此系統(tǒng)正式投入使用時，只需要在軟件方面考慮部署和后期維護(hù)即可，因此只需要在云平臺上憑租一臺服務(wù)器即可，就可以供應(yīng)奶茶店的百人的線上同時的訪問服務(wù)，服務(wù)器購買的價格在幾千元左右即可。奶茶的實體店的占地面積和規(guī)模不需要太大，更不需要進(jìn)行裝修，只需要提供一個可以制作奶茶的空間即可，不需要為客戶提供餐飲的地點，在網(wǎng)上直接售賣，因此這種網(wǎng)上售賣經(jīng)濟(jì)性價比很高。初步預(yù)算憑租一臺服務(wù)器，可供百人同時在線訪問系統(tǒng)?？梢詽M足小型奶茶店商家使用。3.社會可行性網(wǎng)上奶茶銷售系統(tǒng)無論是在城市還是鄉(xiāng)鎮(zhèn)，都可以迅速投入使用，并長時間獲利。經(jīng)濟(jì)效益可行，此系統(tǒng)為網(wǎng)上銷售系統(tǒng)，不會涉及到清潔和環(huán)保等問題，更不會出現(xiàn)意外的法律責(zé)任，所以具有社會可行性。（二）需求分析1.需求用例圖分析本系統(tǒng)將實體店的奶茶圖片掛在網(wǎng)上銷售是為商家提供網(wǎng)上奶茶售賣的一系列過程，因此奶茶售賣系統(tǒng)用戶的需求有：用戶可以在線購買奶茶，數(shù)據(jù)庫中對應(yīng)的要存儲奶茶的各種信息內(nèi)容用于為用戶展示，用戶可以修改個人的個人信息，用戶能夠?qū)⑿枰徺I的奶茶加入購物車，用戶可以對自己的訂單進(jìn)行訂單內(nèi)容修改，查詢下單的訂單信息，不需要訪問系統(tǒng)還能夠選擇注銷。如圖1普通用戶用例圖：圖1普通用戶用例圖奶茶售賣系統(tǒng)管理員的需求有：管理員能夠?qū)?shù)據(jù)庫中存儲的奶茶信息進(jìn)行是否為熱賣調(diào)整，是否為最新退出調(diào)整。奶茶店的管理人員可以刪除和修改用戶在頁面上放置的訂單信息。奶茶店管理人員可以對系統(tǒng)用戶進(jìn)行管理，包括用戶信息數(shù)據(jù)的刪除管理和修改管理。能夠?qū)δ滩璧姆N類進(jìn)行維護(hù)，新增種類或刪除原有的種類信息。管理員用例圖如圖2所示：圖2管理員用例圖2.系統(tǒng)數(shù)據(jù)流圖數(shù)據(jù)的邏輯描述，能更好的處理程序所存在的問題，奶茶銷售網(wǎng)站的頂層數(shù)據(jù)流圖如圖3所示。此圖表示奶茶售賣網(wǎng)站和實體用戶以及管理員的信息輸入，信息輸出的關(guān)系。圖3頂層數(shù)據(jù)流圖3.系統(tǒng)數(shù)據(jù)需求按照總體設(shè)計的功能模塊和需求分析，奶茶店銷售系統(tǒng)的各個模塊的數(shù)據(jù)字典：1、系統(tǒng)管理員需要存儲的數(shù)據(jù)項：奶茶店管理員姓名及密碼。2、奶茶類型數(shù)據(jù)：其中包含的數(shù)據(jù)項有區(qū)分奶茶的類別的id，奶茶類型的名稱。3、奶茶信息數(shù)據(jù)：包含的數(shù)據(jù)項有奶茶唯一id標(biāo)識，奶茶價格，奶茶的簡介，存儲奶茶圖片的路徑。4、訂單預(yù)訂數(shù)據(jù)：包含的數(shù)據(jù)項有預(yù)訂時間，預(yù)訂的客戶名稱，預(yù)訂單據(jù)的單號。5、訂單詳情信息數(shù)據(jù)：包含的數(shù)據(jù)項有預(yù)訂奶茶名稱的列表，花費的總價格，訂單日期，用戶名稱，手機(jī)號信息。4.功能需求分析本系統(tǒng)為基于Web的奶茶店銷售系統(tǒng)，系統(tǒng)主要應(yīng)用于一些奶茶店的使用，幫助奶茶店實現(xiàn)線上模擬奶茶售賣的一系列流程。用戶登錄驗證，為了幫助奶茶店店家統(tǒng)計出用戶的信息和用戶的個人喜好，以及用戶對奶茶的反饋，和幫助商家售賣奶茶，需要有一個登錄驗證的功能，每個用戶都需要擁有一個獨自的賬號，會獨自存儲每個用戶的信息和下單信息。如果你想買奶茶，你必須登錄。用戶在系統(tǒng)中注冊一個帳戶。如果每個用戶都想登錄系統(tǒng)，則必須有一個系統(tǒng)帳戶才能登錄。因此，系統(tǒng)應(yīng)提供允許用戶注冊帳戶的功能?？蛻糇院?，信息可以永久存儲在本地。注冊成功后，可根據(jù)賬號在登錄頁面正常登錄。瀏覽奶茶信息功能，用戶在成功登錄到系統(tǒng)后，需要能夠瀏覽商家提供的奶茶信息，商家需要把奶茶圖片和其它信息存儲在本地，上傳到系統(tǒng)中，客戶可以點擊每個奶茶的圖片，需要能夠看到對應(yīng)的奶茶信息內(nèi)容。購物車功能，用戶需要能夠購買同時多個奶茶，用戶每瀏覽到一個奶茶商品點擊添加到購物車后，購物車中需要能夠存儲添加的奶茶信息，以及購物車需要能夠自動計算出每次新添加的奶茶信息?？蛻粼谶x中奶茶后，可以將當(dāng)前喜歡或需要的奶茶點擊加入購物車，并且在購物車中可以瀏覽到加入購物車中的奶茶列表，以及奶茶的金額會自動計算金額。訂單信息功能，用戶在選購?fù)昴滩韬?，在購物車的界面中點擊結(jié)算按鈕，會自動模擬一個結(jié)算過程，客戶在結(jié)算完成后，需要能夠自動的生成用戶結(jié)算的奶茶訂單信息，訂單能夠持久化存儲在本地。每個用戶的信息管理。如果用戶想要修改個人信息，個人信息管理功能需要能夠修改用戶的個人信息。修改后，可以修改本地存儲的用戶信息。管理員的功能需求分析有：登錄驗證：奶茶店的管理員需要能夠擁有一個身份驗證的登錄功能，每個管理員只能通過登錄的界面輸入個人的賬號和密碼才能進(jìn)入到管理頁面。奶茶管理：管理員在成功登錄到系統(tǒng)后，需要能夠?qū)Ρ镜卮鎯Φ哪滩栊畔⑦M(jìn)行管理，需要管理的內(nèi)容有，管理員需要能夠?qū)π律霞艿哪滩柽M(jìn)行添加，其中添加的信息包括奶茶的圖片，上傳后可以顯示，管理員需要能夠?qū)υ心滩栊畔⑦M(jìn)行下架操作，能夠直接刪除即可，管理員需要的對首頁的熱賣的奶茶進(jìn)行調(diào)整。用戶管理，管理員在成功登錄到系統(tǒng)后，需要能夠?qū)Ρ镜卮鎯Φ挠脩粜畔⑦M(jìn)行管理，需要管理的內(nèi)容有，管理員需要能夠?qū)ο到y(tǒng)賬戶點擊刪除，來維護(hù)系統(tǒng)，管理員需要能夠?qū)υ杏脩粜畔⑦M(jìn)行修改架操作。訂單信息管理,管理員需要能夠?qū)τ唵涡畔⑦M(jìn)行修改，當(dāng)用戶的訂單信息有錯誤時，管理員能夠點擊查看然后能夠?qū)τ唵涡畔⑦M(jìn)行刪除或修改進(jìn)行維護(hù)。（三）系統(tǒng)流程分析1.登錄流程用戶或管理員在登錄頁面輸入的數(shù)據(jù)，當(dāng)用戶點擊登錄時，會進(jìn)行賬號和密碼的驗證，如果驗證通過則可以跳轉(zhuǎn)至首頁，如果驗證失敗還會在當(dāng)前頁面用戶登錄流程圖如圖4所示。圖4登錄流程圖2.注冊流程用戶的注冊賬號流程圖如圖5所示。圖5注冊流程圖3.添加信息流程用戶在使用系統(tǒng)進(jìn)行添加信息時的流程如圖6所示。圖6添加信息流程圖4.刪除信息流程管理員可以在后臺刪除注冊用戶和商品信息，刪除信息流程圖如圖7所示。圖7刪除信息流程圖

四、系統(tǒng)設(shè)計（一）系統(tǒng)功能設(shè)計此系統(tǒng)的功能設(shè)計如下：用戶成功登錄到系統(tǒng)后，在系統(tǒng)首頁中可以進(jìn)行瀏覽奶茶的詳情信息，能夠根據(jù)類別去查看奶茶的列表，能夠?qū)⒛滩杓尤胭徫镘嚥⑦M(jìn)行結(jié)算，能夠在用戶結(jié)算了奶茶后生成對應(yīng)的訂單信息。具體功能設(shè)計介紹：用戶登錄功能：用戶可以跟據(jù)自己的個人賬號進(jìn)行系統(tǒng)登錄，任何一個用戶在訪問本系統(tǒng)時，如果想要購買奶茶都要進(jìn)行賬號和密碼的信息填入。用戶的注冊賬號功能：在登錄奶茶系統(tǒng)之前，用戶必須先注冊自己的賬號。奶茶詳情展示功能：用戶能夠在點擊任何一個想要購買的奶茶圖片后，會彈出奶茶的詳情信息界面，界面中還要包括有結(jié)算和加入購物車操作。訂單信息查看功能：在用戶將購物車中的奶茶進(jìn)行結(jié)算后會生成對應(yīng)的訂單信息，信息會存儲在本地，當(dāng)用戶點擊訂單信息時，會以表格的形式將訂單的信息內(nèi)容進(jìn)行展示。購物車功能：用戶選擇查看奶茶是可以選擇將當(dāng)前奶茶加入購物車，在購物車中會對應(yīng)的加入用戶選擇的商品，購物車中還會將選擇的商品金額進(jìn)行累加，當(dāng)用戶點擊購物車，可以在購物車中直接瀏覽到選中的奶茶列表名稱，以及共計的金額，點擊結(jié)算會自動結(jié)算。奶茶分類展示頁面，用戶可以在首頁面奶茶類別中選擇不同的類別點擊查看，每個類別都會在頁面中展示對應(yīng)類別的奶茶圖片。成功登錄系統(tǒng)后，管理員可以在系統(tǒng)管理首頁管理奶茶信息，管理用戶信息，維護(hù)奶茶類別，管理用戶結(jié)算后生成的訂單信息。具體功能設(shè)計介紹：奶茶信息管理：管理員在管理頁面能夠選擇奶茶信息管理，點擊此功能會查詢到系統(tǒng)本地存儲的奶茶信息，管理功能夠進(jìn)行奶茶信息修改，可以填寫新的奶茶信息后進(jìn)行保存，可以對奶茶信息進(jìn)行刪除，刪除后會永久刪除本地存儲的奶茶信息。用戶個人信息管理功能：該功能可以修改用戶信息、保存填寫的新信息、刪除用戶信息。刪除后，本地存儲的用戶信息將被永久刪除。用戶生成訂單信息管理功能：管理員可以在管理頁面選擇訂單信息管理。點擊此功能，查詢系統(tǒng)本地存儲的訂單信息。奶茶分類信息管理：管理員在管理頁面能夠選擇奶茶分類信息管理，點擊此功能會查詢到系統(tǒng)本地存儲的奶茶分類信息，管理功能能夠進(jìn)行奶茶分類信息修改，可以填寫新的奶茶分類信息后進(jìn)行保存，還可以將新品的奶茶信息進(jìn)行添加，在添加頁面將新的類別信息填寫完整后，點擊保存就可以添加新的奶茶類別，可以對奶茶分類信息進(jìn)行刪除，刪除后會永久刪除本地存儲的奶茶分類信息。如圖8所示：圖8功能模塊圖（二）數(shù)據(jù)庫設(shè)計1.數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計經(jīng)過上述的分析，系統(tǒng)里的用例對象可以歸為用戶，管理員和商品三類，根據(jù)這三類對象設(shè)計了如下幾個實體屬性圖。其次是用戶實體屬性圖、奶茶實體屬性圖、訂單實體屬性圖和訂單詳情實體屬性圖。用戶實體屬性圖，關(guān)系模型為（ID、用戶名、密碼、用戶地址、電話）。如圖9：圖9用戶實體屬性圖奶茶實體屬性圖，關(guān)系模型為（ID、奶茶描述、定價、奶茶名、奶茶類型）。如圖10：圖10奶茶實體屬性圖訂單實體屬性圖，關(guān)系模型為（ID、商品ID、用戶ID）根據(jù)分析，很容易得知用戶和選購的奶茶是多對多的關(guān)系。生成訂單時，還需要用戶信息和訂單信息。那么就可以采用第三個關(guān)聯(lián)表來分別存儲用戶和訂單的ID來消除冗余數(shù)據(jù)。它也符合第三種范式原則建設(shè)。如圖11：圖11訂單實體屬性圖訂單詳情、實體屬性圖，關(guān)系模型為（奶茶列表、用戶名、訂單ID、價格、用戶地址、聯(lián)系電話）。如圖12：圖12訂單詳情實體屬性圖分析各實體間的E-R模型關(guān)系如下，用戶可以在線選購多種奶茶。一種奶茶也可以被多個用戶選中，為多對多關(guān)系。用戶選好后下單產(chǎn)生訂單，一個用戶是能夠擁有多個訂單。但是，一個訂單只對應(yīng)一個用戶，因此關(guān)系是一對多的。在這里應(yīng)用主外鍵來處理此關(guān)系。生成訂單后，將出現(xiàn)訂單詳細(xì)信息，這也是一對多關(guān)系。管理員可對多個奶茶進(jìn)行管理，奶茶也可被多個管理員所管理，訂單亦是如此。因此為多對多關(guān)系。實體關(guān)系E-R圖如下圖13：圖13部分實體關(guān)系E-R圖2.數(shù)據(jù)庫邏輯結(jié)構(gòu)設(shè)計Ljg_user表顯示用戶的信息表，并存儲用戶的基本信息。詳細(xì)如下表1：表1Ljg_user表admin表呈現(xiàn)的是管理員的信息表，對管理員的個人基本信息進(jìn)行存儲，詳細(xì)如下表2：表2admin（管理員信息）表Naicha表呈現(xiàn)的是奶茶信息表，主要對奶茶的基本信息進(jìn)行存儲，詳細(xì)如下表3：表3Naicha（奶茶信息）表

五、系統(tǒng)實現(xiàn)（一）用戶界面實現(xiàn)系統(tǒng)的用戶首頁頁面如下圖所示，在首頁的商品類別按鈕下滑欄處可選擇不同類別的奶茶。首頁提供奶茶店的熱賣奶茶內(nèi)容，以及首頁面還展示了奶茶店一些新穎漂亮的奶茶圖片作為首頁展示內(nèi)容，并且也有不同種類的奶茶供用戶選擇。整體界面新穎高端，給用戶帶來舒適體驗。系統(tǒng)首頁面如下圖14所示：圖14網(wǎng)站首頁展示（二）系統(tǒng)各功能模塊實現(xiàn)1.登錄功能實現(xiàn)系統(tǒng)設(shè)定了每個用戶訪問本系統(tǒng)時，如果想要購買就必須要進(jìn)行登錄驗證。在登錄頁面中填寫好登錄的數(shù)據(jù)信息后點擊登錄，數(shù)據(jù)會在前臺頁面進(jìn)行判空處理如果為空會提示用戶，如果輸入不存在的用戶名Ajax會動態(tài)驗證然后提示判斷不能為空，用戶填入的登錄信息在<v-from>標(biāo)簽中通過aioxs封裝后通過.post的請求方式，將用戶填寫的信息提交的后臺UserCon類中的Login方法中，在方法中獲取aioxs封裝的用戶登錄數(shù)據(jù)，將獲取到用戶數(shù)據(jù)使用查詢Sql語句到數(shù)據(jù)庫中查詢，根據(jù)查詢的返回結(jié)果進(jìn)行頁面跳轉(zhuǎn)。如下圖15所示：圖15登錄功能實現(xiàn)2.注冊功能實現(xiàn)系統(tǒng)設(shè)定了每個用戶訪問本系統(tǒng)時，如果想要購買就必須要進(jìn)行登錄驗證。那么登錄之前就需要注冊一個私人賬號，該賬號用于方存儲每個用于的個人信息數(shù)據(jù)。在注冊頁面中填寫好注冊的數(shù)據(jù)信息后點擊注冊，數(shù)據(jù)會在前臺頁面進(jìn)行判空處理如果為空會提示用戶注冊項不能為空，如果輸入以存在的用戶名Ajax會動態(tài)驗證然后提示，用戶填入的注冊信息在<el-from-itme>標(biāo)簽中通過aioxs封裝后通過.post的請求方式，將用戶填寫的注冊信息提交的后臺UserCon類中的regist方法中，在方法中獲取aioxs封裝的用戶注冊數(shù)據(jù)，將獲取到用戶數(shù)據(jù)使用插入Sql語句插入到數(shù)據(jù)庫中，然后跳轉(zhuǎn)至登錄頁。如下圖16所示：圖16注冊功能界面3.奶茶分類顯示界面在首頁，用戶可以選擇不同種類的名稱。根據(jù)選擇就會顯示出此種類所對應(yīng)的奶茶。在設(shè)置分類時，Jsp頁面中使用href標(biāo)簽通過指定地址欄的方式攜帶type對應(yīng)的id將請求提交到后臺，aioxs封裝后通過.post的請求方式提交到，Shop類中的SelectShopByid方法中，在方法中獲取id，然后通過id在數(shù)據(jù)庫中查詢類別的奶茶，將查詢到的奶茶信息封裝到List集合，通過Session會話對象存儲List集合，jsp頁面通過使用<v-for>獲取List集合數(shù)據(jù)，如下圖17所示：圖17奶茶分類展示頁面4.奶茶詳情界面當(dāng)用戶點擊奶茶圖片時，新的頁面會有奶茶的相關(guān)詳情信息介紹，實現(xiàn)過程為Jsp頁面在<img>標(biāo)簽中加入href屬性通過指定地址欄的方式攜帶type對應(yīng)的id將請求提交到后臺，aioxs封裝后通過.post的請求方式提交到，Shop類中的SelectShopByid方法中，在方法中獲取id，然后通過id在數(shù)據(jù)庫中查詢類別的奶茶，將查詢到的奶茶信息封裝到List集合，通過Session會話對象存儲List集合，jsp頁面通過使用<v-for>獲取List集合數(shù)據(jù)，如圖18所示：圖18奶茶詳情頁面5.購物車界面用戶在奶茶店瀏覽到的奶茶，點擊查看時能夠?qū)⒛滩杓尤氲劫徫镘嚠?dāng)中，最后可以在購物車當(dāng)中挑選某些奶茶進(jìn)行結(jié)賬操作。如圖19所示：圖19購物車頁面6.管理員界面管理員在對奶茶管理時的界面實現(xiàn)：管理員在奶茶管理功能中，可以將奶茶加入新品，也可以將奶茶設(shè)置為熱銷奶茶，對不需要在網(wǎng)上售賣的奶茶可以直接刪除，還可以對變動的奶茶信息進(jìn)行修改。如圖20所示：圖20奶茶管理操作在管理用戶生成的訂單數(shù)據(jù)：管理員可以對用戶在商場首頁生成的訂單數(shù)據(jù)進(jìn)行確認(rèn)訂單和修改訂單的狀態(tài)更改。確認(rèn)訂單后，只能查看，如圖21所示：圖21訂單管理操作奶茶分類管理：管理員可以在奶茶分類管理界面修改奶茶信息，刪除奶茶類型信息。如圖22所示：圖22分類添加操作管理員管理用戶信息：在用戶管理功能中，如果有用戶信息錯誤，管理員可以點擊修改按鈕對用戶信息進(jìn)行修改。如果管理員能夠管理使用系統(tǒng)的用戶，如果用戶在特殊情況下不能修改信息，可以聯(lián)系相關(guān)人員處理。如圖23所示：圖23人員管理操作

六、系統(tǒng)測試（一）測試原理在程序設(shè)計完了以后，用黑盒測試的方法，將奶茶店的登錄功能，注冊功能，以及信息的管理功能簡單的測試一下，黑盒子測試顧名思義其實就是在看不到盒子里面的東西時，對外面進(jìn)行測試，外面是程序的各個功能，把每個功能可能發(fā)生的問題，應(yīng)該需要正常執(zhí)行的順序整理一下，做出測試用例，然后根據(jù)測試用例進(jìn)行系統(tǒng)的測試。在黑盒測試方法中會出現(xiàn)以下這兩種情況：存在沒有實現(xiàn)的功能；數(shù)據(jù)是否能正確接收和存儲。系統(tǒng)測試將針對這兩點進(jìn)行。（二）測試過程針對前臺及后臺管進(jìn)行測試。1.前臺模塊用戶的登錄功能：在奶茶店登錄頁面，輸入空用戶名和密碼；輸入所有空用戶名和密碼；輸入正確的用戶名和密碼。購物車功能：在奶茶店的購物車頁面，隨便點擊奶茶加入購物車，總計金額會發(fā)生改變。2.后臺模塊用戶的管理功能：選擇任意一個用戶賬號，直接刪除。奶茶分類功能：點擊商品管理，添加奶茶。對新加入的奶茶進(jìn)行基礎(chǔ)信息設(shè)置，再返回首頁查看是否在相應(yīng)的分類中。奶茶的管理功能：選擇任意一個奶茶信息，直接刪除。（三）測試結(jié)果場景測試用例預(yù)期結(jié)果實際結(jié)果Ljg_登錄在登錄頁面里，輸入用戶名與密碼若密碼為空或不匹配時會發(fā)出提示，如果正確則會跳轉(zhuǎn)到首頁符合Ljg_注冊進(jìn)入注冊頁面，輸入完整信息填寫信息完整且兩次密碼一致，會注冊成功。數(shù)據(jù)庫會有新用戶添加符合Ljg_商品瀏覽與分類首頁點擊不同類別的商品對應(yīng)的不同的類比商品都會有顯示，還可以點擊查看符合Ljg_購物車點擊加入購物車購物車中會存儲加入的商品，并核算金額符合表4測試結(jié)果表續(xù)表4測試結(jié)果表場景測試用例預(yù)期結(jié)果實際結(jié)果Ljg_訂單信息點擊訂單產(chǎn)生的訂單可以跟下單用戶的信息吻合符合Ljg_管理員對用戶管理刪除用戶數(shù)據(jù)庫中會刪除掉用戶記錄符合Ljg_訂單管理點擊訂單管理，進(jìn)行修改和刪除數(shù)據(jù)庫中會更變訂單信息符合

七、結(jié)束語論文的寫作到了尾聲階段，奶茶店的基本功能可以實現(xiàn)，系統(tǒng)的使用可以給大多數(shù)用戶提供網(wǎng)上買奶茶的途徑，給商家?guī)砀鼘掗煹匿N售市場，網(wǎng)上售賣奶茶不僅節(jié)省時間，還節(jié)約經(jīng)濟(jì)和資源，網(wǎng)上奶茶店占地面積不大，店鋪的裝修成本不高，盡管此系統(tǒng)具有便利和降低人工成本的優(yōu)點，但是還是避免不了有缺點。例如，頁面的設(shè)計相對其他網(wǎng)站不夠精美，對數(shù)據(jù)庫的相關(guān)設(shè)計應(yīng)進(jìn)行完善。未來還要對用戶使用上的一些功能進(jìn)行改進(jìn)，比如，沒有相似商品的尋找，對商品的留言功能，根據(jù)有關(guān)形容詞對商品查找等。還有待提高頁面的精美程度。通過本次的畢業(yè)設(shè)計，不僅是對實訓(xùn)所學(xué)習(xí)的知識的補(bǔ)充，更是由此項目提高自己獨立完成一個項目的能力。我更加熟悉開發(fā)流程。這次選題是我自己很喜歡的購物系統(tǒng)。購物一直是人們生活中的常事，只是所使用的方式一直在改變