I1.緒論論文首先介紹了本課題的研究背景和意義，分析了國內(nèi)外的研究現(xiàn)狀及發(fā)展趨勢，提出了本課題的研究內(nèi)容，為系統(tǒng)的開發(fā)奠定了基礎(chǔ)。1.1開發(fā)背景及研究意義近幾年來，隨著網(wǎng)絡(luò)技術(shù)的飛速發(fā)展，網(wǎng)絡(luò)產(chǎn)品、網(wǎng)站層出不窮，人才需求量越來越大。與此同時(shí)，面對以往以手寫記錄為主的工作方式，工作效率難以提高，不能適應(yīng)現(xiàn)代人的需要；自人類進(jìn)入網(wǎng)絡(luò)時(shí)代以來，從紙質(zhì)手抄到網(wǎng)上無紙管理，有效地解決了人們獲取信息的途徑，提高了工作效率。如此一來，“秋梔”茶飲品的微信小程序就很有必要了。設(shè)計(jì)和實(shí)現(xiàn)“秋梔”茶飲品銷售微信小程序。該系統(tǒng)具有良好的擴(kuò)展性、穩(wěn)定性、安全性以及可移植性等特點(diǎn)。為方便用戶找到適合自己的奶茶信息并進(jìn)行交流，特制定本“秋梔”茶飲品銷售微信小程序。首先，通過研究奶茶小程序，可以提升消費(fèi)者體驗(yàn)和滿足消費(fèi)者需求。隨著消費(fèi)者對于便捷、快速服務(wù)的需求增加，奶茶小程序能夠提供在線點(diǎn)單、自助支付、快速取餐等功能，為消費(fèi)者提供更加便捷的購物體驗(yàn)，從而增強(qiáng)消費(fèi)者的滿意度和忠誠度。其次，研究奶茶小程序有助于推動奶茶行業(yè)的數(shù)字化轉(zhuǎn)型。隨著互聯(lián)網(wǎng)和移動支付的普及，傳統(tǒng)奶茶店面臨著市場競爭的壓力。通過開發(fā)奶茶小程序，奶茶店可以借助互聯(lián)網(wǎng)技術(shù)和數(shù)據(jù)分析，提升經(jīng)營管理水平，降低成本，增加營收，實(shí)現(xiàn)商業(yè)價(jià)值最大化。此外，研究奶茶小程序還可以促進(jìn)奶茶產(chǎn)業(yè)的創(chuàng)新發(fā)展。通過小程序的功能擴(kuò)展和業(yè)務(wù)創(chuàng)新，奶茶店可以推出更多元化的產(chǎn)品和服務(wù)，滿足不同消費(fèi)群體的需求，拓展銷售渠道，提升品牌影響力，促進(jìn)奶茶產(chǎn)業(yè)的持續(xù)健康發(fā)展。綜上所述，研究奶茶小程序具有重要的市場意義和社會價(jià)值，有助于提升消費(fèi)者體驗(yàn)、推動行業(yè)轉(zhuǎn)型升級、促進(jìn)產(chǎn)業(yè)創(chuàng)新發(fā)展，值得進(jìn)一步深入探討和研究。1.2研究現(xiàn)狀奶茶行業(yè)作為餐飲行業(yè)的一部分，近年來在中國和國際市場上都呈現(xiàn)出了蓬勃發(fā)展的趨勢。隨著消費(fèi)者對于品質(zhì)生活的追求和飲品消費(fèi)習(xí)慣的變化，奶茶行業(yè)不斷創(chuàng)新，推出各種口味獨(dú)特的奶茶產(chǎn)品，成為了年輕人和都市白領(lǐng)生活中的熱門選擇。在這個(gè)背景下，奶茶小程序作為一種新興的線上銷售渠道和服務(wù)方式，備受關(guān)注。實(shí)體規(guī)模與主營業(yè)務(wù)：奶茶店的實(shí)體規(guī)?？梢詮膯蔚杲?jīng)營到連鎖加盟店等多種形式。主營業(yè)務(wù)主要包括提供各類奶茶、果茶、芝士茶等飲品，以及搭配的小吃或甜點(diǎn)。其經(jīng)營特點(diǎn)包括快速制作、定制口味、在線支付等。實(shí)現(xiàn)技術(shù)的現(xiàn)狀：奶茶小程序的技術(shù)實(shí)現(xiàn)主要包括前端開發(fā)、后端服務(wù)和數(shù)據(jù)庫等方面。前端開發(fā)采用HTML、CSS、JavaScript等技術(shù)，實(shí)現(xiàn)頁面交互和用戶界面設(shè)計(jì)。后端服務(wù)則使用Node.js、Python等語言，實(shí)現(xiàn)數(shù)據(jù)傳輸和邏輯處理。數(shù)據(jù)庫方面常用的有MySQL、MongoDB等，用于存儲用戶信息、訂單數(shù)據(jù)等。類似項(xiàng)目的分析及總結(jié)：在國內(nèi)外，類似的奶茶小程序項(xiàng)目已經(jīng)有許多實(shí)例，比如國內(nèi)的喜茶、奈雪的茶等知名奶茶品牌，以及國際上的Starbucks等咖啡連鎖品牌。這些項(xiàng)目通過小程序平臺，為消費(fèi)者提供了線上點(diǎn)單、會員積分、在線支付等服務(wù)，極大地提升了消費(fèi)體驗(yàn)。同時(shí)，它們也通過數(shù)據(jù)分析、精準(zhǔn)營銷等手段，不斷優(yōu)化產(chǎn)品和服務(wù)，提升用戶黏性和品牌忠誠度。國內(nèi)研究現(xiàn)狀：國內(nèi)奶茶行業(yè)的研究主要集中在市場調(diào)研、消費(fèi)行為分析、產(chǎn)品創(chuàng)新和營銷策略等方面。同時(shí)，隨著移動互聯(lián)網(wǎng)技術(shù)的發(fā)展，越來越多的學(xué)者開始關(guān)注奶茶小程序的研究，探討其在提升用戶體驗(yàn)、推動行業(yè)轉(zhuǎn)型、促進(jìn)品牌發(fā)展等方面的作用和影響。國外研究現(xiàn)狀：的研究則更加注重消費(fèi)者行為和市場趨勢的分析，以及技術(shù)創(chuàng)新和商業(yè)模式的探索。同時(shí)，一些國外奶茶品牌也在不斷嘗試?yán)眯录夹g(shù)、新媒體手段，拓展線上銷售渠道，提升品牌影響力，加強(qiáng)與消費(fèi)者的互動和溝通。奶茶小程序作為一個(gè)新興的商業(yè)模式，具有巨大的發(fā)展?jié)摿褪袌銮熬啊Ｍㄟ^深入研究國內(nèi)外的實(shí)踐經(jīng)驗(yàn)和學(xué)術(shù)成果，可以為奶茶小程序的發(fā)展提供借鑒和啟示，推動奶茶行業(yè)的數(shù)字化轉(zhuǎn)型和創(chuàng)新發(fā)展。總而言之，“秋梔”茶飲品銷售微信小程序的發(fā)展呈持續(xù)上升發(fā)展趨勢，現(xiàn)在傳統(tǒng)式的手工制作和半手動式管理方法轉(zhuǎn)變?yōu)樾畔⒒芾淼霓D(zhuǎn)變歷程中，必須使用和融合全新的信息技術(shù)性來完成傳統(tǒng)的系統(tǒng)設(shè)計(jì)方法，確保系統(tǒng)的效果和品質(zhì)。自1993年美國實(shí)施NationalInformationInfrastructure以來，網(wǎng)絡(luò)普及率大幅提高，互聯(lián)網(wǎng)用戶數(shù)量快速增長，專業(yè)的“秋梔”茶飲品銷售微信小程序開始快速增長。1.3主要研究內(nèi)容和論文結(jié)構(gòu)安排整體而言，微信奶茶小程序的開發(fā)涉及到多個(gè)關(guān)鍵方面，包括技術(shù)選擇、系統(tǒng)功能設(shè)計(jì)、數(shù)據(jù)庫設(shè)計(jì)、頁面布局設(shè)計(jì)、功能實(shí)現(xiàn)和系統(tǒng)測試等。下面將這些章節(jié)結(jié)合起來，展現(xiàn)微信奶茶小程序的整體框架和實(shí)現(xiàn)過程。1.緒論在移動互聯(lián)網(wǎng)時(shí)代，奶茶行業(yè)也逐漸意識到線上銷售的重要性。因此，基于微信小程序的奶茶銷售系統(tǒng)應(yīng)運(yùn)而生。這一系統(tǒng)將利用微信小程序平臺的便捷性和流行度，為奶茶店提供一種新的銷售渠道，提高銷售效率和用戶體驗(yàn)。2.關(guān)鍵技術(shù)微信小程序作為開發(fā)平臺，具備便捷開發(fā)、低成本維護(hù)等優(yōu)勢。開發(fā)環(huán)境包括微信開發(fā)者工具，開發(fā)技術(shù)主要采用HTML、CSS、JavaScript等前端技術(shù)。數(shù)據(jù)庫方面選擇適當(dāng)?shù)臄?shù)據(jù)庫管理系統(tǒng)，如MySQL或MongoDB。為了提高開發(fā)效率和代碼質(zhì)量，可以采用一些框架如WePY、Taro等。3.系統(tǒng)概述在需求分析階段，明確了用戶端和管理端的功能需求，并進(jìn)行了可行性分析以確保系統(tǒng)的可行性。系統(tǒng)功能結(jié)構(gòu)分析闡明了系統(tǒng)各模塊的功能和關(guān)系。4.頁面布局設(shè)計(jì)用戶端頁面布局設(shè)計(jì)需考慮到用戶體驗(yàn)和操作流程，如首頁展示、商品列表、購物車、訂單結(jié)算等。管理端頁面布局設(shè)計(jì)則需考慮到商品管理、訂單管理、用戶管理等功能的布局合理性和操作便捷性。5.數(shù)據(jù)庫設(shè)計(jì)資料庫設(shè)計(jì)包含概念設(shè)計(jì)與表格結(jié)構(gòu)設(shè)計(jì)兩個(gè)部份，針對系統(tǒng)的需求設(shè)計(jì)適當(dāng)?shù)馁Y料庫模型，以確保資料儲存的正確性與安全性。6.系統(tǒng)的功能實(shí)現(xiàn)在用戶端實(shí)現(xiàn)了網(wǎng)頁的效果與功能，其中包括用戶的注冊登錄，商品的瀏覽，下單的購買等；在管理方面，實(shí)現(xiàn)了物品管理，訂單管理等功能.7.系統(tǒng)測試系統(tǒng)測試主要是對系統(tǒng)功能的完整性、穩(wěn)定性進(jìn)行驗(yàn)證，包括對核心功能的測試，性能的測試，以及兼容性的測試。8.調(diào)查結(jié)果總之，微信奶茶小程序的開發(fā)包括技術(shù)選型、功能設(shè)計(jì)、數(shù)據(jù)庫設(shè)計(jì)、頁面布局設(shè)計(jì)、功能實(shí)現(xiàn)以及系統(tǒng)測試等幾個(gè)關(guān)鍵環(huán)節(jié)。將以上幾個(gè)環(huán)節(jié)有機(jī)地結(jié)合起來，開發(fā)出一款功能完善、用戶體驗(yàn)良好的微信奶茶小程序，為奶茶行業(yè)帶來新的機(jī)遇與挑戰(zhàn)。第一章引言這一章共分兩章。開發(fā)背景、研究意義以及研究現(xiàn)狀，這一章的意義就是讓讀者能夠?qū)ρ芯空n題有一個(gè)全面的了解，明確研究的目的與意義，為后面的研究內(nèi)容提供一個(gè)合理的框架和依據(jù)。第二章主要技術(shù)介紹本章共分五章。微信小程序概述，開發(fā)環(huán)境，開發(fā)技術(shù)，數(shù)據(jù)庫，框架。這一章對微信小程序做了一個(gè)綜合的介紹，包括它的概述，它的開發(fā)環(huán)境，它的開發(fā)技術(shù)，以及與數(shù)據(jù)庫和框架有關(guān)的技術(shù)。第三章是需求分析。這一章主要分為三大部分。對系統(tǒng)進(jìn)行需求分析，可行性分析，對系統(tǒng)的功能進(jìn)行分析.從需求獲取、可行性評價(jià)、功能架構(gòu)分析等方面對系統(tǒng)需求進(jìn)行全面的分析與評價(jià)，為后續(xù)系統(tǒng)的設(shè)計(jì)與開發(fā)提供參考依據(jù)。第四章版面布局分析與版面布局設(shè)計(jì)。用戶端網(wǎng)頁內(nèi)容分析與版面布局設(shè)計(jì)，網(wǎng)頁內(nèi)容分析與版面布局設(shè)計(jì)。分析與設(shè)計(jì)用戶端與管理端頁面的內(nèi)容，保證頁面布局合理，內(nèi)容豐富，滿足用戶與管理員的實(shí)際需要，提高系統(tǒng)的可用性與用戶滿意度。第五章數(shù)據(jù)庫的設(shè)計(jì)這一章主要分為兩個(gè)部分。設(shè)計(jì)了數(shù)據(jù)庫的概念，并設(shè)計(jì)了數(shù)據(jù)表的結(jié)構(gòu)。在此基礎(chǔ)上，詳細(xì)設(shè)計(jì)了系統(tǒng)所需要的數(shù)據(jù)庫，包括數(shù)據(jù)庫的概念模型以及具體的表結(jié)構(gòu)，為系統(tǒng)的數(shù)據(jù)存儲、管理、查詢等提供了支持，并保證了數(shù)據(jù)的正確性和安全性。第六章系統(tǒng)功能的實(shí)現(xiàn)。在用戶端實(shí)現(xiàn)網(wǎng)頁效果和功能實(shí)現(xiàn)，在管理端實(shí)現(xiàn)網(wǎng)頁效果和功能實(shí)現(xiàn)。將前期設(shè)計(jì)好的頁面效果與功能轉(zhuǎn)換成實(shí)際可用的系統(tǒng)，包括用戶端與管理端的頁面開發(fā)與功能實(shí)現(xiàn)，從而保證該系統(tǒng)既能滿足使用者與管理員的實(shí)際需要，又能有較好的用戶體驗(yàn)與使用性。第七章系統(tǒng)檢驗(yàn)這一章包括兩節(jié)內(nèi)容。系統(tǒng)測試目標(biāo)及核心功能測試.在此基礎(chǔ)上，對系統(tǒng)的總體功能、核心功能的正確性、穩(wěn)定性等進(jìn)行全面的測試與驗(yàn)證，從而保證系統(tǒng)滿足設(shè)計(jì)要求，滿足使用者與管理員的實(shí)際需要。第八章是結(jié)論部分。這一節(jié)對整個(gè)過程進(jìn)行回顧總結(jié)2.關(guān)鍵技術(shù)介紹系統(tǒng)的開發(fā)采用了

