《基于Web的網(wǎng)上奶茶店銷售系統(tǒng)設(shè)計(jì)》9800字（論文）

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

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

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

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

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

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

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