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

function

(e)

{

//點擊登錄按鈕

var

that

=

this;

fail:

function

(res)

{}

})

},

login:

function

(code,

user)

{

//調用登錄接口

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

//需要存儲的數據

})

wx.setStorage({

key:

"userInfo",

data:

e.userInfo

//需要存儲的數據

});

that.setData({

types:

1,

userInfo:

e.userInfo

})

}

}

);

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

onLoad(options)

{

var

mps=wx.getStorageSync('map')

this.setData({

longitude:mps.longitude,

latitude:mps.latitude,

froms:wx.getStorageSync('userInfo')

});

this.mapCtx

=

wx.createMapContext('map');

//

實例化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:

"請?zhí)顚懺敿毜刂?,

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"

});

}

})

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

//

頁面初次加載，請求第一頁數據

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("觸底")

//

下拉觸底，先判斷是否有請求正在進行中

//

以及檢查當前請求頁數是不是小于數據總頁數，如符合條件，則發(fā)送請求

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

//

向后端請求指定頁碼的數據5.1.4廣告的實現(xiàn)用戶點擊廣告，即可進入廣告界面，看到由管理員發(fā)布的公告。點擊具體廣告，可進入查看詳細內容。廣告的運行截圖如圖5.4所示。圖5.4廣告運行截圖<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商品信息的的實現(xiàn)用戶點擊商品，即可查看到當前商品的具體信息，如庫存等信息。商品信息的運行截圖如圖5.5所示。圖5.5商品信息的運行截圖setopens(){//展開規(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(){//增加數量

var

num=this.data.num;

var

goods=this.data.goods

num++;

console.log(goods.stock)

if(num>goods.stock)

{

wx.showToast({

title:

'庫存不足',

icon:

"none"

});

num=goods.stock;

}

console.log(num)

this.setData({

num:

num

})

},

numlower(){//減少數量

var

num=this.data.num;

num--;

if(num<1)

num=1;

console.log(num)

this.setData({

num:

num

})

},

suborder(){//確認下單

var

that=this.data;

console.log(that.goods)

console.log(that.specsIndex)

console.log(that.num)

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

wx.showToast({

title:

"庫存不足",

icon:

"none"});

return

false;

}}5.1.6商品搜索的實現(xiàn)用戶可以瀏覽商品數據，可以用關鍵字搜索商品，關鍵詞做了分詞處理，也可以按照商品分類、品牌排序，也可以通過商品銷量、價格升序、價格降序進行排序。商品搜索的運行截圖如圖5.6所示。圖5.6商品搜索運行截圖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購物車的實現(xiàn)用戶點擊購物車，即可查看購物車內商品，可以對商品進行刪除，商品數量進行增加或減少。在購物車中，用戶可以勾選或者取消勾選商品、修改商品數量，總金額也很會隨之變化，并且用戶勾選的信息會保存至緩存中，下次打開購物車的勾選狀態(tài)和上次保持一致。在購物車頁面點擊去支付按鈕，系統(tǒng)會打開訂單頁面。購物車運行界面如圖5.7所示。圖5.7購物車運行截圖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){//增加數量

var

that=this,

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

var

c=cur.num;

c++;

cur.num=c;

that.setlist()

},

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

var

that=this,

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

var

c=cur.num;

c--;

if(c<=0){

wx.showModal({

title:

'刪除',

content:

'確定要刪除當前商品嗎？',

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管理員登錄實現(xiàn)只有管理員可以登錄到后臺，普通用戶無法登錄。同時管理員系統(tǒng)無法注冊，只能由初始管理員在系統(tǒng)中添加。如圖5.8為管理員登錄的運行截圖。圖5.8管理員登錄運行截圖$(function(){ varcolumns=[{checkbox:true,align:'center'}, {title:'用戶名',field:'username'}, {title:'郵箱',field:'email'}, {title:'手機號',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)建時間',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)計分析的實現(xiàn)管理員點擊統(tǒng)計分析，即可進入統(tǒng)計分析界面。使用定時任務框架quartz和報表插件echarts組件構成直觀的統(tǒng)計分析。如圖5.9為統(tǒng)計分析的運行截圖。圖5.9統(tǒng)計分析運行截圖Vponent("content-header",{props:['title'],template:'<sectionclass="content-header">'+ '<h1>{{title}}</h1>'+ '<olclass="breadcrumb"id="nav_title">'+ '<liclass="active"><iclass="fafa-home"></i> 首頁</li>'+ '<liclass="active">{{title}}</li>'+ '</ol>'+ '</section>'});5.1.10用戶管理的實現(xiàn)管理員點擊用戶管理，即可進入用戶信息管理界面?？梢栽鰝牟橛脩粜畔?。如圖5.10為用戶管理的運行截圖。圖5.10用戶管理運行截圖$(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:'手機號',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">團長</span>'; }else{ return'-' } } }, {title:'注冊時間',field:'createTime'} ];5.1.11廣告管理的實現(xiàn)管理員點擊廣告管理，即可進入廣告管理界面，并可以修改。點擊添加就可以進入廣告添加界面，點擊刪除就可以把輪播圖刪除。如圖5.11為廣告管理的運行截圖。圖5.11廣告管理運行截圖packagecom.wfuhui.modules.advert.entity;importjava.io.Serializable;importjava.util.Date;/***Banner***@email2374417478@*/publicclassAdvertEntityimplementsSerializable{ privatestaticfinallongserialVersionUID=1L; // privateIntegerid; //圖片地址 privateStringpicUrl; //是否啟用，0：禁用，1：啟用 privateIntegerenable; privateStringlink; privateIntegersort; //創(chuàng)建時間 privateDatecreateTime; publicIntegergetId(){ returnid; } publicvoidsetId(Integerid){ this.id=id; } publicStringgetPicUrl(){ returnpicUrl; } publicvoidsetPicUrl(StringpicUrl){ this.picUrl=picUrl; } /** *設置：是否啟用，0：禁用，1：啟用 */ publicvoidsetEnable(Integerenable){ this.enable=enable; } /** *獲?。菏欠駟⒂?，0：禁用，1：啟用 */ publicIntegergetEnable(){ returnenable; } /** *設置：創(chuàng)建時間 */ publicvoidsetCreateTime(DatecreateTime){ this.createTime=createTime; } /** *獲?。簞?chuàng)建時間 */ publicDategetCreateTime(){ returncreateTime; } publicStringgetLink(){ returnlink; } publicvoidsetLink(Stringlink){ this.link=link; } publicIntegergetSort(){ returnsort; } publicvoidsetSort(Integersort){ this.sort=sort; }}5.1.12商品管理的實現(xiàn)管理員點擊商品管理，即可進入商品管理界面。點擊添加或刪除，就可以添加或刪除商品。如圖5.12為商品管理的運行截圖。圖5.12商品管理運行截圖$(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:'價格',field:'price'}, {title:'促銷價',field:'promotionPrice'}, {title:'庫存',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分類管理的實現(xiàn)管理員點擊分類管理，即可進入商品分類管理界面。管理員可以在本模塊增刪改查。。如圖5.13為商品管理的運行截圖。圖5.13分類管理運行截圖$(function(){ varcolumns=[{checkbox:true,align:'center'}, {title:'圖片',field:'picUrl', formatter:function(value,row,index){ return'<imgwid