NODEJS語言和

MySQL數(shù)據(jù)庫進(jìn)行數(shù)據(jù)存儲.該系統(tǒng)基于

B/S架構(gòu)，實(shí)現(xiàn)了管理的集成性和標(biāo)準(zhǔn)化，為用戶提供了高效、快速的溝通平臺[5]。以網(wǎng)絡(luò)為基礎(chǔ)的“秋梔”茶飲料銷售微信小程序穩(wěn)定性好，安全可靠，操作簡便，便于維護(hù)。以下是一些關(guān)鍵的技術(shù)。2.1微信小程序2.1.1微信小程序的介紹微信小程序由張小龍研發(fā)，于2017年1月9日正式推出，是一款無需下載就能使用的輕量級應(yīng)用，使用完后也無需卸載，實(shí)現(xiàn)了用完即走的原則，極大地降低了小程序的傳播消耗，以及獲取用戶的成本。這打開了一個(gè)連接用戶和服務(wù)的新途徑。對于微信小程序，最直觀的理解是，它可以被分解成微信和小程序，這一點(diǎn)很容易讓人明白，微信小程序是以微信為基礎(chǔ)開發(fā)的，所以，在微信里，用戶只需要掃一掃或者掃一掃公眾號中相關(guān)的二維碼，就能打開小程序應(yīng)用。微信小程序最大的優(yōu)勢就是占地面積很小，所以用戶只需要很短的時(shí)間就能獲得小程序，這極大地提高了用戶的使用體驗(yàn)。2.1.2微信小程序框架概述(1)邏輯層邏輯層是微信小程序中所有.

js文件的集合，在這個(gè)邏輯層，小程序會把處理過的數(shù)據(jù)發(fā)送給視圖層，而視圖層則向邏輯層反饋時(shí)間請求。其中微信團(tuán)隊(duì)做了一系列的優(yōu)化，比如用

app作為小程序的入口，頁面也用

page的方式打開未打開的頁面。同時(shí)，還陸續(xù)提供了很多多功能的

API接口，這給開發(fā)者帶來了極大的方便，同時(shí)微信團(tuán)隊(duì)也將頁面的作用域獨(dú)立化，從而使頁面具備了模塊化功能，能夠?qū)π〕绦虻纳芷谶M(jìn)行管理，實(shí)現(xiàn)數(shù)據(jù)和事件的發(fā)布等功能。但邏輯層有一個(gè)比較特殊的地方，那就是邏輯層的

js代碼并沒有運(yùn)行在瀏覽器上，所以

JPM在網(wǎng)絡(luò)中沒有

Dom、

Window等部分功能，因此在平時(shí)的開發(fā)過程中我們要注意這些點(diǎn)。(2)視圖層微信小程序的視圖層由.

wxml文件和.

wxss文件組成，其中頁面結(jié)構(gòu)的構(gòu)建是在.

wxml文件中完成的，包括元素構(gòu)成，數(shù)據(jù)顯示，事件綁定等。視圖的頁面是綁定的，并且還支持冒泡事件綁定，但是它仍然與

HTML中的

on不同。而.

wxss文件完成了頁面結(jié)構(gòu)和數(shù)據(jù)的顯示風(fēng)格，而數(shù)據(jù)的顯示則以小程序的基本單位組件（component）來展示，尤其是為了適應(yīng)各種設(shè)備屏幕，微信小程序新增加了一種尺寸單位

rpx，用這個(gè)單位來進(jìn)行頁面布局，可以很好地實(shí)現(xiàn)不同設(shè)備不同屏幕下的頁面的自適應(yīng)顯示，極大地提升了開發(fā)人員的工作效率。數(shù)據(jù)層可以將臨時(shí)數(shù)據(jù)緩存到本地，也可以通過網(wǎng)絡(luò)進(jìn)行存儲。首頁數(shù)據(jù)層通過

setData

（）函數(shù)向視圖層傳遞數(shù)據(jù)，實(shí)現(xiàn)數(shù)據(jù)的變化驅(qū)動頁面的變化，在開發(fā)時(shí)要避免經(jīng)常使用

setData

()，否則會導(dǎo)致頁面卡頓或者數(shù)據(jù)沒有更新。同時(shí)，微信小程序還提供了一些相對成熟的

API接口，比如設(shè)置緩存數(shù)據(jù)的本地存儲wx.se

tSto

rage，獲取緩存數(shù)據(jù)的

API接口wx.ge

