I摘要伴隨著移動(dòng)互聯(lián)網(wǎng)技術(shù)的飛快發(fā)展，移動(dòng)互聯(lián)網(wǎng)的應(yīng)用早已普及到人們生活中的方方面面。人們對(duì)移動(dòng)互聯(lián)網(wǎng)技術(shù)的應(yīng)用需求與要求也隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展而發(fā)生了巨大的變化。2016年9月伴隨著微信小程序的問(wèn)世，各行各業(yè)中也都掀起陣陣小程序熱潮，很多APP應(yīng)用被簡(jiǎn)化為小程序的功能推出，與此同時(shí)也根據(jù)小程序的特性推出各種獨(dú)具匠心的應(yīng)用，相對(duì)傳統(tǒng)的APP而言，微信小程序能夠大大降低開(kāi)發(fā)者的開(kāi)發(fā)成本和難度，并在使用上給予用戶便捷、易懂、高效的使用體驗(yàn)。為此微信小程序一經(jīng)發(fā)布運(yùn)行便迎來(lái)了噴涌式的發(fā)展，迅速占領(lǐng)市場(chǎng)，深得廣大使用者的喜愛(ài)。然而目前在我國(guó)針對(duì)高校校園微信小程序的研發(fā)與應(yīng)用上并沒(méi)有標(biāo)志性的相關(guān)成果案例，再加上高校學(xué)生群體對(duì)校園生活質(zhì)量的需求不斷提高以及近年來(lái)疫情的影響高校通常會(huì)采取封校措施，這為在封閉管理期內(nèi)的學(xué)生日常生活購(gòu)物提供保障，為此校園超市微信小程序的開(kāi)發(fā)使用前景十分可觀。校園超市微信小程序在微信開(kāi)發(fā)者工具平臺(tái)上結(jié)合JavaScript編程語(yǔ)言與云數(shù)據(jù)庫(kù)進(jìn)行小程序的開(kāi)發(fā)。微信開(kāi)發(fā)者工具為小程序開(kāi)發(fā)者提供免費(fèi)的平臺(tái)，個(gè)人或團(tuán)隊(duì)只需在其平臺(tái)上注冊(cè)個(gè)人賬號(hào)就可以免費(fèi)使用微信開(kāi)發(fā)者工具，極大的減輕開(kāi)發(fā)者在小程序開(kāi)發(fā)過(guò)程中的經(jīng)濟(jì)負(fù)擔(dān)。微信校園超市微信小程序在開(kāi)發(fā)設(shè)計(jì)中共設(shè)立三種角色用戶，分別為顧客、超市員工以及超市老板，不同身份角色用戶登錄小程序后所賦予的功能權(quán)限各不相同。校園超市微信小程序在功能模塊的劃分上分別含有“登錄模塊”、“員工管理管理模塊”、“商品管理模塊”、“訂單管理模塊”、“庫(kù)存管理模塊”、“采購(gòu)管理模塊”、“公告管理模塊”、“個(gè)人信息管理模塊”共八個(gè)功能模塊。校園超市微信小程序的研發(fā)宗旨在于提高學(xué)生群體的在校購(gòu)物體驗(yàn)質(zhì)量、減輕超市員工工作量的同時(shí)提高工作效率以及為超市老板帶來(lái)經(jīng)濟(jì)效益。關(guān)鍵詞：微信小程序；云開(kāi)發(fā)；校園超市目錄TOC\o"1-3"\h\u16398摘要 3229831緒論 10265161.1選題背景及意義 10299271.1.1選題背景 1096461.1.2選題意義 10210641.2國(guó)內(nèi)外研究現(xiàn)狀 11297271.2.1國(guó)內(nèi)研究現(xiàn)狀 11108431.2.2國(guó)外研究現(xiàn)狀 12154431.3本章小結(jié) 1242442系統(tǒng)分析 14155542.1系統(tǒng)可行性分析 14100122.1.1技術(shù)可行性分析 1477622.1.2經(jīng)濟(jì)可行性分析 14197302.1.3操作可行性分析 1477032.2需求分析 1510032.2.1業(yè)務(wù)流程分析 15129302.2.2數(shù)據(jù)流程分析 24209822.2.3其他非功能需求 2715812.3本章小結(jié) 27138223系統(tǒng)設(shè)計(jì) 28298493.1系統(tǒng)設(shè)計(jì)目標(biāo) 28297763.2系統(tǒng)技術(shù)架構(gòu) 2844873.2.1微信小程序架構(gòu) 28143353.3系統(tǒng)功能結(jié)構(gòu)設(shè)計(jì) 2942683.3.1總體功能結(jié)構(gòu)設(shè)計(jì) 29297953.3.2登錄模塊功能結(jié)構(gòu)設(shè)計(jì) 30299613.3.3員工管理模塊功能結(jié)構(gòu)設(shè)計(jì) 31110033.3.4商品管理模塊功能結(jié)構(gòu)設(shè)計(jì) 31224183.3.5訂單管理模塊功能結(jié)構(gòu)設(shè)計(jì) 31109023.3.6庫(kù)存管理模塊功能結(jié)構(gòu)設(shè)計(jì) 3239283.3.7采購(gòu)管理模塊功能結(jié)構(gòu)設(shè)計(jì) 32105673.3.8公告管理模塊功能結(jié)構(gòu)設(shè)計(jì) 32244233.3.9個(gè)人信息管理模塊功能結(jié)構(gòu)設(shè)計(jì) 3348493.4數(shù)據(jù)庫(kù)設(shè)計(jì) 3344863.4.1數(shù)據(jù)庫(kù)概念結(jié)構(gòu)設(shè)計(jì) 33259483.4.2系統(tǒng)總體E-R圖 36173333.4.2數(shù)據(jù)庫(kù)邏輯結(jié)構(gòu)設(shè)計(jì) 36276003.5本章小結(jié) 40182364系統(tǒng)的實(shí)施 4187464.1開(kāi)發(fā)工具的選擇 41206024.2數(shù)據(jù)庫(kù)的選擇 41133564.3開(kāi)發(fā)語(yǔ)言的選擇 41310744.4系統(tǒng)的實(shí)現(xiàn) 42256764.4.1用戶登錄 4298464.4.2購(gòu)物車管理 4373564.4.3地址管理 43148104.4.4顧客訂單管理 44182694.4.5商品管理 45127494.4.6庫(kù)存管理 4592454.4.7員工管理 46178054.4.8公告管理 4767374.4.9顧客預(yù)訂管理 48261794.5本章小結(jié) 48300855系統(tǒng)測(cè)試 49106655.1測(cè)試環(huán)境設(shè)置 49166865.2功能模塊測(cè)試 4945455.2.1登錄功能測(cè)試 494715.2.2商品檢索功能測(cè)試 50221645.2.3員工管理功能的測(cè)試 50189575.3本章小結(jié) 51144716總結(jié)與展望 5230876參考文獻(xiàn) 54

