目錄PAGEIV基于Springboot的大學(xué)生團(tuán)購(gòu)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)目錄TOC\o"1-2"\h\z\u摘要 IIAbstract III1緒論 11.1研究背景 11.2研究現(xiàn)狀 11.3研究?jī)?nèi)容 21.4論文結(jié)構(gòu) 22系統(tǒng)分析 42.1業(yè)務(wù)分析 42.2需求分析 52.3可行性分析 82.4本章小結(jié) 93系統(tǒng)總體設(shè)計(jì) 103.1系統(tǒng)架構(gòu)設(shè)計(jì) 103.2功能模塊設(shè)計(jì) 103.3數(shù)據(jù)庫(kù)設(shè)計(jì) 123.4本章小結(jié) 154系統(tǒng)詳細(xì)設(shè)計(jì) 164.1對(duì)象設(shè)計(jì) 164.2交互設(shè)計(jì) 164.3功能模塊詳細(xì)設(shè)計(jì) 204.5本章小結(jié) 255系統(tǒng)實(shí)現(xiàn) 265.1功能實(shí)現(xiàn) 265.2本章小結(jié) 506系統(tǒng)測(cè)試 516.1測(cè)試計(jì)劃 516.2測(cè)試與結(jié)果分析 516.3小結(jié) 537結(jié)束語(yǔ) 54參考文獻(xiàn) 55附錄 57致謝 58摘要基于Springboot的大學(xué)生團(tuán)購(gòu)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)摘要本文介紹了一個(gè)基于Springboot的大學(xué)生團(tuán)購(gòu)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)。該系統(tǒng)旨在為大學(xué)生提供一個(gè)便捷、高效、優(yōu)惠的團(tuán)購(gòu)平臺(tái)，以滿足大學(xué)生們對(duì)日常生活用品的需求。首先，本文詳細(xì)闡述了該系統(tǒng)的需求分析、功能設(shè)計(jì)和技術(shù)架構(gòu)。系統(tǒng)的需求分析包括用戶需求和功能需求兩個(gè)方面，其中用戶需求主要涵蓋用戶注冊(cè)、登錄、發(fā)布、購(gòu)買等功能，功能需求包括商品管理、訂單管理、支付管理等。在功能設(shè)計(jì)方面，本文采用了模塊化設(shè)計(jì)，將系統(tǒng)劃分為用戶模塊、商品模塊、訂單模塊、支付模塊和后臺(tái)管理模塊。技術(shù)架構(gòu)方面，本文采用了Springboot、Mybatis、MySQL等技術(shù)，實(shí)現(xiàn)了系統(tǒng)的快速開(kāi)發(fā)和高效運(yùn)行。其次，本文介紹了系統(tǒng)的實(shí)現(xiàn)過(guò)程。具體包括系統(tǒng)的數(shù)據(jù)庫(kù)設(shè)計(jì)、前后端交互設(shè)計(jì)、接口設(shè)計(jì)和頁(yè)面設(shè)計(jì)等。在數(shù)據(jù)庫(kù)設(shè)計(jì)方面，本文采用了關(guān)系型數(shù)據(jù)庫(kù)MySQL，并設(shè)計(jì)了相應(yīng)的數(shù)據(jù)庫(kù)表。在接口設(shè)計(jì)方面，本文設(shè)計(jì)了用戶接口、商品接口、訂單接口、支付接口等，實(shí)現(xiàn)了系統(tǒng)的各種功能。在頁(yè)面設(shè)計(jì)方面，本文前端采用了微信官方提供WEUI樣式庫(kù)，后臺(tái)前端采用了Vue技術(shù)，實(shí)現(xiàn)了系統(tǒng)的美觀、簡(jiǎn)潔的用戶界面。最后，本文介紹了系統(tǒng)的測(cè)試和上線部署。測(cè)試方面，本文采用了單元測(cè)試、集成測(cè)試和系統(tǒng)測(cè)試等多種測(cè)試方法，確保系統(tǒng)的穩(wěn)定性和可靠性實(shí)現(xiàn)了系統(tǒng)的快速上線和運(yùn)行。綜上所述，本文設(shè)計(jì)和實(shí)現(xiàn)了一個(gè)基于Springboot的大學(xué)生團(tuán)購(gòu)系統(tǒng)，該系統(tǒng)具有高效、便捷、優(yōu)惠等特點(diǎn)，能夠滿足大學(xué)生們的日常生活用品需求，具有一定的實(shí)用性和推廣價(jià)值。關(guān)鍵詞：Springboot；社區(qū)團(tuán)購(gòu)；計(jì)算機(jī)技術(shù)；小程序；AbstractDesignandimplementationofSpringbootbasedgroupbuyingsystemforcollegestudentsAbstractThisarticleintroducesthedesignandimplementationofagroupbuyingsystemforcollegestudentsbasedonSpringboot.Thesystemaimstoprovidecollegestudentswithaconvenient,efficientandpreferentialgroupbuyingplatformtomeettheneedsofcollegestudentsfordailynecessities.First,therequirementsanalysis,functionaldesign,andtechnicalarchitectureofthesystemareelaborated.Thedemandanalysisofthesystemincludestwoaspects:userdemandandfunctionalrequirements,ofwhichuserrequirementsmainlycoveruserregistration,login,release,purchaseandotherfunctions,andfunctionalrequirementsincludecommoditymanagement,ordermanagement,paymentmanagement,etc.Intermsoffunctionaldesign,thispaperadoptsamodulardesignanddividesthesystemintousermodule,commoditymodule,ordermodule,paymentmoduleandbackgroundmanagementmodule.Intermsoftechnicalarchitecture,thispaperadoptsSpringboot,Mybatis,MySQLandothertechnologiestoachieverapiddevelopmentandefficientoperationofthesystem.Second,thisarticledescribestheimplementationprocessofthesystem.Specifically,itincludesthesystem'sdatabasedesign,front-endandback-endinteractiondesign,interfacedesignandpagedesign.Intermsofdatabasedesign,thispaperadoptstherelationaldatabaseMySQLanddesignsthecorrespondingdatabasetables.Intermsofinterfacedesign,thispaperdesignsuserinterface,commodityinterface,orderinterface,paymentinterface,etc.,torealizevariousfunctionsofthesystem.Intermsofpagedesign,thefront-endofthisarticleadoptstheWeChatofficialWEUIstylelibrary,andtheback-endadoptsVuetechnologytoachieveabeautifulandconciseuserinterfaceofthesystem.Finally,thisarticledescribesthetestingandgo-livedeploymentofthesystem.Intermsoftesting,thispaperadoptsavarietyoftestmethodssuchasunittesting,integrationtestingandsystemtestingtoensurethestabilityandreliabilityofthesystemandrealizetherapidlaunchandoperationofthesystem.Insummary,thispaperdesignsandimplementsagroupbuyingsystemforcollegestudentsbasedonSpringboot,whichhasthecharacteristicsofefficiency,convenienceanddiscount,whichcanmeettheneedsofcollegestudents'dailynecessitiesandhascertainpracticalityandpromotionvalue.Keywords:Springboot;communitygroupbuying;Computer;MiniPrograms;第1章緒論P(yáng)AGE261緒論1.1研究背景網(wǎng)購(gòu)已經(jīng)成為大學(xué)生購(gòu)物消費(fèi)的主要途徑之一，因此有必要針對(duì)校園消費(fèi)群體設(shè)計(jì)出一個(gè)電商平臺(tái)[1]。隨著科學(xué)技術(shù)的飛速發(fā)展，社會(huì)的方方面面、各行各業(yè)都在努力與現(xiàn)代的先進(jìn)技術(shù)接軌，通過(guò)科技手段來(lái)提高自身的優(yōu)勢(shì)，團(tuán)購(gòu)商城當(dāng)然也不能排除在外。團(tuán)購(gòu)商城是以實(shí)際運(yùn)用為開(kāi)發(fā)背景，主要面向大學(xué)生群體,運(yùn)用軟件工程原理和開(kāi)發(fā)方法，采用Springboot框架構(gòu)建的一個(gè)管理系統(tǒng)。學(xué)生群體作為時(shí)下互聯(lián)網(wǎng)消費(fèi)的主力軍是社區(qū)團(tuán)購(gòu)發(fā)展過(guò)程中絕不可忽視的市場(chǎng)之一，所以校園成為了零售市場(chǎng)一片待開(kāi)發(fā)的藍(lán)海[2]。它可以通過(guò)向商家提供較大的訂單量來(lái)獲得較低的商品價(jià)格，從而為大學(xué)生提供優(yōu)惠。1.2研究現(xiàn)狀根據(jù)相關(guān)研究顯示，社區(qū)團(tuán)購(gòu)模式出現(xiàn)在2016年。隨著信息技術(shù)和互聯(lián)網(wǎng)技術(shù)的飛速發(fā)展，電商行業(yè)迅速崛起，人們的消費(fèi)觀念發(fā)生了變化，對(duì)于購(gòu)物的便捷性、高效性以及產(chǎn)品的質(zhì)量都有了更高的要求。在此背景下，社區(qū)團(tuán)購(gòu)模式進(jìn)入人們的視野并迅速發(fā)展。在社區(qū)團(tuán)購(gòu)的起步階段，是“團(tuán)長(zhǎng)”在社區(qū)QQ群或者微信群等社交平臺(tái)上，對(duì)銷售的產(chǎn)品進(jìn)行展示，然后再由群成員進(jìn)行購(gòu)買。比如，水果店店主組建微信群聊，并在微信群中發(fā)布所銷售的各類商品，讓有需求的成員在群里進(jìn)行接龍，通過(guò)這種方式開(kāi)展社區(qū)拼團(tuán)活動(dòng)。當(dāng)接龍數(shù)量達(dá)到了拼貨量要求后，就可以向供應(yīng)商訂貨；如果沒(méi)有達(dá)到拼貨量則將所有款項(xiàng)原路退回[3]。2020年，受新冠肺炎疫情的影響，人們開(kāi)始減少外出，其消費(fèi)觀念和行為也發(fā)生了變化，社區(qū)團(tuán)購(gòu)進(jìn)入了爆發(fā)期，越來(lái)越多的人開(kāi)始嘗試通過(guò)社區(qū)團(tuán)購(gòu)購(gòu)買農(nóng)產(chǎn)品。近三年來(lái)，消費(fèi)者的線上消費(fèi)黏性有明顯增強(qiáng)的趨勢(shì)[4]。在社區(qū)電商平臺(tái)購(gòu)物已經(jīng)成為居民的主要消費(fèi)方式，服務(wù)在線化的方式也給人們提供了極大的便利。這種線下服務(wù)線上化的模式，優(yōu)化了消費(fèi)者的消費(fèi)體驗(yàn)，使更多的人開(kāi)始采用這種新型消費(fèi)手段。在互聯(lián)網(wǎng)和大數(shù)據(jù)的背景下，社區(qū)電商的線上下單、線下自提方式，深受人們的喜愛(ài)，擴(kuò)展了消費(fèi)群體，增加了消費(fèi)需求。因此，社區(qū)電商的核心競(jìng)爭(zhēng)力可以從消費(fèi)者的需求進(jìn)行研究，其中，消費(fèi)者更偏向于商品性價(jià)比、平臺(tái)便利性、體驗(yàn)感和商品豐富度等方面[5]?，F(xiàn)有的這些社區(qū)團(tuán)購(gòu)功能雖有一定特色，但也有許許多多的問(wèn)題，如：結(jié)構(gòu)類似，同質(zhì)化嚴(yán)重；界面過(guò)于復(fù)雜，用戶學(xué)習(xí)成本高，不利于傳播；軟件數(shù)量多，能用的不多，市面上的產(chǎn)品都差不多等等。社區(qū)團(tuán)購(gòu)利用校園的優(yōu)勢(shì)，不斷方便大學(xué)生的校園生活，大學(xué)校園能夠成為社區(qū)團(tuán)購(gòu)的主要場(chǎng)所，其實(shí)是有很多原因的，首先大學(xué)生做為消費(fèi)潛力比較大的消費(fèi)者，可以迅速增加訂單量，同時(shí)在配送場(chǎng)所方面，大學(xué)校園內(nèi)的宿舍地點(diǎn)都比較集中，這樣配送起來(lái)十分方便，減少了配送的成本，所以說(shuō)社區(qū)團(tuán)購(gòu)目前在大學(xué)校園內(nèi)可以快速的占領(lǐng)市場(chǎng)，得到學(xué)生的支持[6]。1.3研究?jī)?nèi)容本系統(tǒng)基于Springboot框架的大學(xué)生團(tuán)購(gòu)系統(tǒng)，旨在服務(wù)疫情封校背景下，大學(xué)生便宜實(shí)惠購(gòu)買商品。該平臺(tái)基于B/S架構(gòu)，前端開(kāi)發(fā)使用微信小程序，后端使用SSM框架整合Springboot搭建項(xiàng)目，利用MySQL數(shù)據(jù)庫(kù)進(jìn)行數(shù)據(jù)存儲(chǔ)操作，使用Redis處理緩存。SpringBoot技術(shù)的特點(diǎn)有以下幾點(diǎn):可以類似點(diǎn)菜一樣地選配、組裝、生成一個(gè)獨(dú)立的開(kāi)發(fā)初始項(xiàng)目;在內(nèi)部?jī)?nèi)置了Tomcat服務(wù)器和Jetty服務(wù)器,直接把項(xiàng)目打成jar包,這應(yīng)該是為Docker特意設(shè)計(jì)的[7,8];使用叫做starterPOMs的配置方式使Maven配置大幅度簡(jiǎn)化[9];Springboot還為大中型項(xiàng)目提供了經(jīng)常用到的非業(yè)務(wù)功能型的特點(diǎn)。比如:健康狀態(tài)檢測(cè),外部配置、指標(biāo)、安全等[10]。在構(gòu)建大學(xué)生團(tuán)購(gòu)系統(tǒng)時(shí)，可以使用Springboot集成各種中間件，如數(shù)據(jù)庫(kù)、緩存、消息隊(duì)列、安全等，幫助開(kāi)發(fā)人員快速構(gòu)建應(yīng)用程序[11]。此外，SpringBoot還支持微服務(wù)架構(gòu)，可以幫助開(kāi)發(fā)人員構(gòu)建可伸縮、高可用的大學(xué)生團(tuán)購(gòu)系統(tǒng)。可以充分利用Springboot的輕量級(jí)特性，簡(jiǎn)化開(kāi)發(fā)流程，快速構(gòu)建高效的應(yīng)用程序[10,11]。Springboot提供了大量的自動(dòng)配置和開(kāi)箱即用的功能，可以幫助開(kāi)發(fā)人員快速搭建應(yīng)用程序框架，節(jié)省開(kāi)發(fā)時(shí)間。功能部分：1.用戶模塊：用戶登錄注冊(cè)，后臺(tái)支持用戶信息的增刪改查，用戶頭像上傳；為用戶智能推薦產(chǎn)品及團(tuán)購(gòu)信息；2.團(tuán)長(zhǎng)模塊：商家登錄注冊(cè)，后臺(tái)支持商家信息的增刪改查，商家頭像上傳，商家可以發(fā)起團(tuán)購(gòu)商品、商品描述以及團(tuán)購(gòu)結(jié)束時(shí)間；3.商品模塊：商品的增刪改查，商品包含團(tuán)購(gòu)起始時(shí)間，商品配送時(shí)間和地址，商品購(gòu)買；4.用戶訂單模塊：可以查看訂單狀態(tài)，根據(jù)用戶需求選擇對(duì)應(yīng)的訂單；5.商家訂單模塊：查看每個(gè)商品的團(tuán)購(gòu)數(shù)量及核銷情況；6.購(gòu)物車模塊：用戶點(diǎn)擊購(gòu)物車，即可查看購(gòu)物車內(nèi)商品，可以對(duì)商品進(jìn)行刪除，商品數(shù)量進(jìn)行增加或減少。7.管理員后臺(tái)管理（1）管理員的登錄模塊，只能使用給定的管理員賬號(hào)進(jìn)行登錄（2）發(fā)布廣告，以及增刪改查團(tuán)長(zhǎng)、優(yōu)惠券、商品和商品分類。（3）可以查看用戶和數(shù)據(jù)的統(tǒng)計(jì)分析。1.4論文結(jié)構(gòu)本文論文結(jié)構(gòu)安排如下：第一章為導(dǎo)言，這一章介紹了當(dāng)前網(wǎng)絡(luò)購(gòu)物的現(xiàn)狀，以及如何運(yùn)用計(jì)算機(jī)技術(shù)來(lái)實(shí)現(xiàn)網(wǎng)絡(luò)購(gòu)物，并對(duì)網(wǎng)絡(luò)購(gòu)物的國(guó)際和國(guó)內(nèi)網(wǎng)絡(luò)購(gòu)物的發(fā)展作了詳細(xì)的分析。最后，對(duì)論文的主要內(nèi)容和框架進(jìn)行了說(shuō)明。第二章是系統(tǒng)的分析，這一章是對(duì)企業(yè)的業(yè)務(wù)分析，對(duì)企業(yè)的功能需求分析，對(duì)企業(yè)的可行性進(jìn)行了分析。對(duì)各子系統(tǒng)的功能進(jìn)行了詳細(xì)的分析，并對(duì)各子系統(tǒng)進(jìn)行了詳細(xì)的功能分析。在此基礎(chǔ)上，提出了一種面向?qū)ο蟮能浖O(shè)計(jì)方法。第三部分為可行性分析，主要從技術(shù)上、經(jīng)濟(jì)上、運(yùn)行上進(jìn)行了可行性分析。第三章是系統(tǒng)的整體設(shè)計(jì)，在這一章中，第一章是以系統(tǒng)的整體架構(gòu)圖來(lái)對(duì)本系統(tǒng)的整體架構(gòu)進(jìn)行了介紹，接著就是功能模塊的設(shè)計(jì)，將其分成了兩個(gè)部分，一個(gè)是用戶，另一個(gè)是管理員，最后畫出了系統(tǒng)的功能模塊圖，最后就是數(shù)據(jù)庫(kù)的設(shè)計(jì)，這個(gè)部分又被分成了概念設(shè)計(jì)和邏輯設(shè)計(jì)兩部分。第四章是對(duì)系統(tǒng)進(jìn)行了具體的設(shè)計(jì)，這一章首先利用實(shí)體類圖來(lái)引出了在系統(tǒng)中所要用到的類，之后對(duì)這些類之間的關(guān)系和相互作用進(jìn)行了分析，之后再利用流程圖來(lái)對(duì)每個(gè)功能模塊進(jìn)行了設(shè)計(jì)。第五章是系統(tǒng)的實(shí)現(xiàn)，在前面四章的基礎(chǔ)上，對(duì)大學(xué)生團(tuán)購(gòu)系統(tǒng)進(jìn)行了詳細(xì)的分析與研究，并使用Java代碼來(lái)實(shí)現(xiàn)。在這一章中，將會(huì)給出相關(guān)的核心代碼，以及運(yùn)行界面。第六章是對(duì)系統(tǒng)的測(cè)試，這一章首先設(shè)計(jì)了一個(gè)具體而有效的測(cè)試方案，其中包括了功能測(cè)試和非功能測(cè)試，并且將測(cè)試的結(jié)果進(jìn)行了記錄和分析，并對(duì)其中存在的問(wèn)題做了進(jìn)一步的改進(jìn)。第七章是結(jié)束語(yǔ)，這一章是對(duì)整個(gè)大學(xué)生團(tuán)購(gòu)系統(tǒng)的開(kāi)發(fā)過(guò)程做了一個(gè)小結(jié)和思考，并將自己在這個(gè)過(guò)程中所學(xué)到的東西以及在這個(gè)過(guò)程中遇到的困難是怎樣克服的，做了一個(gè)詳盡的說(shuō)明。第2章系統(tǒng)分析2系統(tǒng)分析在這一章中，本文重點(diǎn)對(duì)系統(tǒng)的業(yè)務(wù)、功能需求和可行性進(jìn)行了分析。對(duì)各子系統(tǒng)的功能進(jìn)行了詳細(xì)的分析，并對(duì)各子系統(tǒng)進(jìn)行了詳細(xì)的功能分析。而非功能需求分析分為安全性分析、可擴(kuò)展性分析、可靠性分析、數(shù)據(jù)完整性分析。最后是可行性分析，包括技術(shù)可行性分析，經(jīng)濟(jì)可行性和操作可行性分析。2.1業(yè)務(wù)分析本系統(tǒng)擁有用戶和系統(tǒng)管理員兩個(gè)個(gè)角色，系統(tǒng)初始管理員是在代碼中創(chuàng)建的，后續(xù)管理員由初始管理員在管理員界面添加；而一般用戶則可以通過(guò)小程序的注冊(cè)界面來(lái)注冊(cè)，或者通過(guò)管理員的管理界面來(lái)添加。注冊(cè)成功后，就可以登錄大學(xué)生團(tuán)購(gòu)系統(tǒng)使用本系統(tǒng)。用戶：用戶可以查看商品具體信息，包括首頁(yè)，廣告信息，優(yōu)惠券信息，成為團(tuán)長(zhǎng)，個(gè)人信息，我的訂單，商品分類，購(gòu)物車，我的收藏。用戶用例圖如圖2.1所示。圖2.1用戶用例圖管理員：管理員登錄后功能有統(tǒng)計(jì)分析，用戶管理，廣告管理，分類管理，商品管理，訂單管理，團(tuán)長(zhǎng)管理，優(yōu)惠券管理，管理員管理。管理員用例圖如圖2.2所示。圖2.2管理員用例圖2.2需求分析需求分析包括功能需求分析以及可行性分析。功能分析主要包括了從用戶和管理員角度劃分的子系統(tǒng)的功能分析。而非功能需求分析分為安全性分析、可擴(kuò)展性分析、可靠性分析、數(shù)據(jù)完整性分析。最后是可行性分析，包括技術(shù)可行性分析，經(jīng)濟(jì)可行性分析和操作可行性分析。2.2.1功能需求分析本系統(tǒng)的用戶主要有兩種角色，分別是用戶和管理員，不同角色的用例分析見(jiàn)下：用戶子模塊包括登陸注冊(cè)模塊，個(gè)人中心模塊，訂單模塊，購(gòu)物車模塊，商品模塊，商品搜索模塊，廣告模塊，收藏模塊，優(yōu)惠券模塊。1.登陸注冊(cè)模塊：用戶點(diǎn)擊登錄或者注冊(cè)，即可進(jìn)入登陸或注冊(cè)界面完成登陸或注冊(cè)。2.個(gè)人中心模塊：用戶點(diǎn)擊我的，即可選擇我的賬戶、我的收藏、我的訂單、成為團(tuán)長(zhǎng)或退出。3.訂單模塊：用戶點(diǎn)擊我的訂單，即可查看訂單狀態(tài)，訂單時(shí)間，訂單內(nèi)容等信息。4.購(gòu)物車模塊：用戶點(diǎn)擊購(gòu)物車，即可查看購(gòu)物車內(nèi)商品，可以對(duì)商品進(jìn)行刪除，商品數(shù)量進(jìn)行增加或減少。5.商品模塊：用戶點(diǎn)擊商品，即可查看到當(dāng)前商品的具體信息，如庫(kù)存等信息。6.商品搜索模塊：用戶點(diǎn)擊搜索輸入框，即可輸入關(guān)鍵詞，點(diǎn)擊搜索即可搜索相關(guān)商品。7.廣告模塊：用戶點(diǎn)擊主頁(yè)廣告，即可查看廣告具體內(nèi)容。8.收藏模塊：用戶點(diǎn)擊任意商品的收藏，即可將商品收藏。點(diǎn)擊我的收藏，即可查看收藏商品。9.優(yōu)惠券模塊：用戶點(diǎn)擊我的優(yōu)惠券，即可查看當(dāng)前擁有的優(yōu)惠券用戶詳細(xì)用例圖如圖2.3所示。圖2.3用戶詳細(xì)用例圖管理員子模塊：包括用戶信息管理模塊，廣告管理模塊，管理員信息模塊，團(tuán)長(zhǎng)信息管理模塊，商品分類管理模塊，商品管理模塊，統(tǒng)計(jì)分析模塊，訂單管理模塊，優(yōu)惠券管理模塊。1.廣告管理模塊：管理員點(diǎn)擊廣告管理按鈕，即可進(jìn)入廣告管理界面。2.統(tǒng)計(jì)分析模塊：管理員點(diǎn)擊統(tǒng)計(jì)按鈕，即可進(jìn)入統(tǒng)計(jì)分析界面。3.管理員信息模塊：管理員點(diǎn)擊管理員管理按鈕，即可進(jìn)入管理員信息管理界面。4.團(tuán)長(zhǎng)管理模塊：管理員點(diǎn)擊團(tuán)長(zhǎng)管理按鈕，即可進(jìn)入團(tuán)長(zhǎng)管理界面。5.商品分類管理模塊：管理員點(diǎn)擊分類管理，即可進(jìn)入商品分類管理界面。6.訂單管理模塊：管理員點(diǎn)擊訂單管理，即可進(jìn)入訂單管理界面。7.用戶信息管理模塊：管理員點(diǎn)擊用戶管理按鈕，即可進(jìn)入用戶信息管理界面。8.商品信息管理模塊：管理員點(diǎn)擊商品管理，即可進(jìn)入商品管理界面。9.優(yōu)惠券管理模塊：管理員點(diǎn)擊優(yōu)惠券管理，即可進(jìn)入優(yōu)惠券管理界面。管理員詳細(xì)用例圖如圖2.4所示。圖2.4管理員詳細(xì)用例圖2.2.2非功能需求分析本節(jié)主要是對(duì)系統(tǒng)非功能方面進(jìn)行分析，非功能需求分析分為安全性分析、可擴(kuò)展性分析、可靠性分析、數(shù)據(jù)完整性分析。（1）安全性：確保了系統(tǒng)的安全性和穩(wěn)定性，防止了數(shù)據(jù)的泄漏。要想管理好大學(xué)生團(tuán)購(gòu)系統(tǒng)，必須先憑用戶名和密碼在系統(tǒng)中登陸，未經(jīng)授權(quán)的用戶不能以任何形式登錄系統(tǒng)，也不能查看系統(tǒng)的任何信息和數(shù)據(jù)。此外，該系統(tǒng)還滿足了不同權(quán)限用戶的功能需求，在用戶登錄后，不能越級(jí)進(jìn)行操作。（2）可擴(kuò)展性：在開(kāi)發(fā)大學(xué)生團(tuán)購(gòu)系統(tǒng)的過(guò)程中，我們除了要考慮到整個(gè)系統(tǒng)的功能性之外，還要考慮到系統(tǒng)的可擴(kuò)展性，以便將來(lái)系統(tǒng)能夠升級(jí)、更新。（3）可靠性：在此基礎(chǔ)上，本文提出了一種基于軟件和硬件的最優(yōu)選擇的方案，從而確保了該系統(tǒng)的可靠性和容錯(cuò)能力。（4）數(shù)據(jù)完整性：所有的日志信息都要完整，日志的內(nèi)容不能為空白。保持各項(xiàng)數(shù)據(jù)之間的正常連接。同一資料在不同的紀(jì)錄中應(yīng)保持一致。2.3可行性分析本節(jié)從技術(shù)上、經(jīng)濟(jì)上和操作上的可行性對(duì)該系統(tǒng)進(jìn)行了綜合的分析，從而系統(tǒng)的保證了大學(xué)生團(tuán)購(gòu)系統(tǒng)的可行性。2.3.1技術(shù)可行性本系統(tǒng)可運(yùn)用SpringBoot框架，結(jié)構(gòu)清晰明了，網(wǎng)頁(yè)采用的是JSP進(jìn)行開(kāi)發(fā)，相比Html更適合，前端使用微信小程序開(kāi)發(fā)。系統(tǒng)使用Java語(yǔ)言編寫，JAVA語(yǔ)言有著龐大的用戶以及學(xué)習(xí)群體。數(shù)據(jù)庫(kù)采用MySQL。這些都是比較基礎(chǔ)，使用較為廣泛的技術(shù)，因此具有技術(shù)可行性。2.3.2經(jīng)濟(jì)可行性大學(xué)生是一個(gè)龐大的消費(fèi)群體，他們?cè)谏钪行枰?gòu)買各種商品，如食品、日用品、電子產(chǎn)品等。團(tuán)購(gòu)是一種非常流行的購(gòu)物方式，可以讓消費(fèi)者享受到更低的價(jià)格和更好的服務(wù)。因此，一個(gè)面向大學(xué)生的團(tuán)購(gòu)平臺(tái)具有很大的市場(chǎng)潛力。團(tuán)購(gòu)平臺(tái)通過(guò)收取一定的服務(wù)費(fèi)用和傭金來(lái)獲取利潤(rùn)。在市場(chǎng)需求和競(jìng)爭(zhēng)情況分析的基礎(chǔ)上，可以初步估算出平臺(tái)的收入和成本，并計(jì)算出平臺(tái)的盈利能力和經(jīng)濟(jì)可行性。2.3.3操作可行性當(dāng)下Windows操作系統(tǒng)普及的情況下，在操作上對(duì)開(kāi)發(fā)人員的要求不高，java也易于上手。綜合以上分析，基于Springboot的大學(xué)生團(tuán)購(gòu)系統(tǒng)具有很高的技術(shù)可行性、操作可行和經(jīng)濟(jì)可行性。因此，該項(xiàng)目是可行的，并且具有很大的發(fā)展?jié)摿Α?.4本章小結(jié)在這一章中，我們將從兩個(gè)方面來(lái)對(duì)該系統(tǒng)的功能進(jìn)行了分析，并對(duì)其功能進(jìn)行了劃分。之后，從大學(xué)生團(tuán)購(gòu)系統(tǒng)的功能性需求和非功能性需求兩個(gè)角度展開(kāi)需求分析，將本系統(tǒng)的需求清晰地列出出來(lái)。最后，通過(guò)可行性分析，對(duì)本系統(tǒng)的開(kāi)發(fā)前期準(zhǔn)備進(jìn)行進(jìn)一步完善。第3章系統(tǒng)總體設(shè)計(jì)3系統(tǒng)總體設(shè)計(jì)在這一章中，主要介紹了該系統(tǒng)的體系結(jié)構(gòu)、功能模塊和數(shù)據(jù)庫(kù)的設(shè)計(jì)。首先通過(guò)系統(tǒng)總體架構(gòu)圖介紹了本系統(tǒng)的總體架構(gòu)，然后是功能模塊設(shè)計(jì)，這分為了普通用戶模塊和管理員模塊，最后畫出系統(tǒng)功能模塊圖，最后是數(shù)據(jù)庫(kù)設(shè)計(jì)，這塊分為概念設(shè)計(jì)和邏輯設(shè)計(jì)。3.1系統(tǒng)架構(gòu)設(shè)計(jì)本系統(tǒng)使用的是B/S架構(gòu)，也就是瀏覽器/服務(wù)器模式（Brower/Server)，利用瀏覽器和服務(wù)器之間的交互，瀏覽器對(duì)數(shù)據(jù)進(jìn)行封裝后將數(shù)據(jù)帶給服務(wù)器，服務(wù)器對(duì)瀏覽器帶來(lái)的數(shù)據(jù)進(jìn)行邏輯處理，包括數(shù)據(jù)庫(kù)數(shù)據(jù)的訪問(wèn)等等，將數(shù)據(jù)響應(yīng)給服務(wù)器，通過(guò)視圖渲染呈現(xiàn)數(shù)據(jù)在瀏覽器上[12]。具體系統(tǒng)架構(gòu)圖如圖3.1所示。圖3.1系統(tǒng)架構(gòu)圖3.2功能模塊設(shè)計(jì)本系統(tǒng)主要實(shí)現(xiàn)了管理員和用戶兩個(gè)用戶角色的功能。用戶子模塊包括登陸注冊(cè)模塊，個(gè)人中心模塊，訂單模塊，購(gòu)物車模塊，商品信息模塊，商品搜索模塊，廣告信息模塊，收藏信息模塊，優(yōu)惠券信息模塊。管理員子模塊：包括用戶信息管理模塊，廣告管理模塊，管理員信息模塊，團(tuán)長(zhǎng)信息管理模塊，商品分類管理模塊，商品管理模塊，統(tǒng)計(jì)分析模塊，訂單管理模塊，優(yōu)惠券管理模塊。3.2.1用戶子系統(tǒng)功能模塊設(shè)計(jì)1、登陸注冊(cè)模塊：用戶點(diǎn)擊登錄或者注冊(cè)，即可進(jìn)入登陸或注冊(cè)界面完成登陸或注冊(cè)。2、個(gè)人中心模塊：用戶點(diǎn)擊我的，即可選擇我的賬戶、我的收藏、我的訂單、成為團(tuán)長(zhǎng)或退出。3、訂單模塊：用戶點(diǎn)擊我的訂單，即可查看訂單狀態(tài)，訂單時(shí)間，訂單內(nèi)容等信息。4、購(gòu)物車模塊：用戶點(diǎn)擊購(gòu)物車，即可查看購(gòu)物車內(nèi)商品，可以對(duì)商品進(jìn)行刪除，商品數(shù)量進(jìn)行增加或減少。5、商品模塊：用戶點(diǎn)擊商品，即可查看到當(dāng)前商品的具體信息，如庫(kù)存等信息。6、商品搜索模塊：用戶點(diǎn)擊搜索輸入框，即可輸入關(guān)鍵詞，點(diǎn)擊搜索即可搜索相關(guān)商品。7、廣告模塊：用戶點(diǎn)擊主頁(yè)廣告，即可查看廣告具體內(nèi)容。8、收藏模塊：用戶點(diǎn)擊任意商品的收藏，即可將商品收藏。點(diǎn)擊我的收藏，即可查看收藏商品。9、優(yōu)惠券模塊：用戶點(diǎn)擊我的優(yōu)惠券，即可查看當(dāng)前擁有的優(yōu)惠券。3.2.2管理員子系統(tǒng)功能模塊設(shè)計(jì)1、廣告管理模塊：管理員點(diǎn)擊廣告管理，即可進(jìn)入廣告管理界面。2、統(tǒng)計(jì)分析模塊：管理員點(diǎn)擊統(tǒng)計(jì)分析，即可進(jìn)入統(tǒng)計(jì)分析界面。3、管理員信息模塊：管理員點(diǎn)擊管理員，即可進(jìn)入管理員信息管理界面。4、團(tuán)長(zhǎng)管理模塊：管理員點(diǎn)擊團(tuán)長(zhǎng)管理，即可進(jìn)入團(tuán)長(zhǎng)管理界面。5、商品分類管理模塊：管理員點(diǎn)擊分類管理，即可進(jìn)入商品分類管理界面。6、訂單管理模塊：管理員點(diǎn)擊訂單管理，即可進(jìn)入訂單管理界面。7、用戶信息管理模塊：管理員點(diǎn)擊用戶管理，即可進(jìn)入用戶信息管理界面。8、商品信息管理模塊：管理員點(diǎn)擊商品管理，即可進(jìn)入商品管理界面。9、優(yōu)惠券管理模塊：管理員點(diǎn)擊優(yōu)惠券管理，即可進(jìn)入優(yōu)惠券管理界面。圖3.2系統(tǒng)功能模塊圖3.3數(shù)據(jù)庫(kù)設(shè)計(jì)本節(jié)介紹了系統(tǒng)數(shù)據(jù)庫(kù)的設(shè)計(jì)。數(shù)據(jù)庫(kù)設(shè)計(jì)不僅能夠保障數(shù)據(jù)庫(kù)作用得到有效發(fā)揮,還能夠在一定程度上避免系統(tǒng)出現(xiàn)運(yùn)行故障,具有十分重要的作用[13]。3.3.1數(shù)據(jù)庫(kù)概念設(shè)計(jì)以數(shù)據(jù)庫(kù)的需求分析為基礎(chǔ)，對(duì)數(shù)據(jù)庫(kù)的概念結(jié)構(gòu)進(jìn)行設(shè)計(jì)。，在數(shù)據(jù)庫(kù)中設(shè)計(jì)base_member、mall_advert、mall_category、mall_goods、mall_order、mall_order_goods、sys_user這些實(shí)體。1、base_member主要包括屬性：id、nickname、avatar_url、gender、real_name、mobile、login_name、password、create_time2、mall_advert主要包括屬性：id、pic_url、enable、link、sort、create_time3、mall_category主要包括屬性：id、category_name、pic_url、sort、create_time4、mall_goods主要包括屬性：id、goods_name、category_id、price、pic_url、status、stock、describe、create_time5、mall_order主要包括屬性：id、member_id、order_number、total_amount、order_status、courier_num、remark、create_time6、mall_order_goods主要包括屬性：id、order_id、goods_id、goods_name、num、pic_url、price7、sys_user主要包括屬性：id、username、password、email、mobile、status、create_time根據(jù)數(shù)據(jù)庫(kù)設(shè)計(jì)的E-R圖，如圖3.3所示：圖3.3數(shù)據(jù)庫(kù)E-R圖3.3.2數(shù)據(jù)庫(kù)邏輯設(shè)計(jì)數(shù)據(jù)庫(kù)表設(shè)計(jì)圖會(huì)員表（base_member）字段名稱數(shù)據(jù)類型必填注釋idint(11)是nicknamevarchar(255)否昵稱avatar_urlvarchar(255)否頭像genderchar(1)否性別real_namevarchar(50)否姓名mobilevarchar(50)否手機(jī)號(hào)碼login_namevarchar(50)否登錄賬號(hào)passwordvarchar(100)否密碼create_timedatetime否創(chuàng)建時(shí)間廣告表（mall_advert）字段名稱數(shù)據(jù)類型必填注釋Idint(11)是pic_urlvarchar(255)否圖片地址Enabletinyint(4)否是否啟用，0：禁用，1：?jiǎn)⒂肔inkvarchar(255)否鏈接Sortint(11)否排序create_timedatetime否創(chuàng)建時(shí)間分類表（mall_category）字段名稱數(shù)據(jù)類型必填注釋Idint(11)是category_namevarchar(255)否分類名稱pic_urlvarchar(255)否圖片Sortint(11)否排序create_timedatetime否創(chuàng)建時(shí)間商品表（mall_goods）字段名稱數(shù)據(jù)類型必填注釋Idint(11)是goods_namevarchar(255)否商品名稱category_idint(11)否分類IDPricedecimal(10,2)否價(jià)格pic_urlvarchar(255)否圖片Statustinyint(2)否上下架Stockint(11)否庫(kù)存Describetext否描述create_timedatetime否創(chuàng)建時(shí)間訂單表（mall_order）字段名稱數(shù)據(jù)類型必填注釋Idint(11)是member_idint(11)否用戶IDorder_numbervarchar(50)否訂單編號(hào)total_amountdecimal(10,2)否訂單金額order_statustinyint(3)否訂單狀態(tài)，訂單狀態(tài)，0：已取消，1：待付款，2：待發(fā)貨，3：待收貨，4：已完成courier_numvarchar(100)否物流單號(hào)Remarkvarchar(255)否備注create_timedatetime否創(chuàng)建時(shí)間訂單商品表（mall_order_goods）字段名稱數(shù)據(jù)類型必填注釋Idint(11)是order_idint(11)否訂單IDgoods_idint(11)否商品IDgoods_namevarchar(255)否商品名稱Numint(11)否數(shù)量pic_urlvarchar(255)否商品圖片Pricedecimal(10,2)否價(jià)格管理員表（sys_user）字段名稱數(shù)據(jù)類型必填注釋Idbigint(20)是usernamevarchar(50)是用戶名passwordvarchar(100)否密碼Emailvarchar(100)否郵箱Mobilevarchar(100)否手機(jī)號(hào)Statustinyint(4)否狀態(tài)0：禁用1：正常create_timedatetime否創(chuàng)建時(shí)間3.4本章小結(jié)本章首先通過(guò)系統(tǒng)架構(gòu)圖介紹了大學(xué)生團(tuán)購(gòu)系統(tǒng)的總體架構(gòu)。接下來(lái)，對(duì)本系統(tǒng)中的每個(gè)功能模塊進(jìn)行了初步的分析和介紹，對(duì)系統(tǒng)每個(gè)模塊起到的作用進(jìn)行了簡(jiǎn)單的解釋，系統(tǒng)各個(gè)模塊之間是如何進(jìn)行交互的，并且給出了系統(tǒng)模塊結(jié)構(gòu)圖。最后，完成了團(tuán)購(gòu)系統(tǒng)數(shù)據(jù)庫(kù)的設(shè)計(jì)，分別使用了數(shù)據(jù)概念設(shè)計(jì)、數(shù)據(jù)庫(kù)邏輯結(jié)構(gòu)設(shè)計(jì)，邏輯結(jié)構(gòu)設(shè)計(jì)則是通過(guò)各個(gè)表顯示出來(lái)。第4章系統(tǒng)詳細(xì)設(shè)計(jì)4系統(tǒng)詳細(xì)設(shè)計(jì)本章以第三章的概要設(shè)計(jì)為前提，從對(duì)象設(shè)計(jì)，交互設(shè)計(jì)和功能模塊設(shè)計(jì)的角度對(duì)大學(xué)生團(tuán)購(gòu)系統(tǒng)進(jìn)行了更進(jìn)一步的詳細(xì)的設(shè)計(jì)，為代碼實(shí)現(xiàn)做最后的準(zhǔn)備。4.1對(duì)象設(shè)計(jì)該系統(tǒng)按照功能和角色的劃分，對(duì)用戶類、商品類、管理員、團(tuán)長(zhǎng)等進(jìn)行了設(shè)計(jì)，系統(tǒng)的類圖如圖4.1所示。圖4.1系統(tǒng)類圖（部分）4.2交互設(shè)計(jì)本節(jié)介紹了系統(tǒng)內(nèi)部各個(gè)模塊之間的交互設(shè)計(jì)，通過(guò)交互設(shè)計(jì)能夠很清楚地了解整個(gè)系統(tǒng)的運(yùn)作流程。4.2.1登錄注冊(cè)模塊交互設(shè)計(jì)用戶點(diǎn)擊注冊(cè)，系統(tǒng)跳到注冊(cè)界面，用戶使用微信登錄，調(diào)用接口，后寫入數(shù)據(jù)庫(kù)，系統(tǒng)返回注冊(cè)成功，系統(tǒng)跳轉(zhuǎn)到團(tuán)購(gòu)界面。登錄注冊(cè)時(shí)序圖如圖4.2所示。圖4.2登錄注冊(cè)時(shí)序圖4.2.2購(gòu)買模塊交互設(shè)計(jì)點(diǎn)擊購(gòu)買，系統(tǒng)跳轉(zhuǎn)到訂單確認(rèn)頁(yè)面，付款，輸入信息，提交到系統(tǒng)，系統(tǒng)修改數(shù)據(jù)庫(kù)后，返回后，系統(tǒng)跳轉(zhuǎn)到訂單頁(yè)面。購(gòu)買時(shí)序圖如圖4.3所示。圖4.3購(gòu)買時(shí)序圖4.2.3商品搜索模塊交互設(shè)計(jì) 用戶登陸后頁(yè)面跳轉(zhuǎn)到首頁(yè)，在搜索框輸入信息，顯示層將信息送至業(yè)務(wù)層，業(yè)務(wù)層將信息提交給服務(wù)層，服務(wù)層將信息提交給數(shù)據(jù)層匹配。數(shù)據(jù)層將搜索結(jié)果返回服務(wù)層，服務(wù)層返回業(yè)務(wù)層，最終業(yè)務(wù)層返回顯示層。商品搜索模塊時(shí)序圖如圖4.4所示。圖4.4商品搜索模塊時(shí)序圖4.2.4管理員管理商品模塊交互設(shè)計(jì) 系統(tǒng)管理員在登陸成功后，就有了更改商品信息的選項(xiàng)。選擇后顯示層將信息提交給業(yè)務(wù)層，業(yè)務(wù)層提交給服務(wù)層，服務(wù)層調(diào)用數(shù)據(jù)層，原路返回至顯示層。管理員管理商品模塊時(shí)序圖如圖4.5所示。圖4.5管理商品模塊時(shí)序圖4.3功能模塊詳細(xì)設(shè)計(jì)4.3.1注冊(cè)登錄模塊進(jìn)入系統(tǒng)首頁(yè)，點(diǎn)擊登錄，跳轉(zhuǎn)到登錄頁(yè)面，點(diǎn)擊登錄。沒(méi)有賬號(hào)可以選擇注冊(cè)，注冊(cè)時(shí)系統(tǒng)會(huì)獲取微信用戶信息。然后進(jìn)行登錄。登錄系統(tǒng)后，進(jìn)行用戶想要的操作。登錄注冊(cè)模塊流程圖，如圖4.6所示。圖4.6登錄注冊(cè)模塊流程圖4.3.2個(gè)人中心模塊點(diǎn)擊個(gè)人中心，可以選擇管理個(gè)人信息，管理收藏的商品，進(jìn)入個(gè)人中心能隨時(shí)修改自己的個(gè)人信息、查看訂單、收藏、退出登錄等。個(gè)人中心模塊流程圖如圖4.7所示。圖4.7個(gè)人中心模塊流程圖4.3.3商品購(gòu)買模塊用戶可以自行在首頁(yè)選擇點(diǎn)擊商品、商品分類或者是搜索。進(jìn)入三個(gè)界面后都可以瀏覽到推薦的商品。大學(xué)生團(tuán)購(gòu)模塊流程圖如圖4.8所示。圖4.8商品購(gòu)買模塊流程圖商品搜索模塊在搜索欄中填入信息，即可通過(guò)模糊搜索搜索到相關(guān)信息。都可以通過(guò)商品名、分類名、等信息來(lái)搜索商品。搜索商品模塊流程圖如圖4.9所示。圖4.9搜索商品模塊流程圖管理員子系統(tǒng)模塊管理員子系統(tǒng)模塊包括統(tǒng)計(jì)分析模塊：管理員按下“統(tǒng)計(jì)分析”按鈕，進(jìn)入“統(tǒng)計(jì)分析”頁(yè)面；廣告管理模塊：管理員按下“廣告管理”按鈕，即可進(jìn)入廣告管理界面；商品分類管理模塊：管理員按下“分類管理”按鈕，即可進(jìn)入商品分類管理界面；訂單管理模塊：管理員按下“分類管理”按鈕，即可進(jìn)入訂單管理界面；團(tuán)長(zhǎng)管理模塊：管理員按下“團(tuán)長(zhǎng)管理”按鈕，即可進(jìn)入團(tuán)長(zhǎng)管理界面；用戶信息管理模塊：管理員按下“用戶管理”按鈕，即可進(jìn)入用戶信息管理界面；商品信息管理模塊：管理員按下“商品管理”按鈕，即可進(jìn)入商品管理界面；優(yōu)惠券管理模塊：管理員按下“優(yōu)惠券管理”按鈕，即可進(jìn)入優(yōu)惠券管理界面。管理員信息模塊：管理員按下“管理員管理”按鈕，即可進(jìn)入管理員信息管理界面；管理員子系統(tǒng)模塊流程圖如圖4.10所示。圖4.10管理員子系統(tǒng)模塊流程圖4.5本章小結(jié)這一章的重點(diǎn)是，對(duì)系統(tǒng)的數(shù)據(jù)庫(kù)的對(duì)象設(shè)計(jì)，系統(tǒng)的功能模塊交互模式、流程設(shè)計(jì)等方面進(jìn)行了詳細(xì)的設(shè)計(jì)，并以圖片和文字的形式對(duì)這些內(nèi)容進(jìn)行了闡述。在這一章中，主要包含了系統(tǒng)對(duì)象的設(shè)計(jì)、功能模塊的設(shè)計(jì)、各個(gè)功能模塊的調(diào)用流程。第5章系統(tǒng)實(shí)現(xiàn)PAGE475系統(tǒng)實(shí)現(xiàn)5.1功能實(shí)現(xiàn)本節(jié)在前面四個(gè)章節(jié)的系統(tǒng)設(shè)計(jì)的基礎(chǔ)上，通過(guò)代碼來(lái)實(shí)現(xiàn)了本系統(tǒng)核心模塊的功能并附上相應(yīng)的運(yùn)行截圖。5.1.1用戶登錄注冊(cè)的實(shí)現(xiàn)進(jìn)入系統(tǒng)首頁(yè)，點(diǎn)擊登錄，跳轉(zhuǎn)到登錄頁(yè)面，點(diǎn)擊登錄。沒(méi)有賬號(hào)可以選擇注冊(cè)，注冊(cè)時(shí)系統(tǒng)會(huì)調(diào)用微信小程序接口獲取微信用戶信息，存入數(shù)據(jù)庫(kù)。然后進(jìn)行登錄。用戶注冊(cè)界面運(yùn)行截圖如圖5.1所示。圖5.1用戶登錄注冊(cè)界面截圖getUserInfo:

function

(e)

{

//點(diǎn)擊登錄按鈕

var

that

=

this;

fail:

function

(res)

{}

})

},

login:

function

(code,

user)

{

//調(diào)用登錄接口

var

that

=

this;

app.globalAjax(

'/api/wechat/login',

"get",

{

code:

code,

avatarUrl:

user.avatarUrl,

nickname:

user.nickName,

gender:

user.gender

},

function

(e)

{

console.log(e);

if

(e.code

==

0)

{

wx.setStorage({

key:

"token",

data:

e.token

//需要存儲(chǔ)的數(shù)據(jù)

})

wx.setStorage({

key:

"userInfo",

data:

e.userInfo

//需要存儲(chǔ)的數(shù)據(jù)

});

that.setData({

types:

1,

userInfo:

e.userInfo

})

}

}

);

},5.1.2成為團(tuán)長(zhǎng)的實(shí)現(xiàn)點(diǎn)擊“成為團(tuán)長(zhǎng)”按鈕，系統(tǒng)跳轉(zhuǎn)到成為團(tuán)長(zhǎng)界面，輸入信息，提交到系統(tǒng)，系統(tǒng)將數(shù)據(jù)存入數(shù)據(jù)庫(kù)后，返回，系統(tǒng)跳轉(zhuǎn)到首頁(yè)。成為團(tuán)長(zhǎng)的運(yùn)行截圖如圖5.2所示。圖5.2成為團(tuán)長(zhǎng)面截圖