tSto

rage和wx.ge

tSto

rage來清除緩存數(shù)據(jù)。另外，還可以利用一些成熟的

API來實(shí)現(xiàn)網(wǎng)絡(luò)的存儲和調(diào)用，比如上傳文件接口

wx.

uploadFile，對應(yīng)的下載文件接口

wx.

do

wn

load

File，以及最常用的網(wǎng)絡(luò)請求的接口wx.re

qu

est。在正常情況下，微信頁面跳轉(zhuǎn)就是一些網(wǎng)絡(luò)調(diào)用，包括網(wǎng)頁跳轉(zhuǎn)wx.na

viga

teTo，這種方式除了無法跳轉(zhuǎn)到

tabBar頁面之外，其它都可以跳轉(zhuǎn)，并且還能回到原來的頁面。2.2開發(fā)環(huán)境該系統(tǒng)是在

MyEclipse的基礎(chǔ)上開發(fā)的。系統(tǒng)使用

Tomcat服務(wù)器作為服務(wù)器。系統(tǒng)數(shù)據(jù)庫的設(shè)計(jì)采用了

MySQL數(shù)據(jù)庫。它有一個(gè)

Windows

10操作系統(tǒng)，四核處理器，16

GB內(nèi)存，512

GB

SSD。2.3NODEJS技術(shù)Nodejs是其中一種被廣泛使用的語言。其代碼為開放源碼，可供任何軟件開發(fā)者使用。Nodejs語言功能很多，代碼也很簡單，編寫方法也很多。該方法具有很好的對象導(dǎo)向性，并且不需要對平臺進(jìn)行任何的使用。所有的平臺都能夠在高度安全的環(huán)境下運(yùn)行，因此是系統(tǒng)開發(fā)的理想選擇。Nodejs平臺能夠聲明無限性，并能運(yùn)行于任意平臺。無需另一種語言進(jìn)行編輯的代碼會運(yùn)行。2.4MySQL數(shù)據(jù)庫它具有性能優(yōu)異，功能強(qiáng)大，可擴(kuò)展性好等優(yōu)點(diǎn)，越來越受到人們的重視。目前，我國已有不少企業(yè)采用這一系統(tǒng)，并取得了良好的效果。隨著計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)的飛速發(fā)展，人們對計(jì)算機(jī)的認(rèn)識也越來越深刻。MySQL是目前最受歡迎的關(guān)系數(shù)據(jù)庫管理系統(tǒng)之一，而我的

SQL則是網(wǎng)絡(luò)應(yīng)用中最好的關(guān)系數(shù)據(jù)庫管理系統(tǒng)。MySQL是一種關(guān)系型的數(shù)據(jù)庫管理系統(tǒng)，它不把所有的數(shù)據(jù)都存放在同一個(gè)數(shù)據(jù)庫里，而是把數(shù)據(jù)存放到不同的表里，這樣既提高了速度，又提高了靈活性。在信息管理中，數(shù)據(jù)庫的應(yīng)用也越來越多，不僅能有效地提高信息管理的質(zhì)量，還能進(jìn)一步提高信息管理的安全性，使信息管理更有效率。SQL

Server是一個(gè)能夠?yàn)榇笮拖到y(tǒng)提供數(shù)據(jù)庫服務(wù)的關(guān)系型數(shù)據(jù)庫管理系統(tǒng)。一個(gè)大型服務(wù)器可能有數(shù)千個(gè)同時(shí)與

SQLServer實(shí)例相連的用戶[7]。我所用的

SQL是一種標(biāo)準(zhǔn)語言，用來訪問數(shù)據(jù)庫。該系統(tǒng)以簡單的操作實(shí)現(xiàn)了復(fù)雜的查詢功能，并具有很好的可維護(hù)性和擴(kuò)展性。隨著網(wǎng)絡(luò)技術(shù)的飛速發(fā)展，

ASP.

NET已成為

Internet上最受歡迎的網(wǎng)絡(luò)應(yīng)用之一。MySQL的軟件采用雙重授權(quán)策略，分為社區(qū)版和商用版兩種。因?yàn)樗w積小、速度快、整體擁有成本低，尤其是開源，MySQL被用來作為中小型網(wǎng)站開發(fā)網(wǎng)站數(shù)據(jù)庫[8]。2.5B/S架構(gòu)采用

B/S體系結(jié)構(gòu)，將客戶端和服務(wù)器分離開來，客戶端通過瀏覽器對服務(wù)器端的訪問來完成操作。B/S體系結(jié)構(gòu)是目前最常用的一種體系結(jié)構(gòu)，它克服了