1緒論1.1選題背景及意義1.1.1選題背景伴隨著信息化技術(shù)不斷發(fā)展的歷史年輪中，移動(dòng)互聯(lián)網(wǎng)的應(yīng)用早已普及到人們生活中各行各業(yè)中的的方方面面。人們對(duì)移動(dòng)互聯(lián)網(wǎng)技術(shù)的應(yīng)用需要與要求普遍都在不同程度上有所提高。2016年9月伴隨著微信小程序的問(wèn)世[1]，各種行業(yè)中也都掀起陣陣熱潮，很多APP應(yīng)用被簡(jiǎn)化為小程序的功能推出，同時(shí)也根據(jù)小程序的特性推出各種獨(dú)具匠心的應(yīng)用，與傳統(tǒng)APP應(yīng)用相對(duì)比，微信小程序在其開(kāi)發(fā)難度與成本上都優(yōu)越與傳統(tǒng)APP應(yīng)用，并在使用上給予用戶便捷、易懂、高效的使用體驗(yàn)[2]。當(dāng)下大學(xué)生群體對(duì)在校生活質(zhì)量的要求不斷提高，加之與疫情的影響許多學(xué)校為了打贏防疫攻堅(jiān)戰(zhàn)采取封校的措施[3]。為滿足大學(xué)生群體在校內(nèi)的日常生活用品的需求，便通過(guò)校園超市微信小程序的開(kāi)發(fā)。一來(lái)為大學(xué)生群體提供便捷、實(shí)用、優(yōu)惠的購(gòu)物體驗(yàn)。二來(lái)通過(guò)校園內(nèi)線上購(gòu)物避免了學(xué)生群體大規(guī)模的肢體接觸，響應(yīng)國(guó)家防疫號(hào)召。1.1.2選題意義校園超市小程序促進(jìn)傳統(tǒng)經(jīng)營(yíng)方式的轉(zhuǎn)型升級(jí)，進(jìn)而形成更加符合移動(dòng)互聯(lián)網(wǎng)技術(shù)應(yīng)用的新型模式進(jìn)入校園。校園超市微信小程序與傳統(tǒng)的線下校園超市購(gòu)物存在諸多不同[4]。其體現(xiàn)在超市的運(yùn)轉(zhuǎn)方式上突破了傳統(tǒng)人工管理模式，通過(guò)線上與線下管理方式的結(jié)合在商家的運(yùn)營(yíng)成本上減輕了傳統(tǒng)的人工、物力開(kāi)支，提高超市的運(yùn)營(yíng)效益及員工的工作效率[5]。并通過(guò)線上購(gòu)物的方式更加迎合當(dāng)代大學(xué)生們的消費(fèi)理念，為在校大學(xué)生提供操作高效便捷、購(gòu)物體驗(yàn)感良好的消費(fèi)體驗(yàn)，進(jìn)而為商家?guī)?lái)客觀的收益。1.2國(guó)內(nèi)外研究現(xiàn)狀1.2.1國(guó)內(nèi)研究現(xiàn)狀當(dāng)下流行的微信小程序都能實(shí)現(xiàn)不需要用戶安裝下載應(yīng)用便可在手機(jī)微信中使用。用戶只需掃碼或者搜索就能在微信界面上打開(kāi)所需的應(yīng)用程序，它的問(wèn)世實(shí)現(xiàn)了應(yīng)用“觸手可及”的愿望。2016年1月11日“微信之父”張小龍正式提出“微信小程序”，預(yù)示著一款全新的應(yīng)用型工具的即將面試[6]。2017年1月微信小程序正式進(jìn)入到了大眾視野當(dāng)中。微信小程序一經(jīng)問(wèn)世就受到廣大用戶的強(qiáng)烈興趣，作為一種新生代的移動(dòng)互聯(lián)網(wǎng)技術(shù)僅僅在上線的兩年后就突破了日活躍用戶數(shù)量1.7億人的大關(guān)[7]。并且上線的微信小程序達(dá)到了58萬(wàn)個(gè)，覆蓋100萬(wàn)開(kāi)發(fā)者和2300萬(wàn)個(gè)第三方平臺(tái)[8]。微信小程序之所以得到如從迅猛的發(fā)展離不開(kāi)其開(kāi)發(fā)成本低、使用操作簡(jiǎn)單、更加流暢的使用體驗(yàn)、公眾號(hào)和小程序的完美結(jié)合以及得到微信平臺(tái)的強(qiáng)大引流。我國(guó)的第一起通過(guò)線上購(gòu)物完成購(gòu)物是在1996年由加拿大駐中國(guó)大使貝詳先生完成的[9]。由此在中國(guó)打開(kāi)了線上購(gòu)物的先河。1999年中國(guó)互聯(lián)網(wǎng)行業(yè)的前輩們就已經(jīng)在籌劃建立B2C電子商務(wù)模式網(wǎng)站，為推動(dòng)我國(guó)線上購(gòu)物奠定基石[10]。到了1999年底我國(guó)國(guó)內(nèi)臨來(lái)互聯(lián)網(wǎng)技術(shù)的高潮，先后誕生300多家從事于B2C電子商務(wù)模式的公司[11]。從此我國(guó)線上超市進(jìn)入到高速發(fā)展的歷史軌道當(dāng)中，并在全國(guó)各地形成規(guī)?；?。歷經(jīng)11年的發(fā)展我國(guó)的線上購(gòu)物臨來(lái)前所未有的盛世。國(guó)內(nèi)外各行各業(yè)都加大了對(duì)線上購(gòu)物的基礎(chǔ)化建設(shè)以及市場(chǎng)推廣營(yíng)銷的經(jīng)濟(jì)投入。據(jù)艾瑞咨詢網(wǎng)公布的數(shù)據(jù)顯示2011年我國(guó)線上購(gòu)物市場(chǎng)交易規(guī)模接近8000億員，占比當(dāng)年社會(huì)消費(fèi)品零售總額的4.3%。與此同時(shí)我國(guó)線上購(gòu)物的用戶規(guī)模達(dá)到了的1.87億人，占比當(dāng)年寬帶網(wǎng)民中的滲透率達(dá)到驚人的41.6%[12]。在我國(guó)的線上購(gòu)物市場(chǎng)中，B2C電子商務(wù)模式網(wǎng)站市場(chǎng)增量所占比重持續(xù)增高，B2C電子商務(wù)模式網(wǎng)站已然成為我國(guó)線上購(gòu)物產(chǎn)業(yè)中強(qiáng)有力的推動(dòng)力[13]。進(jìn)年來(lái)隨著微信小程序的飛速發(fā)展，微信小程序的足跡遍布市面上的各行各業(yè)當(dāng)中，其影響力早已滲透到我們生活中的方方面面。特別是疫情爆發(fā)以來(lái)健康碼、行程碼以及地點(diǎn)碼已然成為人們?nèi)粘３鲂斜夭豢缮俚某鲂袘{據(jù)[14]。根據(jù)阿拉丁研究院正式發(fā)布《2021年度小程序互聯(lián)網(wǎng)發(fā)展白皮書(shū)》顯示我國(guó)2021年微信小程序的數(shù)量已經(jīng)超過(guò)700萬(wàn)個(gè)，日活躍用戶數(shù)達(dá)到4.5億人，微信小程序開(kāi)發(fā)者更是突破了300萬(wàn)大關(guān)[15]。微信小程序生態(tài)已經(jīng)不覺(jué)當(dāng)中形成了新的增長(zhǎng)空間。我國(guó)目前對(duì)于高校校園超市微信小程序這一領(lǐng)域上還沒(méi)有形成標(biāo)志性的成果，即使近年來(lái)“天貓超市走進(jìn)校園”的校內(nèi)超市不斷的入駐高校校園，但對(duì)于以微信小程序的運(yùn)營(yíng)模式為主體的高校校園超市仍具備相當(dāng)大的可開(kāi)展空間。1.2.2國(guó)外研究現(xiàn)狀互聯(lián)網(wǎng)技術(shù)最早起源于20世紀(jì)60年代末，由美國(guó)為了應(yīng)對(duì)冷戰(zhàn)而研發(fā)出的新技術(shù)。它的誕生顛覆了人類傳統(tǒng)技術(shù)，將人類文明推進(jìn)了另一個(gè)全新未知的領(lǐng)域，標(biāo)志著互聯(lián)網(wǎng)時(shí)代的到來(lái)[16]。作為互聯(lián)網(wǎng)技術(shù)的起源地美國(guó)也是世界上最早提出并發(fā)展電子商務(wù)的國(guó)家，并且一舉成為電子商務(wù)發(fā)展最為成熟發(fā)達(dá)的國(guó)家。歐洲雖然在電子商務(wù)領(lǐng)域上比美國(guó)發(fā)展得晚一些，但依托于歐洲發(fā)達(dá)國(guó)家的共同發(fā)展，也一舉成為世界上電子商務(wù)發(fā)展得數(shù)一數(shù)二得地區(qū)之一[17]。微信小程序是由我國(guó)“微信之父”張小龍?jiān)?016年率先提出的概念，并于2017年正式上線使用。但其實(shí)早在2015年美國(guó)的谷歌團(tuán)隊(duì)的相關(guān)技術(shù)人員就提出了漸進(jìn)式網(wǎng)絡(luò)應(yīng)用程序的概念[18]。漸進(jìn)式網(wǎng)絡(luò)應(yīng)用程序PWA是一種能夠支持類似原生應(yīng)用程序體驗(yàn)的網(wǎng)絡(luò)應(yīng)用程序。漸進(jìn)式網(wǎng)絡(luò)應(yīng)用程序最為突出的特點(diǎn)在于離線時(shí)應(yīng)用程序依然可以正常運(yùn)行。漸進(jìn)式網(wǎng)絡(luò)應(yīng)用程序還有占用空間小、可獨(dú)立連接、類似于應(yīng)用程序等特點(diǎn)。漸進(jìn)式網(wǎng)絡(luò)應(yīng)用程序的面市在一定程度上沖擊了生態(tài)環(huán)境封閉的Apple,同時(shí)也為小程序的發(fā)展奠定基礎(chǔ)[19]。通過(guò)上述不難得出結(jié)論國(guó)外互聯(lián)網(wǎng)的總體發(fā)展水平都高于我國(guó)。早在上世紀(jì)70年代美國(guó)沃爾瑪公司就開(kāi)始著手于超市管理的研究當(dāng)中，通過(guò)接近20年的發(fā)展沃爾瑪公司提出了品類管理理論。線上超市系統(tǒng)的品類管理概念的提出是在1992年由美國(guó)的沃爾瑪公司最早提出來(lái)的[20]。線上超市系統(tǒng)的制造業(yè)管理則是由美國(guó)寶潔公司最早提出。沃爾瑪公司通過(guò)平類管理將公司的庫(kù)存精確的控制在12天以內(nèi)。并在和寶潔公司的合作當(dāng)中將銷售額提高了32.5%、倉(cāng)庫(kù)壓貨率降低了46%、商品周轉(zhuǎn)的速度增長(zhǎng)了11%，為沃爾瑪公司在收益上實(shí)現(xiàn)了質(zhì)的提升。然而在對(duì)于校園超市微信小程序的研發(fā)上不好找出標(biāo)志性的成果案例，為此在國(guó)外關(guān)于校園超市微信小程序的研究存在著巨大的空間。1.3本章小結(jié)本章節(jié)通過(guò)結(jié)合國(guó)內(nèi)外對(duì)于超市管理系統(tǒng)相關(guān)案例以及微信小程序的發(fā)展歷程得出校園超市微信小程序具有一定的發(fā)展空間結(jié)論。2系統(tǒng)分析2.1系統(tǒng)可行性分析2.1.1技術(shù)可行性分析本次研究的系統(tǒng)校園超市微信小程序是一款通過(guò)微信開(kāi)發(fā)者工具開(kāi)發(fā)，并通過(guò)云數(shù)據(jù)庫(kù)進(jìn)行數(shù)據(jù)操作以及使用UML技術(shù)對(duì)系統(tǒng)需求進(jìn)行一系列分析，其中涵蓋校園超市微信小程序研究上所涉及到的數(shù)據(jù)流圖、流程圖、E-R圖等一些圖表。近年來(lái)微信小程序在各種行業(yè)中也掀起陣陣熱潮，無(wú)數(shù)開(kāi)發(fā)研究者都投身于微信小程序應(yīng)用的開(kāi)發(fā)與研究當(dāng)中。為此可通過(guò)上網(wǎng)查找資料及相關(guān)文獻(xiàn)代碼可獲取參考，可解決大部分小程序開(kāi)發(fā)建設(shè)的絕大部分技術(shù)問(wèn)題。2.1.2經(jīng)濟(jì)可行性分析校園超市微信小程序是在微信開(kāi)發(fā)者工具中完成相關(guān)開(kāi)發(fā)設(shè)計(jì)的，該平臺(tái)并未向使用者收取任務(wù)費(fèi)用，只需注冊(cè)個(gè)人賬號(hào)便可免費(fèi)使用。并且可依托微信開(kāi)發(fā)者工具平臺(tái)調(diào)取云數(shù)據(jù)庫(kù)，極大程度上減低了校園超市微信小程序的開(kāi)發(fā)成本。自備了個(gè)人電腦對(duì)小程序的開(kāi)發(fā)建設(shè)進(jìn)行項(xiàng)目部署，并通過(guò)實(shí)習(xí)公司設(shè)備上的支持，可基本上滿足小程序開(kāi)發(fā)建設(shè)對(duì)硬件上的需求。為此在硬件上并沒(méi)有過(guò)多的支出。結(jié)合上述，校園超市微信小程序在經(jīng)濟(jì)可行性上是沒(méi)問(wèn)題的。2.1.3操作可行性分析微信小程序素有操作快捷簡(jiǎn)便的特點(diǎn)。在對(duì)小程序進(jìn)行操作時(shí)只需使用微信掃一掃或搜索關(guān)鍵字信息便可進(jìn)入到小程序頁(yè)面當(dāng)中，現(xiàn)如今信息化高速發(fā)達(dá)的年代基本上正常成年人都有專屬微信并具有一定的智能化信息產(chǎn)品運(yùn)用的基本技能，為此校園超市微信小程序有操作可行性上并不存在問(wèn)題。2.2需求分析2.2.1業(yè)務(wù)流程分析（1）登錄流程校園超市微信小程序的登錄流程圖如2-1圖所示，當(dāng)用戶或管理者及老板進(jìn)入到登錄界面時(shí)，通過(guò)輸入專屬個(gè)人的賬號(hào)和密碼進(jìn)行身份驗(yàn)證，身份成功則進(jìn)入到小程序主界面。如果身份驗(yàn)證失敗則會(huì)繼續(xù)留在登錄界面上，小程序此時(shí)會(huì)提醒登錄者“請(qǐng)檢查用戶名密碼并重新登錄”，此時(shí)登錄者可重新輸入賬號(hào)密碼進(jìn)行登錄。圖2-1登錄流程圖（2）員工管理流程校園超市微信小程序的員工管理流程圖如圖2-2所示，當(dāng)老板登錄小程序以后，點(diǎn)擊“個(gè)人”再點(diǎn)擊“員工管理”便可進(jìn)入到員工管理界面當(dāng)中。老板此時(shí)如果選擇不操作則可以直接可以通過(guò)返回鍵返回上一級(jí)界面，選擇繼續(xù)操作老板可通過(guò)員工管理對(duì)超市員工進(jìn)行修改員工信息、添加員工及解雇員工操作。每一步操作過(guò)后小程序會(huì)自動(dòng)保存操作結(jié)果，操作完成后可通過(guò)返回鍵返回到上一級(jí)界面。圖2-2員工管理操作流程圖（3）商品管理流程校園超市微信小程序的商品管理流程圖如圖2-3所示，當(dāng)超市員工登錄小程序以后，點(diǎn)擊“個(gè)人”再點(diǎn)擊“商品管理”便可進(jìn)入到商品管理界面當(dāng)中。超市員工此時(shí)如果選擇不做操作則可以直接通過(guò)返回鍵返回到上一級(jí)界面。選擇繼續(xù)操作的話超市員工可通過(guò)商品管理對(duì)超市商品進(jìn)行商品查詢、商品信息修改和新增新的商品及刪除現(xiàn)有商品。當(dāng)對(duì)商品管理操作完成后小程序會(huì)自動(dòng)保存商品管理操作的內(nèi)容并返回上一級(jí)界面，超市員工可通過(guò)點(diǎn)擊商品管理進(jìn)行查看。圖2-3商品管理操作流程圖（4）訂單管理流程校園超市微信小程序的訂單管理流程圖如圖2-4所示，用戶登錄小程序，若是顧客登錄則進(jìn)入顧客訂單操作界面，顧客可選擇查詢訂單信息，其中包括訂單的評(píng)價(jià)以及查詢訂單商品狀態(tài)以及刪除訂單信息。若是超市員工登錄小程序則進(jìn)入到超市員工操作界面，超市員工可進(jìn)行超市采購(gòu)訂單操作或顧客訂單操作，超市采購(gòu)訂單可進(jìn)行查詢訂單信息，顧客訂單可進(jìn)行訂單查詢以及確認(rèn)訂單發(fā)貨功能。當(dāng)操作結(jié)束便可完成訂單操作返回上一級(jí)。圖2-4訂單管理操作流程圖（5）庫(kù)存管理流程校園超市微信小程序的庫(kù)存管理流程圖如圖2-5所示，當(dāng)超市員工登錄小程序以后，點(diǎn)擊“個(gè)人”再點(diǎn)擊“庫(kù)存管理”便可進(jìn)入到庫(kù)存管理界面當(dāng)中。超市員工可對(duì)庫(kù)存管理進(jìn)行查詢庫(kù)存操作以及庫(kù)存商品預(yù)警線的設(shè)計(jì)操作。操作完成后返回上一級(jí)界面，系統(tǒng)會(huì)自動(dòng)保存操作結(jié)果。圖2-5庫(kù)存管理操作流程圖（6）采購(gòu)管理流程校園超市微信小程序的采購(gòu)管理流程圖如圖2-6所示，當(dāng)超市員工登錄小程序以后，點(diǎn)擊“個(gè)人”再點(diǎn)擊“采購(gòu)管理”便可進(jìn)入到采購(gòu)管理界面當(dāng)中。超市員工此時(shí)如果選擇不做操作則可以直接通過(guò)返回鍵返回到上一級(jí)“個(gè)人”界面。選擇繼續(xù)操作的話超市員工可通過(guò)采購(gòu)管理對(duì)超市采購(gòu)訂單查詢和刪除功能。并可對(duì)超市商品進(jìn)行采購(gòu)。當(dāng)操作完成后可返回上一級(jí)界面系統(tǒng)將自動(dòng)保存采購(gòu)操作內(nèi)容。圖2-6采購(gòu)管理流程圖（7）公告管理流程校園超市微信小程序的公告管理流程圖如圖2-7所示，當(dāng)超市老板登錄小程序以后，點(diǎn)擊“個(gè)人”再點(diǎn)擊“公告管理”便可進(jìn)入到公告管理界面當(dāng)中。超市老板此時(shí)如果選擇不做操作則可以直接通過(guò)返回鍵返回到上一級(jí)“個(gè)人”界面。選擇繼續(xù)操作的話超市老板可通過(guò)公告管理對(duì)小程序界面公告對(duì)已有公告進(jìn)行查詢和修改以及刪除和增加新的公告。當(dāng)對(duì)公告管理操作完成后小程序會(huì)自動(dòng)保存公告管理操作的內(nèi)容并返回上一級(jí)界面，超市老板可通過(guò)點(diǎn)擊公告管理進(jìn)行查看。圖2-7公告管理流程圖（8）個(gè)人信息管理流程校園超市微信小程序的個(gè)人信息管理流程圖如圖2-8所示，當(dāng)顧客登錄小程序以后，通過(guò)點(diǎn)擊“個(gè)人”便可看到個(gè)人信息管理中的相關(guān)功能，其中顧客可對(duì)顧客的訂單信息進(jìn)行查詢、評(píng)價(jià)以及刪除；對(duì)購(gòu)物車進(jìn)行清空、結(jié)算操作；對(duì)個(gè)人地址進(jìn)行修改及刪除和添加操作；對(duì)商品預(yù)定進(jìn)行提交預(yù)定商品功能；對(duì)購(gòu)物車進(jìn)行清空和結(jié)算功能。當(dāng)顧客對(duì)個(gè)人信息管理操作完成后系統(tǒng)會(huì)自動(dòng)保存操作結(jié)果，顧客可通過(guò)返回上一級(jí)界面進(jìn)行查看。圖2-8個(gè)人信息管理流程圖2.2.2數(shù)據(jù)流程分析以下內(nèi)容將以數(shù)據(jù)流圖的形式對(duì)校園超市微信小程序進(jìn)行數(shù)據(jù)流程上的分析介紹。數(shù)據(jù)流圖（DFD）是一種圖形化技術(shù)，其根本在于通過(guò)符號(hào)描述數(shù)據(jù)流從輸入到輸出的過(guò)程當(dāng)中所移動(dòng)的變化過(guò)程。數(shù)據(jù)流圖能夠全面的描述系統(tǒng)的邏輯模型，并且能夠客觀清晰的反應(yīng)出系統(tǒng)的相關(guān)信息流動(dòng)、處理和存儲(chǔ)以及系統(tǒng)的外部環(huán)境，系統(tǒng)的相關(guān)開(kāi)發(fā)技術(shù)人員能夠借助數(shù)據(jù)流圖對(duì)系統(tǒng)的整體邏輯結(jié)構(gòu)進(jìn)行更為清晰地研究了解。（1）頂層數(shù)據(jù)流圖校園超市微信小程序的頂層數(shù)據(jù)流圖如圖2-9所示，頂層數(shù)據(jù)流圖含概著小程序中不同角色的數(shù)據(jù)在程序內(nèi)的流向趨勢(shì)以及邏輯變換。超市員工通過(guò)小程序?qū)ζ渌谟璧臋?quán)限進(jìn)行庫(kù)存信息、商品信息、預(yù)警信息管理。超市老板通過(guò)小程序?qū)Τ袉T工信息、預(yù)訂單信息進(jìn)行管理。顧客通過(guò)小程序?qū)ζ渌谟璧臋?quán)限進(jìn)行管理操作。圖2-9頂層數(shù)據(jù)流圖（2）第一層數(shù)據(jù)流圖校園超市微信小程序第一層數(shù)據(jù)流圖如圖2-10所示，其中包括“商品信息管理”、“購(gòu)物車管理”、“用戶訂單處理”、“庫(kù)存信息處理”、“員工管理”主要大的模塊。各部分?jǐn)?shù)據(jù)流圖如下所示：圖2-10第一層數(shù)據(jù)流圖（3）第二層數(shù)據(jù)流圖校園超市微信小程序第二層數(shù)據(jù)流圖如圖2-11所示，其中包括“商品信息”、“購(gòu)物車信息”、“員工信息”、“庫(kù)存信息”、“訂單信息”。各部分?jǐn)?shù)據(jù)圖如下所示：圖2-11第二層數(shù)據(jù)流圖2.2.3其他非功能需求（1）界面友好性：界面簡(jiǎn)潔友好清晰，操作簡(jiǎn)易，符合用戶的要求。（2）系統(tǒng)穩(wěn)定性：在正常運(yùn)行情況下不會(huì)報(bào)錯(cuò)。（3）系統(tǒng)安全性：保證系統(tǒng)數(shù)據(jù)的安全性。（4）易用性：普通容易上手，軟件流程人性化，設(shè)置幫助功能，用戶登錄可修改密碼等。（5）系統(tǒng)兼容性：跟其它軟件沒(méi)有沖突。（6）系統(tǒng)易維護(hù)性：系統(tǒng)在出現(xiàn)錯(cuò)誤或問(wèn)題的時(shí)候，能夠很容易排除解決（7）系統(tǒng)擴(kuò)展性：在未來(lái)科技發(fā)展的過(guò)程中，可以利用新技術(shù)不斷改進(jìn)完善系統(tǒng)而不影響原有的系統(tǒng)功能。2.3本章小結(jié)本章通過(guò)系統(tǒng)可行性分析中的技術(shù)可行性分析、經(jīng)濟(jì)可行性分析、操作可行性分析以及系統(tǒng)的需求分析對(duì)系統(tǒng)進(jìn)行可行性分析，最終得出校園超市微信小程序具備開(kāi)發(fā)設(shè)計(jì)的結(jié)論。3系統(tǒng)設(shè)計(jì)3.1系統(tǒng)設(shè)計(jì)目標(biāo)校園超市小程序的實(shí)現(xiàn)是不僅是為了高校學(xué)生能夠便捷、優(yōu)惠、省時(shí)、安全的在校內(nèi)便能進(jìn)行生活物品的購(gòu)買，以及能夠降低超市員工工作量的同時(shí)提高超市員工的工作效率。更是讓商家能在投入更小、超市管理人員勞動(dòng)成本更低的情況下獲得更高盈利的一款小程序。校園超市小程序的主要功能包含登錄功能、員工管理模塊、商品管理模塊、訂單管理模塊、庫(kù)存管理模塊、采購(gòu)管理模塊等。3.2系統(tǒng)技術(shù)架構(gòu)3.2.1微信小程序架構(gòu)微信小程序架構(gòu)圖如圖3-1所示。網(wǎng)絡(luò)通信的應(yīng)用框架,其核心是響應(yīng)的數(shù)據(jù)綁定的系統(tǒng)，微信小程序在結(jié)構(gòu)上可分成兩個(gè)分層，分別為視圖層(view)以及邏輯層(service)構(gòu)成，兩個(gè)分層是獨(dú)立運(yùn)行的，并通過(guò)數(shù)據(jù)的驅(qū)動(dòng)，事件間的交互，不直接參與操作DOM。view模塊負(fù)責(zé)系統(tǒng)前端界面顯示，它由wxml及wxss轉(zhuǎn)換后形成的代碼以及微信提供的相關(guān)輔助模塊功能構(gòu)成。一個(gè)view模塊分別對(duì)應(yīng)于一個(gè)頁(yè)面,小程序同時(shí)支持多個(gè)view的存在。service主要是負(fù)責(zé)邏輯的處理、數(shù)據(jù)請(qǐng)求以及接口調(diào)用等。它的組成上由js代碼加上微信提供的一些相關(guān)輔助模塊互相組成。視圖層與邏輯層通過(guò)數(shù)據(jù)data和事件event進(jìn)行通信，邏輯層提供數(shù)據(jù)給視圖層，視圖層通過(guò)綁定/捕獲事件發(fā)起交互讓邏輯層處理視圖使用WebView渲染，JS由JSCore(IOS)/