onLoad(options)

{

var

mps=wx.getStorageSync('map')

this.setData({

longitude:mps.longitude,

latitude:mps.latitude,

froms:wx.getStorageSync('userInfo')

});

this.mapCtx

=

wx.createMapContext('map');

//

實(shí)例化API核心類

qqmapsdk

=

new

QQMapWX({

key:

'UQ6BZ-UH3WI-5UZG7-5EZVY-LRGUV-REBTI'

});

},

regionchange(e)

{

var

that=this;

console.log(e)

if(e.type=="end"){

this.mapCtx.getCenterLocation({

success:

function

(r)

{

console.log(r);

//地址解析

success:

function

(res)

{

console.log(res);

var

str1

=

'froms.longitude';

var

str2

=

'froms.latitude';

that.setData({

[str1]:r.longitude,

[str2]:r.latitude,

adds:res.result.address_reference.landmark_l2.title

+"("+

res.result.address

+")"

});

},

fail:

function

(res)

{

console.log(res);

},

var

that=this;

var

post=e.detail.value;

if(post.address==""){

wx.showToast({

title:

"請(qǐng)?zhí)顚懺敿?xì)地址",

icon:

"none"});

return

false;

}

app.globalAjax(

'/api/store/apply',

"post",

post,

function(e){

if(e.code==0)

{

wx.showToast({

title:

'提交成功',

icon:

'none',

duration:

2000,

success:

function

()

{

setTimeout(function(){

wx.navigateBack({delta:

1})

},2000)

}

});

}else{

wx.showToast({

title:

e.msg,

icon:

"none"

});

}

})

}})通過(guò)onLoad方法實(shí)例化API核心類，解析地址將數(shù)據(jù)存入數(shù)據(jù)庫(kù)。5.1.3訂單的實(shí)現(xiàn)在“我的訂單”中，可以通過(guò)訂單的狀態(tài)來(lái)查看不同的訂單，還可以進(jìn)行查看訂單，關(guān)閉訂單，確認(rèn)收貨，退貨等操作。訂單的運(yùn)行截圖如圖5.3所示。圖5.3訂單運(yùn)行截圖用戶點(diǎn)擊我的訂單，即可查看訂單狀態(tài)，訂單時(shí)間，訂單內(nèi)容等信息。

//

頁(yè)面初次加載，請(qǐng)求第一頁(yè)數(shù)據(jù)

this.fetchArticleList(1,

true,function(e){})

},

type_select:function(e){

var

that=this;

var

i=e.currentTarget.dataset.index;

that.setData({

type:i,

page:1

})

this.fetchArticleList(1,

true,function(e){})

},

ReachBottom()

{

console.log("觸底")

//

下拉觸底，先判斷是否有請(qǐng)求正在進(jìn)行中

//

以及檢查當(dāng)前請(qǐng)求頁(yè)數(shù)是不是小于數(shù)據(jù)總頁(yè)數(shù)，如符合條件，則發(fā)送請(qǐng)求

if

(!this.loading

&&

this.data.page

<

this.data.pages)

{

this.data.page+=1;

this.fetchArticleList(this.data.page,

false,function(e){})

}

},

onPullDownRefresh()

{

//

上拉刷新

console.log(this.loading)

if

(!this.loading)

{

this.fetchArticleList(1,

true,function(){

wx.stopPullDownRefresh();

})

}

},

fetchArticleList(pageNo,

override,call)

{

var

$th=this;

$th.loading

=

true

//

向后端請(qǐng)求指定頁(yè)碼的數(shù)據(jù)5.1.4廣告的實(shí)現(xiàn)用戶點(diǎn)擊廣告，即可進(jìn)入廣告界面，看到由管理員發(fā)布的公告。點(diǎn)擊具體廣告，可進(jìn)入查看詳細(xì)內(nèi)容。廣告的運(yùn)行截圖如圖5.4所示。圖5.4廣告運(yùn)行截圖<view

class="index-banner">

<swiper

class="screen-swiper

square-dot

banner"

circular="true"

autoplay="true"

interval="5000"

duration="500">

<swiper-item

wx:for="{{swiperList}}"

wx:key=""

bindtap="banner"

data-link="{{item.link}}">

<image

src="{{item.picUrl}}"

mode="aspectFill"></image>

<!--

<video

src="{{item.url}}"

autoplay

loop

muted

show-play-btn="{{false}}"

controls="{{false}}"

objectFit="cover"

wx:if="{{item.type=='video'}}"></video>-->

</swiper-item>

</swiper>

</view>

</view>5.1.5商品信息的的實(shí)現(xiàn)用戶點(diǎn)擊商品，即可查看到當(dāng)前商品的具體信息，如庫(kù)存等信息。商品信息的運(yùn)行截圖如圖5.5所示。圖5.5商品信息的運(yùn)行截圖setopens(){//展開(kāi)規(guī)格選擇

console.log(this.data.opens);

var

s=this.data.opens?0:1;

console.log(s);

this.setData({

opens:

s

})

},specSelect(e){//選擇規(guī)格

console.log(e)

this.setData({

specsIndex:

e.target.dataset.index

})

},

numadd(){//增加數(shù)量

var

num=this.data.num;

var

goods=this.data.goods

num++;

console.log(goods.stock)

if(num>goods.stock)

{

wx.showToast({

title:

'庫(kù)存不足',

icon:

"none"

});

num=goods.stock;

}

console.log(num)

this.setData({

num:

num

})

},

numlower(){//減少數(shù)量

var

num=this.data.num;

num--;

if(num<1)

num=1;

console.log(num)

this.setData({

num:

num

})

},

suborder(){//確認(rèn)下單

var

that=this.data;

console.log(that.goods)

console.log(that.specsIndex)

console.log(that.num)

if(that.goods.stock<=0){

wx.showToast({

title:

"庫(kù)存不足",

icon:

"none"});

return

false;

}}5.1.6商品搜索的實(shí)現(xiàn)用戶可以瀏覽商品數(shù)據(jù)，可以用關(guān)鍵字搜索商品，關(guān)鍵詞做了分詞處理，也可以按照商品分類、品牌排序，也可以通過(guò)商品銷量、價(jià)格升序、價(jià)格降序進(jìn)行排序。商品搜索的運(yùn)行截圖如圖5.6所示。圖5.6商品搜索運(yùn)行截圖ready:function(){

},

attached:function(){

var

that=this;

app.globalAjax(

'/api/category/list',

"get",

{},

function(e){

if(e.code==0)

{

that.setData({

categoryList:e.categoryList

})

}else{

wx.showToast({

title:

e.msg,

icon:

"none"

});

}

})

},5.1.7購(gòu)物車的實(shí)現(xiàn)用戶點(diǎn)擊購(gòu)物車，即可查看購(gòu)物車內(nèi)商品，可以對(duì)商品進(jìn)行刪除，商品數(shù)量進(jìn)行增加或減少。在購(gòu)物車中，用戶可以勾選或者取消勾選商品、修改商品數(shù)量，總金額也很會(huì)隨之變化，并且用戶勾選的信息會(huì)保存至緩存中，下次打開(kāi)購(gòu)物車的勾選狀態(tài)和上次保持一致。在購(gòu)物車頁(yè)面點(diǎn)擊去支付按鈕，系統(tǒng)會(huì)打開(kāi)訂單頁(yè)面。購(gòu)物車運(yùn)行界面如圖5.7所示。圖5.7購(gòu)物車運(yùn)行截圖attached()

{

var

that=this.data;

var

len=0;

var

all=1;

var

total=0

that.cart=wx.getStorageSync('cart');

for(var

i

in

that.cart){

len++;

if(!that.cart[i].selects

&&

all!=0){

all=0;

}

if(that.cart[i].selects){

total=Number(total)

+

(Number(that.cart[i].price)

*

Number(that.cart[i].num));

}

}

this.setData({

cart:that.cart,

total:parseFloat(total).toFixed(2),

alls:all,

cartlength:

len

})

console.log(len)

},

methods:

{

selects:function(e)

{//選擇按鈕

var

that=this,

cur=that.data.cart[e.currentTarget.dataset.i];

console.log(cur.selects)

if(cur.selects){

delete

cur.selects

}else{

cur.selects=1;

}

console.log(cur)

that.setlist()

},

selectsAll:function(e)

{//全選

var

that=this;

var

all=that.data.alls?0:1;

for(var

i

in

that.data.cart){

console.log(that.data.cart[i])

that.data.cart[i]["selects"]=all;

}

that.setlist()

},

add:function(e){//增加數(shù)量

var

that=this,

cur=that.data.cart[e.currentTarget.dataset.i]

var

c=cur.num;

c++;

cur.num=c;

that.setlist()

},

lower:function(e){//減少數(shù)量

var

that=this,

cur=that.data.cart[e.currentTarget.dataset.i]

var

c=cur.num;

c--;

if(c<=0){

wx.showModal({

title:

'刪除',

content:

'確定要?jiǎng)h除當(dāng)前商品嗎？',

success(res)

{

if

(res.confirm)

{

delete

that.data.cart[e.currentTarget.dataset.i]

that.setlist()

}else

if(res.cancel)

{

}

}

})

return

false;

}

cur.num=c;

that.setlist()

},5.1.8管理員登錄實(shí)現(xiàn)只有管理員可以登錄到后臺(tái)，普通用戶無(wú)法登錄。同時(shí)管理員系統(tǒng)無(wú)法注冊(cè)，只能由初始管理員在系統(tǒng)中添加。如圖5.8為管理員登錄的運(yùn)行截圖。圖5.8管理員登錄運(yùn)行截圖$(function(){ varcolumns=[{checkbox:true,align:'center'}, {title:'用戶名',field:'username'}, {title:'郵箱',field:'email'}, {title:'手機(jī)號(hào)',field:'mobile'}, {title:'狀態(tài)',field:'status', formatter:function(value,row,index){ returnvalue===0? '<spanclass="labellabel-danger">禁用</span>': '<spanclass="labellabel-success">正常</span>'; }}, {title:'創(chuàng)建時(shí)間',field:'createTime'} ]; $("#table").bootstrapTable({url:baseURL+'sys/user/list',cache:false,striped:true,pagination:true,pageSize:10,pageNumber:1,sidePagination:'server',columns:columns,queryParams:function(params){ return{ page:params.offset/params.limit+1, limit:params.limit, username:vm.q.username }} });});5.1.9統(tǒng)計(jì)分析的實(shí)現(xiàn)管理員點(diǎn)擊統(tǒng)計(jì)分析，即可進(jìn)入統(tǒng)計(jì)分析界面。使用定時(shí)任務(wù)框架quartz和報(bào)表插件echarts組件構(gòu)成直觀的統(tǒng)計(jì)分析。如圖5.9為統(tǒng)計(jì)分析的運(yùn)行截圖。圖5.9統(tǒng)計(jì)分析運(yùn)行截圖Vponent("content-header",{props:['title'],template:'<sectionclass="content-header">'+ '<h1>{{title}}</h1>'+ '<olclass="breadcrumb"id="nav_title">'+ '<liclass="active"><iclass="fafa-home"></i> 首頁(yè)</li>'+ '<liclass="active">{{title}}</li>'+ '</ol>'+ '</section>'});5.1.10用戶管理的實(shí)現(xiàn)管理員點(diǎn)擊用戶管理，即可進(jìn)入用戶信息管理界面?？梢栽鰝牟橛脩粜畔ⅰＨ鐖D5.10為用戶管理的運(yùn)行截圖。圖5.10用戶管理運(yùn)行截圖$(function(){ varcolumns=[{checkbox:true,align:'center'}, {title:'頭像',field:'avatarUrl', formatter:function(value,row,index){ return'<imgwidth="30px"height="30px"src="'+value+'"/>'; } }, {title:'昵稱',field:'nickname'}, {title:'姓名',field:'realName'}, {title:'手機(jī)號(hào)',field:'mobile'}, {title:'性別',field:'gender', formatter:function(value,row){ if(value==1){ return"男"; }elseif(value==0){ return"女"; }else{ return"未知"; } }}, {title:'用戶類型',field:'userType', formatter:function(value,row){ if(value==1){ return'<spanclass="labellabel-success">普通用戶</span>'; }elseif(value==2){ return'<spanclass="labellabel-danger">團(tuán)長(zhǎng)</span>'; }else{ return'-' } } }, {title:'注冊(cè)時(shí)間',field:'createTime'} ];5.1.11廣告管理的實(shí)現(xiàn)管理員點(diǎn)擊廣告管理，即可進(jìn)入廣告管理界面，并可以修改。點(diǎn)擊添加就可以進(jìn)入廣告添加界面，點(diǎn)擊刪除就可以把輪播圖刪除。如圖5.11為廣告管理的運(yùn)行截圖。圖5.11廣告管理運(yùn)行截圖packagecom.wfuhui.modules.advert.entity;importjava.io.Serializable;importjava.util.Date;/***Banner***@email2374417478@*/publicclassAdvertEntityimplementsSerializable{ privatestaticfinallongserialVersionUID=1L; // privateIntegerid; //圖片地址 privateStringpicUrl; //是否啟用，0：禁用，1：?jiǎn)⒂?privateIntegerenable; privateStringlink; privateIntegersort; //創(chuàng)建時(shí)間 privateDatecreateTime; publicIntegergetId(){ returnid; } publicvoidsetId(Integerid){ this.id=id; } publicStringgetPicUrl(){ returnpicUrl; } publicvoidsetPicUrl(StringpicUrl){ this.picUrl=picUrl; } /** *設(shè)置：是否啟用，0：禁用，1：?jiǎn)⒂?*/ publicvoidsetEnable(Integerenable){ this.enable=enable; } /** *獲?。菏欠駟⒂?，0：禁用，1：?jiǎn)⒂?*/ publicIntegergetEnable(){ returnenable; } /** *設(shè)置：創(chuàng)建時(shí)間 */ publicvoidsetCreateTime(DatecreateTime){ this.createTime=createTime; } /** *獲?。簞?chuàng)建時(shí)間 */ publicDategetCreateTime(){ returncreateTime; } publicStringgetLink(){ returnlink; } publicvoidsetLink(Stringlink){ this.link=link; } publicIntegergetSort(){ returnsort; } publicvoidsetSort(Integersort){ this.sort=sort; }}5.1.12商品管理的實(shí)現(xiàn)管理員點(diǎn)擊商品管理，即可進(jìn)入商品管理界面。點(diǎn)擊添加或刪除，就可以添加或刪除商品。如圖5.12為商品管理的運(yùn)行截圖。圖5.12商品管理運(yùn)行截圖$(function(){ varcolumns=[{checkbox:true,align:'center'}, {title:'圖片',field:'picUrl', formatter:function(value,row,index){ return'<imgwidth="60px"height="60px"src="'+value+'"/>'; } }, {title:'商品名稱',field:'goodsName'}, {title:'分類',field:'category.categoryName'}, {title:'價(jià)格',field:'price'}, {title:'促銷價(jià)',field:'promotionPrice'}, {title:'庫(kù)存',field:'stock'}, {title:'狀態(tài)',field:'status',formatter:function(value,row){ if(value==0){ return'<spanclass="labellabel-default">已下架</span>'; }elseif(value==1){ return'<spanclass="labellabel-primary">出售中</span>'; } return''; }},5.1.13分類管理的實(shí)現(xiàn)管理員點(diǎn)擊分類管理，即可進(jìn)入商品分類管理界面。管理員可以在本模塊增刪改查。。如圖5.13為商品管理的運(yùn)行截圖。圖5.13分類管理運(yùn)行截圖$(function(){ varcolumns=[{checkbox:true,align:'center'}, {title:'圖片',field:'picUrl', formatter:function(value,row,index){ return'<imgwid