C/S體系結(jié)構(gòu)中客戶服務(wù)端不分離的缺陷，具有以下優(yōu)點(diǎn)：(1)跨平臺性：由標(biāo)準(zhǔn)化組織制定了B/S標(biāo)準(zhǔn)，適用于大部分系統(tǒng)的構(gòu)建，在應(yīng)用程序間通用。(2)維護(hù)費(fèi)用低：客戶端與服務(wù)器端分離，減輕了兩端的負(fù)擔(dān)，特別是客戶端，對于客戶端設(shè)備來說，硬件和軟件的需求較小，當(dāng)系統(tǒng)需要升級或者維護(hù)時(shí)，只需對服務(wù)器端進(jìn)行升級或維護(hù)，從而降低了相關(guān)成本。3.系統(tǒng)分析系統(tǒng)分析是軟件開發(fā)的關(guān)鍵。但在實(shí)際工作中卻往往容易被人們忽視或誤解。其實(shí)需求分析在軟件開發(fā)過程中起著重要作用，它不僅為軟件產(chǎn)品提供了一個(gè)基本框架和基礎(chǔ)結(jié)構(gòu)，而且還能夠提高軟件開發(fā)效率及質(zhì)量。大多數(shù)軟件的故障都是由于需求分析錯誤造成的，因?yàn)樾枨蠓治隹梢苑治鲇脩舻臉I(yè)務(wù)，并根據(jù)用戶的需求進(jìn)行定制分析[10]。3.1系統(tǒng)概述該系統(tǒng)由個(gè)人管理員和用戶兩部分組成。其中：用戶進(jìn)入系統(tǒng)首頁可以實(shí)現(xiàn)首頁，奶茶信息，營銷活動，購物車，我的等；管理員則是根據(jù)不同需求設(shè)置了不同功能，可以通過后臺管理接口管理用戶信息。3.2需求分析需求分析，也稱為軟件需求分析、系統(tǒng)需求分析或需求分析工程，是指開發(fā)人員經(jīng)過充分的研究和分析，準(zhǔn)確地理解用戶和項(xiàng)目在功能、性能、可靠性等方面的具體需求，并將用戶的非正式需求表述轉(zhuǎn)化為確定系統(tǒng)必須執(zhí)行的需求的完整定義的過程[11]。功能需求分析是系統(tǒng)設(shè)計(jì)的前提，它要求開發(fā)者和用戶定義開發(fā)什么樣的體系和系統(tǒng)需要什么樣的功能。本文主要介紹了一種基于windows平臺實(shí)現(xiàn)的“秋梔”茶飲品銷售微信小程序。該系統(tǒng)為用戶找到奶茶信息提供了更安全、更高效、更便捷的途徑。本系統(tǒng)有兩個(gè)角色：管理員和用戶，要求具備以下功能：（1）用戶可以修改個(gè)人信息，對我的奶茶信息，收藏管理，用戶充值，在線客服，購物車，我的訂單等詳情進(jìn)行查看。（2）管理員實(shí)現(xiàn)個(gè)人信息修改，對用戶管理，奶茶分類管理，奶茶信息管理，系統(tǒng)管理，訂單管理進(jìn)行修改和刪除操作，讓用戶實(shí)時(shí)知道最新的奶茶信息。用戶故事如表3-1所示。表3-1用戶故事優(yōu)先級名稱用戶故事描述表3-1（續(xù)）1篩選、瀏覽奶茶作為一名顧客想購買這個(gè)奶茶店的奶茶時(shí)，希望在瀏覽奶茶信息列表時(shí)，按照奶茶的價(jià)格、購買的數(shù)量等進(jìn)行過濾奶茶。2收藏奶茶作為一名顧客在瀏覽奶茶信息時(shí)，遇到喜歡的奶茶但也想再看看其他奶茶時(shí)，希望可以收藏該奶茶。3查看訂單作為一名顧客在購買或者取消奶茶訂單數(shù)時(shí)，希望能將此次訂單信息保存在訂單頁面。4搜索奶茶作為一名顧客在搜索奶茶時(shí)，希望能進(jìn)行不限格式的文本搜索，例如按照關(guān)鍵字或者價(jià)格等。5奶茶分類作為一名顧客，希望奶茶可以依據(jù)奶茶的類型分類。6奶茶加入購物車作為一名顧客，在訂購奶茶時(shí)，希望將選好的奶茶加入購物車。7支付作為一名顧客，在點(diǎn)單后希望能夠?qū)⑻砑尤胭徫镘囍械娜磕滩璧慕Y(jié)算購買。8篩選、瀏覽奶茶作為一名管理員，希望能瀏覽奶茶列表、并對奶茶進(jìn)行篩選。9奶茶添加作為一名管理員，希望可以添加新的奶茶。10奶茶刪除作為一名管理員，希望可以刪除不想要的奶茶。11奶茶信息修改作為一名管理員，希望可以修改奶茶的信息。12訂單列表查看作為一名管理員，希望可以瀏覽訂單的列表13訂單取消作為一名管理員，希望可以取消訂單14奶茶瀏覽作為一名管理員，希望可以瀏覽所有餐品15用戶瀏覽作為一名管理員，希望可以查看用戶列表16用戶信息修改作為一名管理員，希望可以修改用戶的信息3.3可行性分析可行性分析是指通過比較項(xiàng)目的主要內(nèi)容和支撐條件，如市場需求、資源供應(yīng)、環(huán)境影響、資金籌措情況、盈利能力等，預(yù)測項(xiàng)目建成后可能產(chǎn)生的資金、經(jīng)濟(jì)效益、社會和環(huán)境影響，為項(xiàng)目決策提供依據(jù)的綜合性系統(tǒng)分析方法?？尚行匝芯繄?bào)告編制的質(zhì)量直接影響著投資決策的成，而可行性研究報(bào)告編制程序又決定了可行性研究報(bào)告能否得到有效執(zhí)行。因此，必須重視可行性研究工作，提高其編制水平?？尚行苑治鰬?yīng)當(dāng)具有預(yù)見性、公正性、可靠性和科學(xué)性。3.3.1技術(shù)可行性分析本系統(tǒng)是為了為用戶尋找奶茶提供更加安全、高效、便捷的方式，本系統(tǒng)需要運(yùn)用到NODEJS、MySQL和B/S結(jié)構(gòu)等技術(shù)，這些技術(shù)在國內(nèi)外已經(jīng)非常成熟[14]，在大學(xué)期間也有所涉及，相關(guān)的知識和工具在網(wǎng)絡(luò)上也可以查到，再加上老師的指導(dǎo)，在技術(shù)上的難題可以得到解決。3.3.2經(jīng)濟(jì)可行性分析該系統(tǒng)的主題是“秋梔”茶飲品銷售微信小程序的設(shè)計(jì)與實(shí)現(xiàn)。開發(fā)所需的軟件資源是Eclipse。我們可以在它的網(wǎng)站上安裝一個(gè)免費(fèi)的版本，這對我們的開發(fā)和使用是足夠好的。數(shù)據(jù)庫就是MySQL數(shù)據(jù)庫。是開源是免費(fèi)的，服務(wù)器使用Tomcat服務(wù)器，瀏覽器使用日常IE瀏覽器，NODEJS技術(shù)是開源的。經(jīng)過可行性評估，軟件資源支出符合經(jīng)濟(jì)可行性[15]。硬件方面，配備齊全的筆記本電腦作為工具在經(jīng)濟(jì)上是可行的。3.4系統(tǒng)功能結(jié)構(gòu)分析3.4.1用戶端功能結(jié)構(gòu)用戶端功能結(jié)構(gòu)，用戶在使用小程序時(shí)，涉及到的各類功能。用戶端的功能結(jié)構(gòu)分為四個(gè)部分，分別是首頁、奶茶信息、訂單、我的。通過這些功能的設(shè)計(jì)和實(shí)現(xiàn)，可以為用戶提供便捷的購物體驗(yàn)，增強(qiáng)用戶粘性，促進(jìn)銷售增長。用戶端具體功能結(jié)構(gòu)如圖3-1所示：圖3-1用戶端功能結(jié)構(gòu)圖首頁的功能有：滾動圖片展示，介紹我們，奶茶資訊推薦，甜蜜咨詢等。當(dāng)用戶點(diǎn)擊奶茶信息推薦后，就會進(jìn)入到奶茶信息頁面，可以看到自己喜歡的奶茶，并進(jìn)行篩選。點(diǎn)選其中的一款奶茶，進(jìn)入到奶茶詳情頁，可以看到照片，價(jià)格，收藏等信息。選好自己喜歡的奶茶后，點(diǎn)擊付款，進(jìn)入訂單確認(rèn)頁面。訂單顯示價(jià)格及備注，首次購買需填寫個(gè)人資料，填寫完畢后點(diǎn)擊確定付款，余額不足可點(diǎn)擊充值，充值完畢即可購買。奶茶資料的功能有：搜索奶茶，奶茶分類，奶茶展示等。當(dāng)用戶點(diǎn)擊奶茶信息后，就會進(jìn)入網(wǎng)頁，在這里，你可以用搜索框搜索奶茶關(guān)鍵字，就能迅速地找到你想要的奶茶，還能從奶茶分類中快速找到你喜歡的奶茶。點(diǎn)選其中的一款奶茶，進(jìn)入到奶茶詳情頁，可以看到照片，價(jià)格，收藏等信息。選好自己喜歡的奶茶后，點(diǎn)擊付款，進(jìn)入訂單確認(rèn)頁面。訂單顯示價(jià)格及備注，首次購買需填寫個(gè)人資料，填寫完畢后點(diǎn)擊確定付款，余額不足可點(diǎn)擊充值，充值完畢即可購買。訂購功能包括所有定單，未付款定單，已付款定單，已交付定單，已完成定單，已取消定單。在訂單頁面上，可以看到收貨人，電話，地址，訂單時(shí)間，備注，價(jià)格。如果你不想吃的話，可以點(diǎn)擊退款。我的功能包括設(shè)置，收藏，用戶充值，在線客戶服務(wù)，購物車。設(shè)定可修改個(gè)人資料?！拔业氖詹貖A”用戶可以看到自己收藏的奶茶，點(diǎn)選其中一款，就能看到奶茶的詳細(xì)信息。用戶在買奶茶的時(shí)候需要充值才能買到。在線客戶服務(wù)用戶可與員工溝通，咨詢自己的一些問題。當(dāng)用戶加入購物車后，就可以點(diǎn)擊購物車中所選的奶茶來進(jìn)行付款。3.4.2管理端功能結(jié)構(gòu)管理端功能結(jié)構(gòu)，描述的是管理員在管理“秋梔”茶飲品銷售微信小程序小程序中涉及到的功能?！扒飾d”茶飲品銷售微信小程序的后臺管理端主要管理七個(gè)部分，分別是：系統(tǒng)首頁、個(gè)人中心、用戶管理、奶茶分類管理、奶茶信息管理、系統(tǒng)管理及訂單管理。具體管理端功能結(jié)構(gòu)圖如圖3-2所示：圖3-2管理端功能結(jié)構(gòu)圖“個(gè)人中心”的特點(diǎn)包括：修改密碼，個(gè)人信息管理員可修改密碼，查看個(gè)人資料。用戶管理的主要功能有：增加用戶，修改用戶，刪除用戶，詳細(xì)信息，用戶查詢等。本頁管理員可對用戶的部分信息進(jìn)行修改或新增或刪除，還可瀏覽用戶的基本資料，在搜索框中進(jìn)行關(guān)鍵詞搜索，可迅速找到用戶。“奶茶分類管理”有“添加奶茶”、“修改奶茶”、“刪除”、“奶茶詳情”、“奶茶查詢”等。本頁管理員可以管理奶茶的信息，例如添加、修改等，點(diǎn)擊詳情查看奶茶的類別。在搜索框中輸入關(guān)鍵詞即可快速查找奶茶。奶茶信息管理的主要功能有：添加奶茶，修改，刪除，詳細(xì)信息，查詢，評論等。本網(wǎng)頁管理員能夠管理奶茶的信息，比如添加、修改、刪除等，點(diǎn)擊詳細(xì)資料，就能看到奶茶的詳細(xì)資料，比如奶茶名稱分類，奶茶規(guī)格，奶茶庫存，奶茶保質(zhì)期，奶茶價(jià)格，奶茶介紹等等。在搜索框中輸入關(guān)鍵詞即可快速查找奶茶，或輸入最高價(jià)、最低價(jià)也可快速篩選。系統(tǒng)管理功能包含了關(guān)于我們的介紹，輪播圖管理，甜蜜咨詢，在線客服。在線客服能夠與用戶交流。訂單管理功能包括：未付款定單、已交貨定單、已付款定單、已完成定單、已取消定單、已退款定單。本頁管理員可瀏覽及過濾買賣單資料。4頁面布局分析及頁面布局設(shè)計(jì)4.1頁面設(shè)計(jì)要素4.1.1系統(tǒng)主要色彩設(shè)計(jì)要素主體色彩采用白色和清新的綠色、背景色采用淡綠色、輔助色為灰色。奶茶小程序采用了清新、輕松的#6FAEA3綠色作為主色調(diào)，這與奶茶這種清新飲品的形象相符合。#FFFFFF白色作為主體色彩則為整體界面增添了清爽、簡潔的感覺，同時(shí)也有助于突出其他元素的重要性。#D6F0FA淡綠色作為背景色，與主色調(diào)相呼應(yīng)，營造出舒適宜人的氛圍，讓用戶感到愉悅和放松。#F1F1F1灰色作為輔助色，則可能用于強(qiáng)調(diào)某些文字或圖標(biāo)，提供更好的視覺對比度，增強(qiáng)用戶體驗(yàn)。整體色彩搭配符合清新、輕松的奶茶品牌形象，能夠吸引用戶并提升用戶體驗(yàn)。主要色彩如表4-1所示。表4-1主要色彩表主要色彩#6FAEA3#FFFFFF#D6F0FA#F1F1F1主體色主題色背景色輔助色4.1.2系統(tǒng)主要字體字號主要運(yùn)用20px、24px的字號，運(yùn)用了字體微軟雅黑。主要字體字號如表4-2所示。表4-2主要字體字號表字號字重屬性應(yīng)用場景20pxMED微軟雅黑底部導(dǎo)航欄字體24pxMED微軟雅黑首頁商品類型字體24pxMED微軟雅黑商品分類4.1.3系統(tǒng)主要圖標(biāo)小程序主要運(yùn)用了我的、奶茶信息、訂單等圖標(biāo)。主要圖標(biāo)如表4-3所示。表4-3主要圖標(biāo)表主要圖標(biāo)我的奶茶信息訂單4.2用戶端頁面內(nèi)容分析及頁面布局設(shè)計(jì)4.2.1登錄頁面內(nèi)容及布局登錄頁面為一個(gè)整體選項(xiàng)框。登陸頁面：“圖標(biāo)”為頁面logo。“請輸入賬號”和“請輸入密碼”是提示用戶在相應(yīng)的文本框中輸入他們的賬號和密碼?！暗卿洝笔且粋€(gè)按鈕，用于提交用戶輸入的賬號和密碼進(jìn)行登錄操作?！白杂脩簟碧崾居脩羧绻麄兩形磽碛匈~號，可以選擇注冊新用戶。如圖4-4所示。圖4-4登錄界面原型布局圖4.2.2注冊頁面內(nèi)容及布局注冊頁面為一個(gè)整體選項(xiàng)框。注冊頁面：“圖標(biāo)”為頁面logo。用戶第一次登錄需要注冊賬號根據(jù)頁面填好信息點(diǎn)注冊即可完成注冊。文本框：分別為“賬號”、“密碼”、“確認(rèn)密碼”、“用戶姓名”和“手機(jī)號碼”，用于用戶填寫相關(guān)信息。單選框：“男”是一個(gè)單選框，用于用戶選擇性別。按鈕：“注冊”是一個(gè)按鈕，用于提交用戶填寫的信息進(jìn)行注冊操作。如圖4-5所示。圖4-5注冊界面原型布局圖4.2.3首頁頁面內(nèi)容及布局首頁從上到下共分為4個(gè)部分第一部分：三張輪播圖。輪播圖可以用來展示奶茶店的各類產(chǎn)品，包括經(jīng)典奶茶、特色奶茶、季節(jié)限定口味等。通過輪播圖，顧客可以一目了然地了解到店內(nèi)的主打產(chǎn)品，吸引他們前來品嘗。第二部分：關(guān)于我們。有一張展示圖片，不可左右滑動。文字描述介紹小店的奶茶特色。第三部分：奶茶信息推薦。推薦本店的特色奶茶供顧客快速選擇，這些奶茶產(chǎn)品各具特色，適合不同口味和喜好的消費(fèi)者?？梢愿鶕?jù)店鋪的定位和目標(biāo)顧客，結(jié)合市場需求和銷售數(shù)據(jù)，靈活調(diào)整推廣策略，提升產(chǎn)品知名度和銷售額。營銷活動為本店特有活動。第四部分：底部導(dǎo)航。從左到右依次為首頁、奶茶信息、訂單、我的。如圖4-6所示圖4-6首頁界面原型布局圖4.2.4奶茶信息頁面內(nèi)容及布局奶茶信息從上到下共分為3個(gè)部分第一部分：搜索框。顧客可以通過搜索框輸入關(guān)鍵詞，例如口味、類型、配料等，以快速找到符合自己口味的奶茶產(chǎn)品。比如，用戶可以搜索“珍珠奶茶”、“椰果奶茶”等關(guān)鍵詞來查找相應(yīng)的產(chǎn)品。第二部分左：分類框可以按照奶茶的不同類型、口味、特色等進(jìn)行分類導(dǎo)航，讓顧客可以方便地瀏覽和選擇。比如，可以按照奶昔、烤奶茶、新鮮果茶等分類。提供選擇和比較的便利性：通過分類框，用戶可以直觀地看到各種類別的奶茶產(chǎn)品，從而快速選擇自己想要嘗試或購買的產(chǎn)品。同時(shí)，用戶還可以方便地比較不同類別的奶茶產(chǎn)品之間的特點(diǎn)和價(jià)格。第二部分右：右邊的產(chǎn)品框是展示奶茶店的具體產(chǎn)品信息的主要區(qū)域，通過展示產(chǎn)品的圖片、名稱和價(jià)格等信息，吸引用戶的注意力，促進(jìn)產(chǎn)品的銷售。第四部分：底部導(dǎo)航。從左到右依次為首頁、奶茶信息、訂單、我的。如圖4-7所示圖4-47奶茶信息界面原型布局圖4.2.5訂單頁面內(nèi)容及布局訂單從上到下共分為3個(gè)部分第一部分：顯示全部、未支付、已支付、未發(fā)貨、已取消訂單第二部分：購買過的奶茶信息包括奶茶信息訂單頁面首先會顯示用戶所選的奶茶產(chǎn)品清單，包括產(chǎn)品名稱、數(shù)量、價(jià)格等信息，讓用戶一目了然地查看訂單內(nèi)容，確保訂單準(zhǔn)確無誤。價(jià)格明細(xì)：訂單頁面會列出訂單的總價(jià)、配送費(fèi)用等價(jià)格明細(xì)，用戶可以清晰地了解到訂單的最終支付金額，避免出現(xiàn)價(jià)格理解上的歧義。配送信息：用戶需要填寫或確認(rèn)配送信息，包括收貨地址、聯(lián)系電話等，以確保奶茶可以準(zhǔn)確無誤地送達(dá)用戶手中。第三部分：底部導(dǎo)航。從左到右依次為首頁、奶茶信息、訂單、我的。如圖4-8所示圖4-8訂單界面原型布局圖4.2.6我的頁面內(nèi)容及布局我的從上到下共分為3個(gè)部分第一部分：用戶信息框分為頭像、姓名、余額、設(shè)置。頭像：用戶可以在個(gè)人中心設(shè)置或更換頭像，頭像是用戶在奶茶店小程序中的個(gè)性化展示，通過頭像可以讓用戶在交互過程中更加直觀地識別自己，增強(qiáng)用戶的歸屬感和個(gè)性化體驗(yàn)。姓名：用戶在個(gè)人中心中可以查看和編輯自己的姓名信息，這有助于奶茶店小程序更好地個(gè)性化服務(wù)，比如根據(jù)姓名進(jìn)行定制化的推薦或者特殊活動的邀請。余額：個(gè)人中心通常會顯示用戶的余額信息，用戶可以查看自己的余額情況，方便進(jìn)行充值或者使用余額進(jìn)行支付。余額功能對于用戶來說非常便利，也是奶茶店小程序提供的一種支付選擇。設(shè)置：用戶可以在這里進(jìn)行個(gè)人信息的管理和安全設(shè)置，包括修改密碼、綁定手機(jī)等，以確保賬號的安全性和用戶信息的隱私性。第二部分：功能框分為我的收藏、用戶充值、在線客服、購物車。我的收藏：這個(gè)功能模塊允許用戶收藏自己喜歡的奶茶產(chǎn)品，方便用戶將感興趣的商品進(jìn)行集中管理和查看。通過我的收藏功能，用戶可以隨時(shí)查看自己收藏的商品，方便快捷地進(jìn)行下單購買。用戶充值：用戶充值是奶茶店小程序提供的一種支付方式，用戶可以通過充值功能將一定金額存入自己的賬戶余額中，方便在后續(xù)購買奶茶產(chǎn)品時(shí)直接使用余額進(jìn)行支付，提高支付速度和便捷度。在線客服：在線客服功能為用戶提供了即時(shí)的咨詢和幫助服務(wù)，用戶可以通過在線客服與客服人員進(jìn)行實(shí)時(shí)的溝通交流，解決訂單、產(chǎn)品、支付等方面的問題，提升用戶體驗(yàn)和滿意度。購物車：購物車功能是用戶在選擇奶茶產(chǎn)品后暫存已選商品的地方，用戶可以將想要購買的商品加入購物車，然后在需要時(shí)隨時(shí)查看已選商品并進(jìn)行結(jié)算支付。購物車功能方便用戶對商品進(jìn)行管理和比較。第三部分：底部導(dǎo)航。從左到右依次為首頁、奶茶信息、訂單、我的。如圖4-9所示圖4-9我的界面原型布局圖4.2.7用戶端頁面關(guān)系“秋梔”茶飲品銷售微信奶茶小程序包含四個(gè)主要頁面：首頁、奶茶信息、訂單、我的。這四個(gè)主要頁面相互關(guān)聯(lián)，形成了完整的用戶體驗(yàn)流程。用戶通過首頁瀏覽奶茶推薦和甜蜜資訊，隨后進(jìn)入奶茶信息頁面進(jìn)行搜索或分類瀏覽。在選擇喜愛的奶茶后，可直接轉(zhuǎn)至訂單頁面完成購買。同時(shí)，用戶在我的頁面可以管理個(gè)人信息、查看收藏的商品以及與客服進(jìn)行互動。訂單頁面反映了用戶的購買行為，而我的頁面則提供了個(gè)性化的服務(wù)和管理功能，使用戶在奶茶購買過程中獲得連貫、高效的體驗(yàn)。如圖4-10所示圖4-10用戶端頁面關(guān)系圖4.3管理端頁面內(nèi)容分析及頁面布局設(shè)計(jì)4.3.1登錄管理端頁面內(nèi)容及布局管理端登錄為一個(gè)整體由頁面圖片和文本框構(gòu)成。文本框包含用戶名、密碼、驗(yàn)證碼、登錄。奶茶店小程序管理員后臺登錄是奶茶店運(yùn)營和管理的重要工具，需要具備安全、便捷、功能豐富和用戶友好的特點(diǎn)，以支持奶茶店的業(yè)務(wù)發(fā)展和管理需求。如圖4-11所示。圖4-11登錄管理端界面原型布局圖4.3.2用戶管理頁面內(nèi)容及布局用戶管理端：功能模塊：用戶列表：顯示所有注冊用戶的信息，包括賬號、姓名、年齡、性別、手機(jī)號等。新增用戶：提供添加新用戶的功能，可能需要填寫用戶的基本信息，并分配一個(gè)唯一的賬號。刪除用戶：可以刪除不再需要的用戶賬號，可能需要確認(rèn)操作以避免誤刪。搜索索引：提供搜索功能，方便管理員快速查找特定用戶。用戶詳情：點(diǎn)擊用戶姓名或詳情按鈕可以查看用戶的詳細(xì)信息。編輯修改：可能有編輯或修改用戶信息的功能，如修改手機(jī)號、更改密碼等。用戶信息：包括用戶的基本信息，如姓名、年齡、性別、手機(jī)號等，用于識別和聯(lián)系用戶?？赡苓€包括用戶的頭像，用于視覺識別和個(gè)人化顯示。用戶編號或賬號是用戶的唯一標(biāo)識，用于區(qū)分不同用戶。操作權(quán)限：不同的操作可能需要不同的權(quán)限，例如新增用戶和刪除用戶可能需要管理員權(quán)限，而查看用戶詳情可能只需要普通員工權(quán)限。對用戶敏感信息的操作可能需要額外的權(quán)限驗(yàn)證，如管理員密碼或二次確認(rèn)。如圖4-12所示。圖4-12用戶管理界面原型布局圖4.3.3奶茶分類管理頁面內(nèi)容及布局管理端奶茶分類管理：功能模塊：奶茶分類列表：顯示了已經(jīng)存在的奶茶分類，如經(jīng)典奶茶、新鮮果茶、奶昔等。查詢：提供搜索功能，方便管理員快速查找特定的奶茶分類。新增分類：允許管理員添加新的奶茶分類，可能需要輸入分類名稱和其他相關(guān)信息。刪除分類：允許管理員刪除不再需要的奶茶分類，需要確認(rèn)操作以避免誤刪。修改分類：允許管理員修改已有的奶茶分類的名稱或其他屬性。奶茶分類信息：包括奶茶分類的名稱，如經(jīng)典奶茶、新鮮果茶、奶昔等，用于區(qū)分不同類型的奶茶。還包括與奶茶分類相關(guān)的其他信息，如描述、圖片等。如圖4-13所示。圖4-13奶茶分類管理界面原型布局圖