X5(Android)

/nmjs(DevTool)渲染解析。圖3-1微信小程序系統(tǒng)結(jié)構(gòu)圖3.3系統(tǒng)功能結(jié)構(gòu)設(shè)計(jì)3.3.1總體功能結(jié)構(gòu)設(shè)計(jì)校園超市微信小程序小程序可劃分為八大模塊，分別為：登錄模塊、員工管理管理模塊、商品管理模塊、訂單管理模塊、庫(kù)存管理模塊、采購(gòu)管理模塊、公告管理模塊、個(gè)人信息管理模塊。如圖3-1系統(tǒng)功能模塊圖圖3-1系統(tǒng)功能模塊圖（1）登錄模塊：此模塊允許普通用戶、超市員工及其管理員通過(guò)輸入賬戶密碼進(jìn)行登錄。每個(gè)人都有專屬的賬戶和密碼。（2）員工管理模塊：對(duì)管理員賦予相對(duì)應(yīng)的權(quán)限，管理員對(duì)員工信息進(jìn)行管理可查詢員工的排班情況，且管理員具有添加員工和刪除員工的權(quán)限。（3）商品管理模塊：超市管理員或員工可利用商品管理模塊添加新的商品、刪除舊的商品，并可通過(guò)商品的屬性進(jìn)行商品的查詢功能，也可通過(guò)商品管理模塊進(jìn)行商品的修改功能。（4）訂單管理模塊：管理員或員工可通過(guò)訂單管理模塊由訂單的單號(hào)查詢出所需要的訂單，管理員可對(duì)訂單的信息進(jìn)行修改或添加新的訂單以及刪除舊的訂單。（5）庫(kù)存管理模塊：此功能可對(duì)當(dāng)前超市商品的庫(kù)存進(jìn)行查詢功能，并設(shè)定商品庫(kù)存的最低儲(chǔ)量值，若某商品的庫(kù)存量達(dá)到了最低儲(chǔ)存量則會(huì)預(yù)警提示管理員。管理員可通過(guò)庫(kù)存管理模塊及時(shí)的對(duì)商品進(jìn)行采購(gòu)。保證商品的現(xiàn)貨量。（6）采購(gòu)管理模塊：管理員可通過(guò)采購(gòu)管理功能查詢到歷史的采購(gòu)記錄，且具有對(duì)商品的采購(gòu)預(yù)定功能，對(duì)已缺商品進(jìn)行預(yù)購(gòu)。并可根據(jù)歷史采購(gòu)記錄和庫(kù)存管理模塊中商品庫(kù)存預(yù)警功能及時(shí)的制定出新的超市采購(gòu)計(jì)劃，避免多進(jìn)已有商品及少進(jìn)缺貨商品的情況發(fā)生。（7）公告管理模塊：微信小程序首頁(yè)會(huì)適當(dāng)推送出商品活動(dòng)公告。超市管理員可通過(guò)公告管理模塊查詢出現(xiàn)有小程序已發(fā)的公告并根據(jù)需要修改公告內(nèi)容。管理員亦可刪除現(xiàn)有的公告或者添加新的公告。（8）個(gè)人信息管理模塊：用戶可通過(guò)小程序上的個(gè)人信息管理模塊對(duì)本人的收貨地址進(jìn)行管理以及對(duì)已交易完成的訂單進(jìn)行刪除、評(píng)價(jià)。用戶有權(quán)對(duì)購(gòu)物車上的商品進(jìn)行添加、刪除、修改、結(jié)算等功能。用戶可通過(guò)預(yù)訂功能將商品屬性對(duì)超市缺貨或沒(méi)有的商品進(jìn)行預(yù)訂。3.3.2登錄模塊功能結(jié)構(gòu)設(shè)計(jì)登錄模塊功能結(jié)構(gòu)設(shè)計(jì)如下圖3-3所示，包含以下模塊：（1）超市顧客登錄：當(dāng)超市顧客登錄小程序之后包含我的訂單管理、我的購(gòu)物車管理、預(yù)購(gòu)商品管理以及我的地址管理功能。（2）超市老板登錄:當(dāng)超市老板登錄小程序之后小程序包含員工管理、公告管理以及顧客預(yù)訂管理功能。（3）超市員工登錄：當(dāng)超市員工登錄小程序后小程序包含庫(kù)存管理、商品管理、采購(gòu)管理以及顧客管理功能。圖3-3登錄模塊功能結(jié)構(gòu)圖3.3.3員工管理模塊功能結(jié)構(gòu)設(shè)計(jì)員工管理模塊功能結(jié)構(gòu)設(shè)計(jì)如下圖3-4所示，包含以下模塊：（1）排班查詢：超市老板通過(guò)此功能模塊輸入員工信息可對(duì)超市員工進(jìn)行排班查詢操作。（2）添加員工:超市老板通過(guò)此功能可對(duì)超市員工進(jìn)行添加操作。（3）刪除員工：超市老板通過(guò)此模塊可對(duì)超市員工進(jìn)行刪除操作。圖3-4員工管理模塊功能結(jié)構(gòu)圖3.3.4商品管理模塊功能結(jié)構(gòu)設(shè)計(jì)地址管理模塊功能結(jié)構(gòu)設(shè)計(jì)如下圖3-5所示，包含以下模塊：（1）查詢商品：超市員工通過(guò)此功能模塊輸入商品信息可對(duì)超市商品進(jìn)行查詢操作。（2）修改商品：超市員工通過(guò)此功能可對(duì)超市商品進(jìn)行商品屬性修改操作。（3）刪除商品：超市員工通過(guò)此模塊可對(duì)超市商品進(jìn)行刪除操作。（4）添加商品：超市員工通過(guò)此模塊可進(jìn)行添加超市商品操作。圖3-5商品管理模塊功能結(jié)構(gòu)圖3.3.5訂單管理模塊功能結(jié)構(gòu)設(shè)計(jì)訂單管理模塊功能結(jié)構(gòu)設(shè)計(jì)如下圖3-6所示，包含以下模塊：（1）查詢訂單：超市員工通過(guò)此功能模塊輸入訂單信息可對(duì)顧客提交的訂單進(jìn)行查詢操作。（2）刪除訂單:超市員工通過(guò)此功能可對(duì)顧客提交的訂單進(jìn)行刪除操作。圖3-6訂單管理模塊功能結(jié)構(gòu)圖3.3.6庫(kù)存管理模塊功能結(jié)構(gòu)設(shè)計(jì)庫(kù)存管理模塊功能結(jié)構(gòu)設(shè)計(jì)如下圖3-7所示，包含以下模塊：（1）查詢庫(kù)存：超市員工可通過(guò)庫(kù)存管理功能模塊對(duì)商品的庫(kù)存量信息進(jìn)行查詢操作。（2）庫(kù)存預(yù)警:超市員工通過(guò)此功能可對(duì)商品的庫(kù)存預(yù)警值進(jìn)行設(shè)定操作。圖3-7庫(kù)存管理模塊功能結(jié)構(gòu)圖3.3.7采購(gòu)管理模塊功能結(jié)構(gòu)設(shè)計(jì)采購(gòu)管理模塊功能結(jié)構(gòu)設(shè)計(jì)如下圖3-8所示，包含以下模塊：（1）采購(gòu)預(yù)訂管理：超市員工通過(guò)此功能模塊可對(duì)已缺商品進(jìn)行預(yù)訂采購(gòu)。（2）歷史采購(gòu)管理：超市員工通過(guò)此功能可對(duì)歷史的采購(gòu)記錄進(jìn)行查詢操作。（3）采購(gòu)計(jì)劃管理：超市員工通過(guò)此功能可結(jié)合歷史采購(gòu)記錄和庫(kù)存管理模塊中的商品庫(kù)存預(yù)警功能及時(shí)進(jìn)行采購(gòu)操作。圖3-8采購(gòu)管理模塊功能結(jié)構(gòu)圖3.3.8公告管理模塊功能結(jié)構(gòu)設(shè)計(jì)公告管理模塊功能結(jié)構(gòu)設(shè)計(jì)如下圖3-9所示，包含以下模塊：（1）查詢公告管理：超市老板通過(guò)此功能模塊可對(duì)已發(fā)布的超市公告進(jìn)行查詢操作。（2）修改公告管理：超市老板通過(guò)此功能模塊可對(duì)已發(fā)布的超市公告進(jìn)行修改操作。（3）添加公告管理：超市老板通過(guò)此功能可對(duì)超市進(jìn)行添加新的公告操作。（4）刪除公告管理：超市老板通過(guò)此功能模塊可對(duì)超市已發(fā)布的公告進(jìn)行刪除操作。圖3-9公告管理模塊功能結(jié)構(gòu)圖3.3.9個(gè)人信息管理模塊功能結(jié)構(gòu)設(shè)計(jì)個(gè)人信息管理模塊功能結(jié)構(gòu)設(shè)計(jì)如下圖3-10所示，包含以下模塊：（1）地址管理：顧客通過(guò)此功能模塊可對(duì)個(gè)人信息進(jìn)行添加、修改及刪除操作。（2）訂單管理：顧客通過(guò)此功能模塊可對(duì)個(gè)人訂單進(jìn)行查詢、刪除及評(píng)價(jià)操作。（3）購(gòu)物車管理：顧客通過(guò)此功能模塊可對(duì)個(gè)人購(gòu)物車進(jìn)行清空或結(jié)算操作。（4）預(yù)訂管理：顧客通過(guò)此功能模塊可對(duì)超市沒(méi)有的商品進(jìn)行預(yù)訂操作。圖3-10個(gè)人信息管理功能模塊結(jié)構(gòu)圖3.4數(shù)據(jù)庫(kù)設(shè)計(jì)數(shù)據(jù)庫(kù)的設(shè)計(jì)所指的是在一定的應(yīng)用生態(tài)環(huán)境下，不僅需要考慮能否滿足用戶數(shù)據(jù)及加工要求，而且還需要考慮被數(shù)據(jù)庫(kù)管理系統(tǒng)的認(rèn)可接受，為數(shù)據(jù)庫(kù)管理系統(tǒng)提供優(yōu)越的數(shù)據(jù)模型和處理模式的數(shù)據(jù)庫(kù)邏輯設(shè)計(jì)，數(shù)據(jù)庫(kù)的存儲(chǔ)方法和存儲(chǔ)結(jié)構(gòu)能夠直觀真實(shí)的體現(xiàn)出世界信息和信息聯(lián)系，最終實(shí)現(xiàn)有效存取數(shù)據(jù)的系統(tǒng)目標(biāo)。數(shù)據(jù)庫(kù)設(shè)計(jì)通常由數(shù)據(jù)庫(kù)模型設(shè)計(jì)、概念結(jié)構(gòu)設(shè)計(jì)和邏輯結(jié)構(gòu)設(shè)計(jì)三大重要部分構(gòu)成。3.4.1數(shù)據(jù)庫(kù)概念結(jié)構(gòu)設(shè)計(jì)在校園超市微信小程序中，概念設(shè)計(jì)的階段通常由不同的用戶信息，再加上描述與綜合信息進(jìn)而成為原始的數(shù)據(jù)庫(kù)設(shè)計(jì)。E-R模型通過(guò)系統(tǒng)的實(shí)體聯(lián)系圖常用于描述系統(tǒng)的概念模型。E-R模型能夠很好的展示是實(shí)體間的聯(lián)系，是建立概念模型的通用工具。E-R圖中，通常以矩形來(lái)表示系統(tǒng)中的數(shù)據(jù)實(shí)體，矩形內(nèi)部需寫(xiě)明實(shí)體的名稱；用橢圓來(lái)表示數(shù)據(jù)實(shí)體的屬性；通常運(yùn)用菱形來(lái)表示系統(tǒng)中數(shù)據(jù)實(shí)體相互的聯(lián)系，在使用時(shí)菱形內(nèi)部要填寫(xiě)明確聯(lián)系的名稱，再用無(wú)向邊將與有關(guān)的數(shù)據(jù)實(shí)體聯(lián)系，同時(shí)在無(wú)向邊的上標(biāo)中標(biāo)明聯(lián)系的類型，其中包含一對(duì)一關(guān)系（1：1）、一對(duì)多關(guān)系（i:n）和多對(duì)多關(guān)系（m:n）。本系統(tǒng)中主要的實(shí)體模型如下：（1）顧客實(shí)體顧客實(shí)體包含賬號(hào)、密碼、id信息、身份、地址屬性，顧客實(shí)體E-R圖如圖3-11所示。圖3-11顧客E-R圖（2）超市員工實(shí)體超市員工實(shí)體包含賬號(hào)、密碼、id信息、身份、工號(hào)、排班信息屬性，超市員工實(shí)體E-R圖如圖3-12所示。圖3-12超市員工E-R圖（3）超市老板實(shí)體顧客實(shí)體包含賬號(hào)、密碼、id信息、身份屬性。超市老板實(shí)體E-R圖如圖3-13所示。圖3-13超市老板E-R圖（4）購(gòu)物車實(shí)體購(gòu)物車實(shí)體包含商品編號(hào)、購(gòu)物車id、商品購(gòu)買數(shù)量、商品名稱、用戶id、商品圖片、商品單價(jià)屬性。購(gòu)物車實(shí)體E-R圖如圖3-14所示。圖3-14購(gòu)物車E-R圖（5）地址實(shí)體地址實(shí)體包含顧客姓名、詳細(xì)地址、地位信息屬性。地址實(shí)體E-R圖如圖3-15所示。圖3-15地址E-R圖（6）訂單實(shí)體訂單實(shí)體包含訂單號(hào)、訂單用戶編號(hào)、訂單類別、訂單商品內(nèi)容、商品編號(hào)、商品名、商品類目、訂單金額、訂單提交時(shí)間、訂單評(píng)價(jià)、商品購(gòu)買數(shù)量。訂單實(shí)體E-R圖如圖3-16所示。圖3-16訂單E-R圖（7）采購(gòu)訂單實(shí)體采購(gòu)訂單實(shí)體包含商品編號(hào)、訂單類別、商品名、訂單商品內(nèi)容、商品類目、訂單號(hào)、訂單提交時(shí)間、訂單總金額、商品購(gòu)買數(shù)量屬性。采購(gòu)訂單實(shí)體E-R圖如圖3-17所示。圖3-17采購(gòu)訂單E-R圖（8）公告實(shí)體公告實(shí)體包含有公告標(biāo)題、公告內(nèi)容以及公告id屬性。公告實(shí)體E-R圖如圖3-18所示。圖3-18公告E-R圖（9）預(yù)定商品實(shí)體公告實(shí)體包含內(nèi)容、品類、數(shù)量屬性。預(yù)定商品實(shí)體如圖3-19所示。圖3-19預(yù)定商品E-R圖（10）商品實(shí)體商品實(shí)體包含商品品名、id信息、預(yù)警線、關(guān)鍵詞、類別、價(jià)格、庫(kù)存數(shù)量、圖片、最小單元屬性。商品實(shí)體E-R圖如下圖3-20所示。圖3-20商品E-R圖3.4.2系統(tǒng)總體E-R圖一個(gè)顧客只能有一個(gè)購(gòu)物車實(shí)體，并允許顧客可以擁有多個(gè)地址實(shí)體，故顧客實(shí)體與購(gòu)物車實(shí)體存在1：n的關(guān)系，顧客實(shí)體與地址實(shí)體存在1：n的關(guān)系。顧客實(shí)體包含賬號(hào)、密碼、身份、地址、id信息屬性。購(gòu)物車實(shí)體包含商品編號(hào)、商品購(gòu)買數(shù)量、商品名稱、商品圖片、商品單價(jià)、購(gòu)物車id、用戶id屬性。地址實(shí)體包含顧客姓名、詳細(xì)地址、地位信息屬性。超市里可設(shè)有多個(gè)員工，員工可以管理多種商品實(shí)體以及處理多條采購(gòu)訂單實(shí)體，故員工實(shí)體與商品實(shí)體存在n:m的關(guān)系，員工實(shí)體與采購(gòu)訂單實(shí)體存在n:m的關(guān)系。其中超市員工實(shí)體包含賬號(hào)、密碼、id信息、工號(hào)、排班信息、身份屬性。商品實(shí)體包含商品品名、id信息、關(guān)鍵詞、類別、價(jià)格、庫(kù)存數(shù)量、圖片、最小單元、預(yù)警線屬性。采購(gòu)訂單實(shí)體包含訂單號(hào)、訂單商品內(nèi)容、商品編號(hào)、商品名、商品類目、訂單提交時(shí)間、商品購(gòu)買數(shù)量、訂單總金額、訂單類別屬性。超市里只有一個(gè)超市老板，超市老板可以管理多條公告信息實(shí)體以及處理多條預(yù)訂商品信息實(shí)體，故超市老板實(shí)體與公告實(shí)體存在1：n的關(guān)系，超市老板實(shí)體與預(yù)訂商品實(shí)體存在1：n的關(guān)系。其中超市老板實(shí)體包含賬號(hào)、密碼、身份、id信息屬性。公告實(shí)體包含公告id、公告內(nèi)容、公告標(biāo)題屬性。預(yù)定商品實(shí)體包含內(nèi)容、數(shù)量、品類屬性。因考慮到圖片查閱效果便不在總體E-R圖中展示各實(shí)體的屬性。由此繪制系統(tǒng)總體E-R圖如圖3-21所示。圖3-21系統(tǒng)整體E-R圖3.4.2數(shù)據(jù)庫(kù)邏輯結(jié)構(gòu)設(shè)計(jì)關(guān)于數(shù)據(jù)庫(kù)的設(shè)計(jì)中，邏輯結(jié)構(gòu)設(shè)計(jì)的任務(wù)就是把概念結(jié)構(gòu)設(shè)計(jì)中所要包含的信息轉(zhuǎn)化到計(jì)算機(jī)中，所以邏輯結(jié)構(gòu)在很大程度上決定了系統(tǒng)的好壞。下文是對(duì)數(shù)據(jù)庫(kù)中表的結(jié)構(gòu)以及作用作出進(jìn)一步描述。顧客信息表顧客信息表表名為user，該表主要用于存儲(chǔ)與管理顧客相關(guān)信息。該表的詳細(xì)說(shuō)明如表3-1所示。表3-1顧客信息表屬性名數(shù)據(jù)類型中文說(shuō)明idstring主鍵，用戶idaddressstring顧客地址usernamenumber用戶賬號(hào)passwordstring用戶密碼authstring用戶身份超市員工信息表超市員工信息表表名為user，該表主要用于存儲(chǔ)與管理超市員工相關(guān)信息。該表的詳細(xì)說(shuō)明如表3-2。表3-2超市員工信息表屬性名數(shù)據(jù)類型中文說(shuō)明idstring主鍵，用戶idusernamenumber用戶賬號(hào)passwordstring用戶密碼authstring用戶身份arrangestring用戶排班信息（僅員工）job-numberString工號(hào)超市老板信息表超市老板信息表表名為user，該表主要用于存儲(chǔ)與管理超市老板相關(guān)信息。該表的詳細(xì)說(shuō)明如表3-3。表3-3超市老板信息表屬性名數(shù)據(jù)類型中文說(shuō)明idstring主鍵，用戶idusernamenumber用戶賬號(hào)passwordstring用戶密碼authstring用戶身份商品信息表商品信息表表名為good，該表主要用于存儲(chǔ)與管理商品相關(guān)信息。該表的詳細(xì)說(shuō)明如表3-4。表3-4商品信息表屬性名數(shù)據(jù)類型中文說(shuō)明idstring主鍵，用戶idnamestring商品品名keywordsstring商品關(guān)鍵詞categorynumber商品類別pricenumber商品價(jià)格quantitynumber商品庫(kù)存數(shù)量Picturestring商品圖片unitstring商品最小單元minimumnumber商品預(yù)警線訂單信息表訂單信息表表名為order，該表主要用于存儲(chǔ)與管理商品相關(guān)信息。該表的詳細(xì)說(shuō)明如表3-5。表3-5訂單信息表屬性名數(shù)據(jù)類型中文說(shuō)明idstring訂單號(hào)openidstring訂單的用戶編號(hào)contentnumber訂單商品內(nèi)容good_idstring商品編號(hào)，對(duì)應(yīng)在商品表中—idnamestring商品名categorynumber商品類目quantitynumber商品購(gòu)買數(shù)量timedatestring訂單提交時(shí)間pricenumber訂單總金額購(gòu)物車信息表購(gòu)物車信息表表名為cart，該表主要用于存儲(chǔ)與管理購(gòu)物車相關(guān)信息。該表的詳細(xì)說(shuō)明如表3-6。表3-6購(gòu)物車信息表屬性名數(shù)據(jù)類型中文說(shuō)明idstring購(gòu)物車唯一標(biāo)識(shí)uidstring購(gòu)物車所屬用戶good_idstring商品編號(hào)quantitynumber商品購(gòu)買數(shù)量namestring商品名稱picturestring商品圖片pricenumber商品單價(jià)公告信息表公告信息表表名為notice，該表主要用于存儲(chǔ)與管理公告相關(guān)信息。該表的詳細(xì)說(shuō)明如表3-7。表3-7公告信息表屬性名數(shù)據(jù)類型中文說(shuō)明idstring記錄唯一索引contentstring公告內(nèi)容titlestring公告標(biāo)題預(yù)訂信息表預(yù)訂信息表表名為hope，該表主要用于存儲(chǔ)與管理預(yù)訂相關(guān)信息。該表的詳細(xì)說(shuō)明如表3-8。表3-8預(yù)訂信息表屬性名數(shù)據(jù)類型中文說(shuō)明idstring記錄唯一索引categorynumber預(yù)定商品類目Customer_idstring預(yù)訂者idCustomer_namestring預(yù)訂者姓名hopestring商品詳情描述3.5本章小結(jié)本章詳細(xì)介紹了系統(tǒng)的設(shè)計(jì)目標(biāo)以及技術(shù)架構(gòu)和系統(tǒng)的功能結(jié)構(gòu)設(shè)計(jì)。并通過(guò)系統(tǒng)的功能結(jié)構(gòu)設(shè)計(jì)、系統(tǒng)各個(gè)功能模塊的結(jié)果設(shè)計(jì)、系統(tǒng)中各實(shí)體的E-R圖以及系統(tǒng)的相關(guān)信息表。例如顧客信息表、超市員工信息表、超市老板信息表、商品信息表、訂單信息表、購(gòu)物車信息表、公告信息表、預(yù)訂信息表進(jìn)一步地闡述校園超市微信小程序的系統(tǒng)設(shè)計(jì)。4系統(tǒng)的實(shí)施4.1開(kāi)發(fā)工具的選擇 校園超市微信小程序是在微信開(kāi)發(fā)者工具平臺(tái)上開(kāi)發(fā)的小程序，微信開(kāi)發(fā)者工具是由微信官方提供給開(kāi)發(fā)人員進(jìn)行微信小程序開(kāi)發(fā)的并且免費(fèi)的工具，是當(dāng)前大多數(shù)小程序開(kāi)發(fā)人員首選的開(kāi)發(fā)平臺(tái)，開(kāi)發(fā)人員只需簡(jiǎn)單的注冊(cè)賬號(hào)便可在其個(gè)人電腦上進(jìn)行微信小程序的開(kāi)發(fā)與調(diào)試。非常適合于個(gè)人或小型團(tuán)隊(duì)的開(kāi)發(fā)研究。4.2數(shù)據(jù)庫(kù)的選擇數(shù)據(jù)庫(kù)為數(shù)據(jù)的存儲(chǔ)提供一種高效的、有組織的、有調(diào)理的數(shù)據(jù)存儲(chǔ)方式。在系統(tǒng)的開(kāi)發(fā)過(guò)程中為開(kāi)發(fā)人員高效、簡(jiǎn)捷地管理應(yīng)用程序數(shù)據(jù)。為此在整個(gè)系統(tǒng)的開(kāi)發(fā)過(guò)程中正確、合理的選擇一款數(shù)據(jù)庫(kù)便成為開(kāi)發(fā)人員需解決的關(guān)鍵問(wèn)題之一。校園超市微信小程序使用的是微信開(kāi)發(fā)者工具附帶的云數(shù)據(jù)庫(kù)。云數(shù)據(jù)庫(kù)的使用在整個(gè)開(kāi)發(fā)過(guò)程中發(fā)揮著開(kāi)源以及使用便捷的特點(diǎn)。為此校園超市微信小程序使用的是小程序云數(shù)據(jù)庫(kù)。4.3開(kāi)發(fā)語(yǔ)言的選擇校園超市微信小程序前端采用WXML、WXSS，后端主要采用java語(yǔ)言開(kāi)發(fā)。WXML語(yǔ)言的基本特點(diǎn)是具有XML語(yǔ)言的基本特性，語(yǔ)法描述上也很接近XML語(yǔ)言，遵循著SGML規(guī)范要求。WXML語(yǔ)言在信息交換、任務(wù)處理、效率方面上表現(xiàn)出其獨(dú)特優(yōu)勢(shì)，能夠滿足頁(yè)面之間的無(wú)縫切換。其包含著大量基本組件，這些組件具備微信特有的風(fēng)格樣式以及特殊的邏輯思維。WXSS含概著CSS的特性，在此基礎(chǔ)上有一些微信特有的樣式屬性，包括獨(dú)特的尺寸單位rpx、特殊的樣式導(dǎo)入方法、app.wxss可具備對(duì)全局定義的樣式、page中具備對(duì)于局部的定義樣式。JAVA編程語(yǔ)言是當(dāng)前應(yīng)用程序編程中不可或缺的一門(mén)語(yǔ)言，JAVA語(yǔ)言的特點(diǎn)包含有簡(jiǎn)單性、面向?qū)ο笮浴踩砸约捌脚_(tái)獨(dú)立性。4.4系統(tǒng)的實(shí)現(xiàn)4.4.1用戶登錄用戶登錄頁(yè)面如圖4-1所示，校園超市微信小程序分別設(shè)立了顧客、員工、老板三種不同用戶，當(dāng)正確的輸入相應(yīng)的賬號(hào)、密碼后將會(huì)成功登錄小程序；當(dāng)賬號(hào)與密碼輸入錯(cuò)誤時(shí)，小程序會(huì)提醒登錄者檢查賬號(hào)、密碼并重新登錄。圖4-1用戶登錄頁(yè)面用戶登陸部分核心代碼：title:'用戶名和密碼不可為空',this.setData({loading:true})//調(diào)用云函數(shù)login進(jìn)行登錄操作constrole=awaitwx.cloud.callFunction({name:'login',data:{username,password}}).finally(()=>{this.setData({loading:false})})//如果返回結(jié)果為null(用戶名密碼有錯(cuò)誤)if(!role.result){wx.showToast({title:'請(qǐng)檢查用戶名密碼并重新登錄',icon:'none'})}else{//登錄成功的邏輯/**存儲(chǔ)id，用戶名，身份編碼到本地存儲(chǔ)*/wx.setStorageSync('uid',role.result._id)wx.setStorageSync('uauth',role.result.auth)4.4.2購(gòu)物車管理購(gòu)物車管理頁(yè)面如圖4-2所示，用戶在登陸小程序后，點(diǎn)擊“我的”頁(yè)面進(jìn)入“我的購(gòu)物車管理”模塊，用戶可以根據(jù)需求對(duì)購(gòu)物車中所選的商品進(jìn)行結(jié)算或清空購(gòu)物車?yán)锏纳唐贰D4-2購(gòu)物車管理頁(yè)面用戶登陸部分核心代碼：<text>購(gòu)物車列表</text></view><viewslot="right-icon"><viewclass="clear-button"bindtap="clearCart"><van-iconname="close"></van-icon>清空<van-emptydescription="購(gòu)物車空空如也"/><viewclass="settle-bar"><viewclass="total-area">合計(jì)<textclass="red">￥{{price}}</text><textclass="gray">(共{{count}}件)</text></view><viewclass="settle-button"bindtap="goPay">結(jié)算</view>4.4.3地址管理地址管理流程如下，用戶在登陸之后，點(diǎn)擊“我的”頁(yè)面進(jìn)入“地址”模塊，用戶可以對(duì)自己的地址信息進(jìn)行修改操作。其中地址信息包括定位信息頁(yè)面如圖4-3所示與詳細(xì)地址信息如圖4-4所示圖4-3地址定位信息管理頁(yè)面1圖4-4地址詳細(xì)信息管理頁(yè)面2地址管理部分核心代碼：<viewclass="container"><viewclass="title">管理我的收貨地址</view><van-fieldlabel="定位地址"value="{{address}}"placeholder="系統(tǒng)定位的地址"disabled/><van-fieldlabel="詳細(xì)地址"model:value="{{detail}}"placeholder="如樓棟號(hào)、門(mén)牌號(hào)等"type="textarea"auto-size/><van-buttontype="primary"blockbind:click="getLocation"icon="location-o">獲取定位信息</van-button><van-buttontype="info"blockbind:click="confirmLocation">確認(rèn)</van-button></view>4.4.4顧客訂單管理顧客訂單管理頁(yè)面如圖4-5所示，用戶在登陸之后，點(diǎn)擊“我的”頁(yè)面進(jìn)入“我的訂單”模塊，用戶可以對(duì)自己的訂單信息進(jìn)行修改操作。其中訂單查詢、訂單刪除以及對(duì)訂單進(jìn)行評(píng)價(jià)信息。圖4-5顧客訂單管理頁(yè)面顧客訂單管理部分核心代碼：<viewclass="footer"><viewclass="total-price">總金額:<textclass="price">￥{{order.price}}</text><van-buttontype="info"plainsize="small"data-orderid="{{order._id}}"style="margin-right:12rpx;"bind:click="commentOrder">評(píng)價(jià)一下</van-button><van-buttontype="danger"plainsize="small"data-orderid="{{order._id}}"bind:click="deleteOrder">刪除</van-button><blockwx:else><van-emptydescription="訂單空空如也"/>4.4.5商品管理商品管理頁(yè)面如圖4-6所示，超市員工在登陸之后，點(diǎn)擊“我的”頁(yè)面進(jìn)入“商品管理”模塊，超市員工可以對(duì)商品的屬性進(jìn)行修改、添加以及刪除的操作。其中商品屬性包含商品的名稱、價(jià)格、預(yù)警線、單位、品類等信息。PAGEPAGE51圖4-6商品屬性管理頁(yè)面商品屬性管理部分核心代碼：<viewclass="good-content"><viewclass="content-item"><viewclass="content-label">商品名：</view><viewclass="content-value">{{}}<viewclass="content-item"><viewclass="content-label">價(jià)格：</view>4.4.6庫(kù)存管理庫(kù)存管理頁(yè)面如圖4-7所示，超市員工在登陸之后，點(diǎn)擊“我的”頁(yè)面進(jìn)入“庫(kù)存管理”模塊，超市員工可以對(duì)庫(kù)存進(jìn)行商品數(shù)量與預(yù)警線數(shù)量進(jìn)行查詢操作，并可在首頁(yè)進(jìn)行商品采購(gòu)信息。圖4-7庫(kù)存管理頁(yè)面庫(kù)存管理部分核心代碼：<viewclass="good-item"><viewclass="good-image"><imagesrc="{{item.picture}}"/><viewclass="good-meta"><viewclass="good-quantity">現(xiàn)庫(kù)存余量：{{item.quantity}}4.4.7員工管理員工管理頁(yè)面如圖4-8所示，超市老板在登陸之后，點(diǎn)擊“我的”頁(yè)面進(jìn)入“員工管理”模塊，超市老板可以對(duì)庫(kù)存進(jìn)行商品數(shù)量與預(yù)警線數(shù)量進(jìn)行查詢操作，并可在首頁(yè)進(jìn)行商品采購(gòu)信息。圖4-8員工管理頁(yè)面員工管理部分核心代碼：<van-buttonsize="large"icon="plus"type="info"bind:click="showAddPanel">新增員工</van-button><viewclass="overlay"wx:if="{{showAddPanel}}"><viewclass="add-panel"><viewclass="panel-head">--員工添加--<viewclass="panel-body"><van-fieldmodel:value="{{newStaffName}}"placeholder="在這里輸入"label="員工姓名"4.4.8公告管理公告管理頁(yè)面如圖4-9所示，超市老板在登陸之后，點(diǎn)擊“我的”頁(yè)面進(jìn)入“公告管理”模塊，超市老板可以對(duì)超市公告進(jìn)行公告查詢與編輯發(fā)布新的公告，其中公告管理包含公告標(biāo)題與公告內(nèi)容信息。圖4-9公告管理頁(yè)面公告管理部分核心代碼：placeholder="填入公告標(biāo)題"border="{{true}}"label="標(biāo)題"/><van-fieldmodel:value="{{noticeContent}}"placeholder="填入公告內(nèi)容"border="{{true}}"label="內(nèi)容"autosizetype="textarea"/><viewclass="handle-area"><van-buttontype="info"bind:click="updateNotice">更新公告</van-button>4.4.9顧客預(yù)訂管理顧客預(yù)訂管理模塊頁(yè)面如圖4-10所示，超市老板在登陸之后，點(diǎn)擊“我的”頁(yè)面進(jìn)入“顧客預(yù)訂管理”模塊，超市老板可以對(duì)超市中的顧客預(yù)訂商品信息進(jìn)行查詢管理，其中顧客提交的商品預(yù)訂包含商品的具體屬性以及商品的品類信息。圖4-10顧客預(yù)訂管理頁(yè)面顧客預(yù)訂管理部分核心代碼：<viewclass="hope-card"><viewclass="header"><viewclass="avatar"><imagesrc="../../assets/default_avatar_customer.svg"/></view><textclass="customer-name">{{hope.customer_name}}</text>說(shuō)TA想要：</view>4.5本章小結(jié)本章主要講述的是系統(tǒng)的實(shí)施成果。通過(guò)校園超市微信小程序的開(kāi)發(fā)工具、數(shù)據(jù)庫(kù)、開(kāi)發(fā)語(yǔ)言以及小程序的部分功能實(shí)現(xiàn)界面及部分核心代碼對(duì)小程序的開(kāi)發(fā)進(jìn)行進(jìn)一步的論述。5系統(tǒng)測(cè)試5.1測(cè)試環(huán)境設(shè)置項(xiàng)目測(cè)試環(huán)境，在PC機(jī)上，選擇操作系統(tǒng)，Windows7或以上可以運(yùn)行超過(guò)建議的內(nèi)存或內(nèi)存4GB的硬盤(pán)存儲(chǔ)空間至少500的Tomcat服務(wù)器版8.5MB，使用MySQL5.1數(shù)據(jù)庫(kù)環(huán)境，軟件和硬件的測(cè)試環(huán)境，如上所述。5.2功能模塊測(cè)試按照商業(yè)化的小程序規(guī)模來(lái)看，一個(gè)小程序的正式投入上線之前需要經(jīng)過(guò)黑盒測(cè)試以及白盒測(cè)試、壓力測(cè)試。專業(yè)的測(cè)試需要的專業(yè)化程度以及專業(yè)化人員操作完成。然而校園超市微信小程序是一款畢業(yè)設(shè)計(jì)項(xiàng)目，因此在小程序的測(cè)試方面上并沒(méi)有達(dá)到專業(yè)測(cè)試的標(biāo)準(zhǔn)水平。本次小程序只做了一個(gè)功能模塊測(cè)試。在小程序開(kāi)發(fā)設(shè)計(jì)完工期間，將會(huì)展開(kāi)對(duì)功能模塊的測(cè)試工作。其中包含登錄模塊、商品檢索模塊、員工管