5數(shù)據(jù)庫設(shè)計(jì)5.1數(shù)據(jù)庫概念模型設(shè)計(jì)數(shù)據(jù)庫概念模型是用來描述數(shù)據(jù)庫中實(shí)體、屬性及其相互關(guān)系的，是數(shù)據(jù)庫設(shè)計(jì)的基本框架。概念模型有多種表達(dá)方式，其中以E-R圖示法最為常見。E-R關(guān)系圖能清楚地顯示實(shí)體、屬性及關(guān)系間的相互關(guān)系，有助于數(shù)據(jù)庫設(shè)計(jì)者和開發(fā)者對數(shù)據(jù)庫結(jié)構(gòu)的認(rèn)識與建構(gòu)。E-R圖是一種重要的數(shù)據(jù)庫設(shè)計(jì)工具，它能對數(shù)據(jù)庫的概念模型進(jìn)行可視化。一名管理員可對應(yīng)多名用戶，而一名管理員僅對應(yīng)一名用戶。用戶和管理員之間是一種多對一的關(guān)系.用戶和地址是一對多的關(guān)系，用戶可能擁有多個(gè)地址，但是只有一個(gè)用戶（1:

N）。用戶和訂單是一對多的關(guān)系，每個(gè)用戶可以擁有多個(gè)訂單，但是每個(gè)訂單只屬于一個(gè)用戶（1:

N）。用戶和購物車是一對一或者一對多的關(guān)系，視具體設(shè)計(jì)不同，一個(gè)用戶可以擁有一臺購物車，也可以是1:1的多臺購物車。商品和購物車是一種多對多的關(guān)系，一輛購物車中可能有很多種物品，而一件物品也可以在同一時(shí)間被多個(gè)購物車所容納。圖5-1顯示了具體的

ER圖表。圖5-1具體關(guān)系E-R圖根據(jù)系統(tǒng)分析，系統(tǒng)主要實(shí)體圖有：管理員信息admin_user表、用戶信息user表、購物車信息shoppingcart表、地址信息address表、訂單信息order表、奶茶信息milkteainformation表。各個(gè)實(shí)體具體屬性如圖5-2—5-7所示：圖5-2管理員實(shí)體屬性圖圖5-4用戶實(shí)體屬性圖圖5-5購物車實(shí)體屬性圖圖5-6地址實(shí)體屬性圖圖4-7訂單實(shí)體屬性圖圖4-8奶茶信息實(shí)體屬性圖5.2數(shù)據(jù)表結(jié)構(gòu)設(shè)計(jì)本項(xiàng)目共設(shè)計(jì)6張數(shù)據(jù)表，其中包含1張管理員信息admin_user表；1張用戶信息user表；1張購物車信息shoppingcart表；1張地址信息address表；1張訂單信息order表；1張奶茶信息milkteainformation表。項(xiàng)目各數(shù)據(jù)表中包含的字段數(shù)據(jù)類型及字段屬性如下所示：（1）管理員信息admin_user表用于管理小程序后端管理員基本信息以及后臺登錄管理，包括字段名：用戶名（唯一不重復(fù)），密碼（唯一不重復(fù)）角色為管理員自己。管理員信息表結(jié)構(gòu)設(shè)計(jì)如表4-9所示：表4-9：admin_user表字段名稱類型長度字段說明主鍵默認(rèn)值idbigint主鍵主鍵usernamevarchar100用戶名唯一不重復(fù)passwordvarchar100密碼唯一不重復(fù)rolevarchar100角色管理員（2）用戶信息user表用于記錄用戶的各種信息，賬號（唯一不重復(fù)）密碼，姓名，年齡，性別，手機(jī)，頭像，余額：其中通過id主鍵與user表中的userid字段進(jìn)行一對多關(guān)聯(lián)。用戶信息表結(jié)構(gòu)設(shè)計(jì)如表4-10所示。表4-10：user表字段名稱類型長度字段說明主鍵默認(rèn)值idbigint主鍵主鍵addtimetimestamp創(chuàng)建時(shí)間CURRENT_TIMESTAMPzhanghaovarchar200賬號唯一不重復(fù)mimavarchar200密碼xingmingvarchar200姓名nianlingint年齡xingbievarchar200性別0shoujivarchar200手機(jī)touxianglongtext4294967295頭像moneyfloat余額0（3）購物車信息shoppingcart表用于記錄用戶購買商品的各種信息。包括購買的時(shí)間，用戶id，商品id，商品名稱，圖片，購買數(shù)量，單價(jià)會員價(jià)和商品類型。購物車信息表結(jié)構(gòu)設(shè)計(jì)如表4-11所示。表4-11：shoppingcart表字段名稱類型長度字段說明主鍵默認(rèn)值idbigint主鍵主鍵addtimetimestamp創(chuàng)建時(shí)間CURRENT_TIMESTAMPtablenamevarchar200商品表名naichaxinxiuseridbigint用戶idgoodidbigint商品idgoodnamevarchar200商品名稱picturelongtext4294967295圖片buynumberint購買數(shù)量pricefloat單價(jià)discountpricefloat會員價(jià)goodtypevarchar200商品類型（4）地址信息address表用于記錄用戶收貨地址，電話。包括id（主鍵）用戶id，地址，收貨人，電話，默認(rèn)地址[是/否]。地址信息表結(jié)構(gòu)設(shè)計(jì)如表4-12所示。表4-12：address表字段名稱類型長度字段說明主鍵默認(rèn)值idbigint主鍵主鍵addtimetimestamp創(chuàng)建時(shí)間CURRENT_TIMESTAMPuseridbigint用戶idaddressvarchar200地址namevarchar200收貨人phonevarchar200電話isdefaultvarchar200默認(rèn)地址[是/否]（5）訂單信息order表用于記錄用戶所購買物品具體詳情。包括id（主鍵）用戶id，創(chuàng)建時(shí)間，訂單編號，商品表名，用戶id，商品id，商品名稱，商品圖片，購買數(shù)量，價(jià)格，總價(jià)格，地址，電話，收貨人。訂單信息表結(jié)構(gòu)設(shè)計(jì)如表4-13所示。表4-13：order表字段名稱類型長度字段說明主鍵默認(rèn)值idbigint主鍵主鍵addtimetimestamp創(chuàng)建時(shí)間CURRENT_TIMESTAMPorderidvarchar200訂單編號tablenamevarchar200商品表名naichaxinxiuseridbigint用戶idgoodidbigint商品idgoodnamevarchar200商品名稱picturelongtext4294967295商品圖片buynumberint購買數(shù)量pricefloat價(jià)格0totalfloat總價(jià)格0addressvarchar200地址telvarchar200電話consigneevarchar200收貨人（6）奶茶信息milkteainformation表用于記錄奶茶的各種信息。包括id（主鍵）創(chuàng)建時(shí)間，奶茶名稱，規(guī)格，庫存，圖片，保質(zhì)期，上架時(shí)間，奶茶介紹，價(jià)格。奶茶信息表結(jié)構(gòu)設(shè)計(jì)如表4-14所示。表4-14：milkteainformation表字段名稱類型長度字段說明主鍵默認(rèn)值idbigint主鍵主鍵addtimetimestamp創(chuàng)建時(shí)間CURRENT_TIMESTAMPnaichamingchengvarchar200奶茶名稱naichafenleivarchar200奶茶分類guigevarchar200規(guī)格alllimittimesint庫存tupianlongtext4294967295圖片baozhiqivarchar200保質(zhì)期shangjiashijiandate上架時(shí)間naichajieshaolongtext4294967295奶茶介紹pricefloat價(jià)格6系統(tǒng)功能實(shí)現(xiàn)系統(tǒng)實(shí)現(xiàn)章節(jié)的主要內(nèi)容主要是將系統(tǒng)分析和系統(tǒng)設(shè)計(jì)方案進(jìn)行實(shí)現(xiàn)，按照各個(gè)系統(tǒng)角色進(jìn)行功能介紹，系統(tǒng)實(shí)現(xiàn)就是一個(gè)真正開始編寫的階段，將前面的分析結(jié)果以及設(shè)計(jì)方案進(jìn)行實(shí)現(xiàn)，最終做出一個(gè)符合用戶需求的軟件系統(tǒng)。6.1用戶端實(shí)現(xiàn)頁面效果及功能實(shí)現(xiàn)6.1.1登錄頁面的實(shí)現(xiàn)登錄頁面用來輸入用戶名和密碼進(jìn)行登錄，登錄成功后跳轉(zhuǎn)到主頁面。主頁面包含了三個(gè)按鈕，分別對應(yīng)不同的類型，點(diǎn)擊按鈕后會調(diào)用getRecommendation方法向后臺發(fā)送請求，并傳入不同的key值。后臺根據(jù)不同的key值從數(shù)據(jù)庫篩選出相應(yīng)的推薦數(shù)據(jù)，并返回給小程序端。登錄運(yùn)行圖如圖6-1所示。圖6-1登錄運(yùn)行圖關(guān)鍵代碼如下所示：if(_this.username){n.next=3;break;}return_this.$utils.msg("請輸入用戶名"),n.abrupt("return");case3:if(_this.password){n.next=6;break;}return_this.$utils.msg("請輸入用戶密碼"),n.abrupt("return");case6:if(_this.optionsValues[_this.index]){n.next=9;break;}return_this.$utils.msg("請選擇登陸用戶類型"),n.abrupt("return");6.1.2注冊頁面的實(shí)現(xiàn)注冊頁面用來輸入賬號、密碼、用戶名、性別、手機(jī)號碼進(jìn)行注冊，用戶需要輸入密碼兩次以確認(rèn)密碼是否一致。點(diǎn)擊注冊按鈕后，前端向后臺發(fā)送注冊請求，用戶名和密碼作為參數(shù)傳遞給后臺的注冊接口。后臺接收到請求后，調(diào)用相應(yīng)的服務(wù)層方法進(jìn)行用戶注冊操作，將用戶信息存儲到數(shù)據(jù)庫中。注冊成功返回注冊成功信息，前端收到成功響應(yīng)后跳轉(zhuǎn)到登錄頁面。注冊運(yùn)行圖如圖6-2所示。圖6-2注冊運(yùn)行圖關(guān)鍵代碼如下所示：if(e.ruleForm.zhanghao||"yonghu"!=e.tableName)returne.$utils.msg("賬號不能為空"),n.abrupt("return");if(e.ruleForm.mima||"yonghu"!=e.tableName)returne.$utils.msg("密不能為空"),n.abrupt("return");if("yonghu"!=e.tableName||e.ruleForm.mima==e.ruleForm.mima2)returne.$utils.msg("兩次密碼輸入不一致"),n.abrupt("return");if(e.ruleForm.xingming||"yonghu"!=e.tableName)returne.$utils.msg("姓名不能為空"),n.abrupt("return");if("yonghu"!=e.tableName||!e.ruleForm.nianling||e.$validate.isIntNumer(e.ruleForm.nianling)){if("yonghu"!=e.tableName||!e.ruleForm.shouji||e.$validate.isMobile(e.ruleForm.shouji)){if("yonghu"!=e.tableName||!e.ruleForm.money||e.$validate.isNumber(e.ruleForm.money))returnn.next=23,e.$api.register("".concat(e.tableName),e.ruleForm),voide.$utils.msgBack("注冊成功6.1.3首頁頁面的實(shí)現(xiàn)首頁展示了輪播圖、關(guān)于我們、奶茶信息推薦和營銷活動四個(gè)模塊。輪播圖展示了三張圖片，關(guān)于我們展示了奶茶店的簡介，奶茶信息推薦展示了從后臺獲取的推薦奶茶信息，營銷活動展示了奶茶店的優(yōu)惠活動信息。在頁面加載時(shí)會調(diào)用fetchRecommendedTea方法向后臺獲取推薦奶茶信息，并在獲取成功后更新頁面數(shù)據(jù)。首頁運(yùn)行圖如圖6-3所示。圖6-3首頁運(yùn)行圖關(guān)鍵代碼如下所示：methods:{getAboutUs:function(){vart=this;returnr.default(a.default.mark((functionn(){vare;returna.default.wrap((function(n){while(1)switch(n.prev=n.next){case0:returnn.next=2,t.$("aboutus",1);case2:e=n.sent,t.aboutUsDetail=e.data;case4:case"end":6.1.4奶茶信息頁面的實(shí)現(xiàn)奶茶信息分類頁面展示了9個(gè)分類按鈕，分別對應(yīng)全部、奶昔、烤奶茶、芋圓系列、椰果系列、新鮮果茶、爆爆珠、雙拼、經(jīng)典奶茶。用戶點(diǎn)擊不同的按鈕會調(diào)用getTeaByCategory方法向后臺傳遞不同的分類key，并獲取對應(yīng)分類的奶茶信息。獲取到數(shù)據(jù)后會更新頁面顯示。奶茶信息運(yùn)行圖如圖6-4所示。圖6-4奶茶信息運(yùn)行圖關(guān)鍵代碼如下所示：upCallback:function(i){vare=this;return(0,r.default)(a.default.mark((functionn(){vart,r,s,u,c;returna.default.wrap((function(n){while(1)switch(n.prev=n.next){case0:if(t={page:i.num,limit:i.size},"全部"!=e.categoryName&&(t.naichafenlei="%"+e.categoryName+"%"),e.searchForm.naichamingcheng&&(t["naichamingcheng"]="%"+e.searchForm.naichamingcheng+"%"),e.searchForm.naichafenlei&&(t["naichafenlei"]="%"+e.searchForm.naichafenlei+"%"),e.searchForm.guige&&(t["guige"]="%"+e.searchForm.guige+"%"),e.searchForm.price&&(t["price"]="%"+e.searchForm.price+"%"),6.1.5訂單頁面的實(shí)現(xiàn)訂單頁面展示了6個(gè)訂單類型按鈕，分別對應(yīng)全部訂單、未支付訂單、已支付、已發(fā)貨訂單、已完成訂單、已取消。用戶點(diǎn)擊不同的按鈕會調(diào)用getOrdersByType方法向后臺傳遞不同的訂單類型key，并獲取對應(yīng)類型的訂單信息。獲取到數(shù)據(jù)后會更新頁面顯示。訂單運(yùn)行圖如圖6-5所示。圖6-5訂單運(yùn)行圖關(guān)鍵代碼如圖所示：data:function(){return{navlist:["全部","未支付","已支付","已發(fā)貨","已完成","已取消","已退款"],currentIndex:0,pages:1,list:[],mescroll:null,downOption:{auto:!1}upOption:{page:{},noMoreSize:3,textNoMore:"沒有更多了"6.1.6我的頁面的實(shí)現(xiàn)用戶登錄成功后，點(diǎn)擊“我的”進(jìn)入我的頁面，在我的頁面可以我的收藏管理，用戶充值，在線客服，購物車，我的訂單等進(jìn)行詳細(xì)操作。具體的跳轉(zhuǎn)邏輯首先定義了一個(gè)名為r的對象，包含了一些數(shù)據(jù)和方法。在data中定義了一些初始數(shù)據(jù)，如isH5Plus、user、tableName、role、menuList等。在computed中定義了一個(gè)計(jì)算屬性baseUrl，返回this.$base.url的值。在onLoad生命周期鉤子中，通過$api.session方法獲取用戶信息，并將其保存到user中，同時(shí)獲取菜單列表數(shù)據(jù)保存到menuList中。在onShow生命周期鉤子中，與onLoad類似，用于在頁面顯示時(shí)重新加載數(shù)據(jù)。定義了一個(gè)onPageTap方法，用于處理頁面跳轉(zhuǎn)邏輯，將用戶標(biāo)識保存到緩存中，跳轉(zhuǎn)到指定頁面。我的運(yùn)行圖如圖6-6所示。圖6-6我的運(yùn)行圖關(guān)鍵代碼如圖所示：onLoad:function(){var_this=this;return_asyncToGenerator(_regeneratorRuntime.mark(function_callee(){vart,o,r;return_regeneratorRuntime.wrap(function_callee$(_context){while(1){switch(_context.prev=_context.next)6.2管理端實(shí)現(xiàn)頁面效果及功能實(shí)現(xiàn)6.2.1管理端登錄頁面的實(shí)現(xiàn)包含了一個(gè)登錄表單，用戶可以輸入用戶名和密碼進(jìn)行登錄。使用了Vue.js來管理用戶輸入的數(shù)據(jù)和登錄操作。當(dāng)用戶點(diǎn)擊登錄按鈕時(shí)，會觸發(fā)login方法進(jìn)行驗(yàn)證，如果用戶名和密碼匹配成功，則彈出登錄成功提示并跳轉(zhuǎn)到管理頁面；否則彈出用戶名或密碼錯誤提示。如圖6-7所示。圖6-7管理員登錄運(yùn)行圖關(guān)鍵代碼如圖所示：<h1>奶茶小程序管理端登錄</h1><form@submit.prevent="login"><labelfor="username">用戶名：</label><inputtype="text"id="username"v-model="username"required><br><labelfor="password">密碼：</label><inputtype="password"id="password"v-model="password"required><br><buttontype="submit">登錄</button>6.2.2管理端用戶管理頁面的實(shí)現(xiàn)使用sequelize實(shí)例的define方法定義了一個(gè)名為YonghuModel的數(shù)據(jù)模型。該模型包含了id、zhanghao、mima、xingming、nianling、xingbie、shouji、touxiang、money、addtime等屬性。Controller層接收到用戶數(shù)據(jù)后，將其返回給后端用戶管理頁面進(jìn)行渲染。如圖6-8所示。圖6-8管理員用戶管理運(yùn)行圖關(guān)鍵代碼如圖所示：constUsersModel=sequelize.define('UsersModel',{ id:{ type:DataTypes.BIGINT, primaryKey:true, autoIncrement:true, allowNull:false, comment:'主鍵id'},username:{ type:DataTypes.STRING, allowNull:false, comment:'用戶名' }, password:{ type:DataTypes.STRING, allowNull:false, comment:'用戶密碼' },6.2.3管理端奶茶分類管理頁面的實(shí)現(xiàn)使用Sequelize的

create()

方法來向數(shù)據(jù)庫中添加新的奶茶分類記錄。使用Sequelize的

update()

方法來更新數(shù)據(jù)庫中的奶茶分類記錄。使用Sequelize的

destroy()

方法來從數(shù)據(jù)庫中刪除奶茶分類記錄。這些函數(shù)可以在奶茶分類管理端的Controller或Service層中被調(diào)用，用于實(shí)現(xiàn)奶茶分類的增刪改查功能。如圖6-9所示。圖6-9管理員奶茶分類管理運(yùn)行圖關(guān)鍵代碼如圖所示：naichafenlei:{ type:DataTypes.STRING, defaultValue:'', allowNull:true, comment:'奶茶分類' }, addtime:{ type:DataTypes.DATE, defaultValue:DataTypes.NOW, allowNull:false, get(){ returnmoment(this.getDataValue('addtime')).format('YYYY-MM-DDHH:mm:ss') }, comment:'添加時(shí)間'}},{ timestamps:false,

7系統(tǒng)功能測試系統(tǒng)測試是用來檢查軟件產(chǎn)品是否符合預(yù)期要求、保證產(chǎn)品沒有缺陷的一種重要方法。系統(tǒng)測試集中在評價(jià)系統(tǒng)滿足特定需求的情況下，幫助檢查整個(gè)系統(tǒng)的功能要求。在此基礎(chǔ)上，通過對功能測試案例與非功能測試案例的對比分析，找出軟件存在的問題及有待改進(jìn)的地方。軟件可靠性設(shè)計(jì)是一個(gè)系統(tǒng)的工程，涉及的領(lǐng)域很廣，難度很大。測試將集中在功能性測試上，也就是黑盒測試中的一部分，即關(guān)注用戶提出的需求，而非實(shí)際的系統(tǒng)代碼。7.1系統(tǒng)測試的目的系統(tǒng)測試是一種為用戶提供產(chǎn)品或服務(wù)質(zhì)量信息的一種檢查。系統(tǒng)測試也能對系統(tǒng)進(jìn)行客觀、獨(dú)立的評估，讓操作者了解系統(tǒng)在實(shí)施過程中可能遇到的問題。系統(tǒng)測試是指為了評估一個(gè)或更多系統(tǒng)屬性而執(zhí)行的軟件元件或系統(tǒng)元件。這些特性通常是指被測部件或系統(tǒng)是否能夠滿足系統(tǒng)期望的開發(fā)要求，能夠在不同的時(shí)間里對各種系統(tǒng)輸入做出正確的反應(yīng)，能夠在規(guī)定的時(shí)間內(nèi)完成任務(wù)，滿足設(shè)計(jì)時(shí)的要求。在預(yù)期環(huán)境下運(yùn)行，實(shí)現(xiàn)用戶預(yù)期的整體效果。通過一系列嚴(yán)格的功能測試，找出系統(tǒng)存在的潛在問題，確保系統(tǒng)正常運(yùn)行。7.2核心功能測試在系統(tǒng)的功能性測試中，開發(fā)人員需要按照操作要求使“秋梔”茶飲品銷售微信小程序軟件的各項(xiàng)功能，并準(zhǔn)確記錄測試期間的每個(gè)功能的運(yùn)行數(shù)據(jù)，判定軟件系統(tǒng)開發(fā)的功能是否符合預(yù)期的結(jié)果，主要是對支付功能、購物車功能、搜索功能進(jìn)行測試。7.2.1奶茶支付功能測試奶茶支付測試主要房間支付功能是用戶在登錄狀態(tài)下選擇好房間類型和入住時(shí)間，來到支付詳情頁面，用戶需要輸入用戶名、手機(jī)號和備注（選填）后點(diǎn)擊立即支付按鈕跳轉(zhuǎn)到支付頁面，點(diǎn)擊確認(rèn)付款顯示支付彈窗，輸入密碼即可完成支付。為該功能設(shè)計(jì)如下4個(gè)測試用例，具體如表7-1所示：表7-1奶茶支付測試用例用例編號操作步驟預(yù)期結(jié)果1輸入正確的用戶名、手機(jī)號和備注，點(diǎn)擊立即支付按鈕，輸入正確的支付密碼，確認(rèn)支付是否成功。支付成功2不輸入用戶名，僅填寫手機(jī)號和備注，點(diǎn)擊立即支付按鈕，驗(yàn)證系統(tǒng)是否能夠正確提示用戶輸入用戶名。提示用戶輸入用名3輸入錯誤格式的手機(jī)號，例如少于11位或包含非數(shù)字字符，點(diǎn)擊立即支付按鈕，驗(yàn)證系統(tǒng)是否能夠正確提示用戶輸入正確格式的手機(jī)號。提示用戶輸入正確格式的手機(jī)號4輸入完整信息后，點(diǎn)擊立即支付按鈕，彈出支付彈窗后取消支付，驗(yàn)證系統(tǒng)是否能夠正確處理取消支付操作。正確處理取消支付操作以用例1、2、3、4為例，奶茶支付測試結(jié)果如表7-2所示表7-2奶茶支付測試結(jié)果用例編號輸入輸出1輸入正確的用戶名、手機(jī)號和備注，點(diǎn)擊立即支付按鈕，輸入正確的支付密碼，確認(rèn)支付是否成功。支付成功2不輸入用戶名，僅填寫手機(jī)號和備注，點(diǎn)擊立即支付按鈕，驗(yàn)證系統(tǒng)是否能夠正確提示用戶輸入用戶名。提示用戶輸入用名3輸入錯誤格式的手機(jī)號，例如少于11位或包含非數(shù)字字符，點(diǎn)擊立即支付按鈕，驗(yàn)證系統(tǒng)是否能夠正確提示用戶輸入正確格式的手機(jī)號。提示用戶輸入正確格式的手機(jī)號4輸入完整信息后，點(diǎn)擊立即支付按鈕，彈出支付彈窗后取消支付，驗(yàn)證系統(tǒng)是否能夠正確處理取消支付操作。正確處理取消支付操作7.2.2購物車功能測試在奶茶信息頁面可以將選擇的奶茶加入購物車，購物車中顯示了奶茶的數(shù)量和奶茶的總價(jià)。點(diǎn)擊購物車可以顯示奶茶列表，在該列表中用戶可以增加奶茶份數(shù)、減少奶茶份數(shù)和刪除奶茶。對此為該功能設(shè)計(jì)如下5個(gè)測試用例，具體如表7-3所示。表7-3購物車測試用例用例編號操作步驟期望結(jié)果1在登錄狀態(tài)下，選擇好奶茶商品和數(shù)量，點(diǎn)擊添加到購物車按鈕，驗(yàn)證商品是否成功添加到購物車中。成功添加到購物車2在購物車頁面，選擇一項(xiàng)已添加的商品，點(diǎn)擊刪除按鈕，驗(yàn)證商品是否成功從購物車中移除。商品從購物車中除3在購物車頁面，修改已添加商品的數(shù)量，商品數(shù)量是否被修改商品數(shù)量被修改4當(dāng)購物車為空時(shí)，點(diǎn)擊支付按鈕，驗(yàn)證系統(tǒng)是否能夠正確提示用戶購物車為空，無法進(jìn)行結(jié)算。無法進(jìn)行結(jié)算，重新請選擇商品下單的商品才能結(jié)算5在添加商品到購物車后，刷新頁面或重新登錄，驗(yàn)證購物車中的商品數(shù)據(jù)是否能夠正確保持。正確保持以用例1、2、3、4、5為例，購物車測試結(jié)果如表7-4所示表7-4購物車測試結(jié)果用例編號輸入輸出1在登錄狀態(tài)下，選擇好奶茶商品和數(shù)量，點(diǎn)擊添加到購物車按鈕，驗(yàn)證商品是否成功添加到購物車中。成功添加到購物車2在購物車頁面，選擇一項(xiàng)已添加的商品，點(diǎn)擊刪除按鈕，驗(yàn)證商品是否成功從購物車中移除。商品從購物車中除表7-4（續(xù)）3在購物車頁面，修改已添加商品的數(shù)量，商品數(shù)量是否被修改商品數(shù)量被修改4當(dāng)購物車為空時(shí)，點(diǎn)擊支付按鈕，驗(yàn)證系統(tǒng)是否能夠正確提示用戶購物車為空，無法進(jìn)行結(jié)算。無法進(jìn)行結(jié)算，重新請選擇商品下單的商品才能結(jié)算5在添加商品到購物車后，刷新頁面或重新登錄，驗(yàn)證購物車中的商品數(shù)據(jù)是否能夠正確保持。正確保持7.2.3搜索功能測試在奶茶信息頁面有搜索框，用戶可以在搜索框中輸入奶茶的全名、關(guān)鍵字或者奶茶名稱中的部分，點(diǎn)擊搜索按鈕就能搜索奶茶了。搜索到的奶茶的信息顯示在奶茶信息列表中。對此為該功能設(shè)計(jì)如下3個(gè)測試用例。具體如表7-5所示。表7