頁緒論研究背景及意義隨著社會(huì)經(jīng)濟(jì)的發(fā)展和城市化進(jìn)程的加速，許多的年輕人選擇背井離鄉(xiāng)到人生地不熟城市工作，在陌生的城市工作或多或少都會(huì)感到孤獨(dú)、焦慮，更有甚者會(huì)出現(xiàn)心理疾病。為了緩解孤獨(dú)、焦慮以及心理疾病的出現(xiàn)，許多人開始通過飼養(yǎng)寵物來排解，久而久之寵物已經(jīng)成為許多人的精神慰藉和感情寄托。為了更好的飼養(yǎng)和照顧它們，飼養(yǎng)者需要為它們購買專門的食品、藥品及日常用品。伴隨寵物飼養(yǎng)規(guī)模的擴(kuò)大，人們對(duì)寵物用品、寵物食品及各類寵物服務(wù)的消費(fèi)需求持續(xù)提升，多樣化和個(gè)性化需求特征日益明顯，帶動(dòng)了寵物行業(yè)快速發(fā)展。寵物行業(yè)隨著時(shí)間的發(fā)展，已形成較為完整、成熟的產(chǎn)業(yè)鏈，其中最重要的就是寵物用品行業(yè)。早期的寵物行業(yè)市場非常蕭條，那時(shí)的人飼養(yǎng)貓和狗是為了看家護(hù)院。隨著經(jīng)濟(jì)的發(fā)展和提高，大城市中的人思想開始發(fā)生轉(zhuǎn)變，漸漸的開始飼養(yǎng)寵物。最初飼養(yǎng)寵物的人數(shù)極少，當(dāng)時(shí)也沒有多少個(gè)寵物店。為了給寵物購買食品、藥品及日常用品，飼養(yǎng)者會(huì)花大量的時(shí)間和精力去尋找寵物店的位置，方便下次購買寵物用品。飼養(yǎng)者每次都會(huì)購買大量的寵物用品，如何帶回家就成了飼養(yǎng)者的困擾。隨著電商平臺(tái)的發(fā)展，購物方式也從線下實(shí)體店轉(zhuǎn)為線上購物，我們稱之為網(wǎng)絡(luò)購物。電商平臺(tái)的出現(xiàn)，促進(jìn)了寵物行業(yè)的發(fā)展，開拓寵物市場。在這種契機(jī)下，大量的商人在電商平臺(tái)上售賣寵物用品，或是購買商城網(wǎng)站進(jìn)行專門的寵物用品售賣。這些平臺(tái)有天貓、京東、淘寶、拼多多等平，商城網(wǎng)站有E寵商城、波奇寵物商城、1688寵物商城、諾寵商城等網(wǎng)站。寵物用品平臺(tái)、網(wǎng)站的出現(xiàn)，滿足了飼養(yǎng)者不出門就能購買寵物用品，為飼養(yǎng)者節(jié)約了大量的時(shí)間和精力，而且飼養(yǎng)者可以讓快遞員把寵物用品送到家門口，這解決了飼養(yǎng)者的困擾。該系統(tǒng)基于SpringBoot和Vue技術(shù)開發(fā)的，系統(tǒng)開發(fā)需要根據(jù)用戶需求進(jìn)行設(shè)計(jì)。寵物用品商城是window11系統(tǒng)下，使用IDEA和VSCode開發(fā)工具開發(fā)。寵物用品商城采用前后臺(tái)分離技術(shù)，使用Java語言進(jìn)行開發(fā)，系統(tǒng)后臺(tái)開發(fā)框架采用了SpringBoot、SpringSecurity、Mybatis進(jìn)行開發(fā)，系統(tǒng)前臺(tái)開發(fā)框架采用了Vue、Element-UI、Axios進(jìn)行開發(fā)，數(shù)據(jù)庫的數(shù)據(jù)管理采用了MySQL和Redis進(jìn)行管理，這些技術(shù)實(shí)現(xiàn)了系統(tǒng)的功能設(shè)計(jì)和開發(fā)。寵物用品商城開發(fā)分前臺(tái)和后臺(tái)，前臺(tái)是用戶使用，后臺(tái)是管理員使用。用戶功能有商品收藏、搜索、購物車、支付等功能，管理員管理著商城管理、用戶管理、角色權(quán)限管理等模塊。國內(nèi)外發(fā)展?fàn)顩r寵物行業(yè)是在英國工業(yè)革命后開始萌芽，發(fā)達(dá)國家起步早，已經(jīng)發(fā)展成較為成熟的產(chǎn)業(yè)鏈。就全國來說，美國是主要的寵物消費(fèi)市場，歐洲以及亞洲是次要的寵物信息市場。國外現(xiàn)狀寵物行業(yè)過程中最有話語權(quán)的國家就是美國，它經(jīng)歷了從傳統(tǒng)寵物零售店向綜合性、規(guī)模性、專業(yè)性的寵物銷售平臺(tái)發(fā)展的過程，其產(chǎn)業(yè)鏈已經(jīng)相當(dāng)成熟。因此其寵物用品行業(yè)也是最大的。近年來美國的寵物市場規(guī)模不斷擴(kuò)大，寵物消費(fèi)支出以穩(wěn)定的趨勢逐年上漲。根據(jù)美國寵物產(chǎn)品協(xié)會(huì)（APPA）的數(shù)據(jù)來看，2020年的美國寵物市場消費(fèi)支出比2019年增長6.7%。美國寵物市場的繁榮得益多方面的綜合因素，且經(jīng)濟(jì)周期影響較小。歐洲寵物市場規(guī)模呈現(xiàn)穩(wěn)定增長趨勢，寵物產(chǎn)品銷售額逐年擴(kuò)大。根據(jù)歐洲寵物食品工業(yè)聯(lián)合會(huì)（FEDIAF）的數(shù)據(jù)來看，2020年歐洲寵物市場消費(fèi)比2019年增長5.65%。國內(nèi)現(xiàn)狀我國寵物行業(yè)發(fā)展起步于20世紀(jì)90年代初期，與國外寵物行業(yè)發(fā)展相比我國發(fā)展較慢。目前我國寵物消費(fèi)主要集中在一、二線城市，這些地區(qū)經(jīng)濟(jì)發(fā)達(dá)。對(duì)于國外寵物行業(yè)起步早、國內(nèi)寵物市場空間有限等因素，早期的國內(nèi)寵物行業(yè)多數(shù)廠商被國外廠商所代替。隨著經(jīng)濟(jì)收入的提高及消費(fèi)觀念的轉(zhuǎn)變，我國寵物行業(yè)進(jìn)入快速發(fā)展階段。如今我國的寵物飼養(yǎng)家庭已具備一定規(guī)模，以飼養(yǎng)貓和狗為主。國內(nèi)寵物行業(yè)廠商也逐步打破傳統(tǒng)的代工模式，通過打造自主品牌直接面對(duì)消費(fèi)者。包括依依股份、佩蒂股份、中寵股份、中恒寵物在內(nèi)的諸多國內(nèi)企業(yè)已通過自主品牌打開產(chǎn)品市場。論文組織結(jié)構(gòu)基于SpringBoot+Vue的寵物用品商城設(shè)計(jì)與實(shí)現(xiàn)是根據(jù)用戶的需求進(jìn)行設(shè)計(jì)。本論文分為七個(gè)部分：第一部分，緒論。對(duì)系統(tǒng)的研究背景及意義、寵物用品行業(yè)在國內(nèi)外的發(fā)展情況進(jìn)行說明。第二部分，開發(fā)工具及技術(shù)介紹。對(duì)開發(fā)工具和系統(tǒng)使用的技術(shù)進(jìn)行介紹。第三部分，系統(tǒng)需求分析。對(duì)寵物用品商城的開發(fā)、業(yè)務(wù)流程、用戶和管理員功能進(jìn)行分析。第四部分，系統(tǒng)設(shè)計(jì)。描述系統(tǒng)的功能設(shè)計(jì)、數(shù)據(jù)庫設(shè)計(jì)。第五部分，系統(tǒng)實(shí)現(xiàn)。對(duì)系統(tǒng)的前后臺(tái)功能實(shí)現(xiàn)進(jìn)行詳細(xì)說明。第六部分，系統(tǒng)功能測試。根據(jù)用戶需求對(duì)系統(tǒng)功能測試。第七部分，結(jié)論。對(duì)系統(tǒng)的設(shè)計(jì)、開發(fā)進(jìn)行總結(jié)。開發(fā)工具及技術(shù)介紹開發(fā)工具介紹后臺(tái)開發(fā)工具IntelliJIDEA。IntelliJIDEA簡稱IDEA，它是JetBrains公司旗下的Java集成開發(fā)環(huán)境，它被成為是最好的Java集成開發(fā)工具。IDEA的功能很多，而且非常實(shí)用，其中的智能編碼就能幫助開發(fā)者減少開發(fā)的工作量。這款開發(fā)工具中有很多架包，在開發(fā)項(xiàng)目時(shí)可以直接選擇需要到的架包，非常方便、實(shí)用。IDEA的項(xiàng)目管理是最好的，它可以在管理的同時(shí)查看數(shù)據(jù)庫信息，還可以直接編寫SQL腳本。在不知不覺中已經(jīng)深入開發(fā)者的心，它的這些功能使得項(xiàng)目的開發(fā)更簡便、迅速。唯一不好的就是它不是免費(fèi)的。前臺(tái)開發(fā)工具VisualStudioCode。VisualStudioCode簡稱VSCode，它是跨平臺(tái)的源代碼編輯器，其開發(fā)環(huán)境是受所有開發(fā)者喜歡。它有很多的功能，方便在開發(fā)者編寫代碼時(shí)補(bǔ)全代碼、檢查語法，為開發(fā)者節(jié)約時(shí)間。技術(shù)介紹SpringBoot框架介紹SpringBoot是全新的、開源的、開箱即用的框架。SpringBoot是為了簡化Spring的搭建和開發(fā)而設(shè)計(jì)出來的框架。SpringBoot的項(xiàng)目搭建不需要像Spring那樣浪費(fèi)大量時(shí)間進(jìn)行大量的xml配置及復(fù)雜的Bean關(guān)系依賴，是因?yàn)镾pringBoot以約定大于配置的思想進(jìn)行配置，所以SpringBoot比Spring更能節(jié)約開發(fā)者的搭建時(shí)間。它還為常用的第三方提供默認(rèn)配置，幾乎可以達(dá)到0配置開發(fā)的目的。它內(nèi)嵌web容器，不需要再而外添加war包。同時(shí)SpringBoot有很多框架的配置方式，所以SpringBoot可以快速的啟動(dòng)和運(yùn)行項(xiàng)目。SpringSecurity框架介紹SpringSecurity是安全框架，為Spring項(xiàng)目提供安全訪問。開發(fā)者使用SpringSecurity進(jìn)行開發(fā)，是為了給用戶提供安全的身份驗(yàn)證和訪問授權(quán)，保護(hù)用戶的數(shù)據(jù)安全，防止跨腳本、session的攻擊。SpringSecurity還可以滿足開發(fā)者在開發(fā)中所需的擴(kuò)展。Vue框架Vue作為三大主流之一的框架，完全能夠應(yīng)用在前后端分離的項(xiàng)目中進(jìn)行開發(fā)，Vue集合了許多框架的優(yōu)勢，它最主要的優(yōu)勢在于輕量級(jí)、支持中文API、數(shù)據(jù)驅(qū)動(dòng)、支持雙向綁定、支持MVVM設(shè)計(jì)模式、支持組件化開發(fā)、適用于單頁面應(yīng)用，而且Vue環(huán)境搭建簡單方便，開發(fā)者們可以快速上手，搭建Vue環(huán)境是可以本地導(dǎo)入或cdn導(dǎo)入，開發(fā)者們能夠根據(jù)自己對(duì)該框架的了解程度與運(yùn)用熟練程度調(diào)整其在整個(gè)開發(fā)項(xiàng)目中的應(yīng)用范圍，最后能夠以框架方式獨(dú)立完成整個(gè)前端項(xiàng)目，而不與后端混合開發(fā)。Mybatis框架Mybatis是開源的持久層框架，它框架小且簡單，還沒有第三方依賴，方便開發(fā)者操作。Mybatis還很靈活，不會(huì)影響開發(fā)者設(shè)計(jì)好的程序和數(shù)據(jù)庫。Element-UI框架Element-UI是最受開發(fā)者、界面設(shè)計(jì)師喜歡的組件庫。Element-UI是由Vue衍生而來的框架，它的作用是方便頁面快速布局和構(gòu)建，且它不依賴Vue。通過界面樣式和交互效果，用戶能清晰的感受自己操作。Element-UI的組件庫的組件都是以簡潔直觀為設(shè)計(jì)的。Element-UI框架的封裝較為完善，不足點(diǎn)在于樣式生硬，不夠美觀。Axios框架Axios是一個(gè)基于

Promise

的一步Ajax請(qǐng)求庫，支持

Promise的所有API?？稍跒g覽器和服務(wù)器端（Node.js）中使用，在瀏覽器中創(chuàng)建XMLHttpRequests，說白了Axios就前端向后臺(tái)發(fā)送網(wǎng)絡(luò)請(qǐng)求的工具。Axios是通過Promise實(shí)現(xiàn)對(duì)ajax技術(shù)的封裝。Axios負(fù)責(zé)與后端交互，通過get、post與后端接口進(jìn)行數(shù)據(jù)交換。數(shù)據(jù)庫概述MySQL是開源的關(guān)系型數(shù)據(jù)庫管理系統(tǒng)。針對(duì)在項(xiàng)目開發(fā)過程中的數(shù)據(jù)存放和管理，開發(fā)者們首選的就是MySQL，因?yàn)樗鼡碛虚_源代碼、體積小、能共享、低成本的特性。Redis（RemoteDictionaryServer）是一個(gè)開源緩存數(shù)據(jù)庫，用于緩存頻繁使用的數(shù)據(jù)。MySQL和Redis是有區(qū)別的，區(qū)別在于MySQL是關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，用于持久化存儲(chǔ)數(shù)據(jù)到硬板中；Redis是緩存數(shù)據(jù)庫，用于緩存頻繁使用的數(shù)據(jù)；最后就是它們的需求不同。系統(tǒng)需求分析系統(tǒng)可行性分析寵物用品商城的可行性分析從技術(shù)、經(jīng)濟(jì)、操作上進(jìn)行分析，判斷系統(tǒng)的開發(fā)是否可行。技術(shù)可行性分析寵物用品商城采用Java語言作為后臺(tái)開發(fā)的主要語言。后臺(tái)采用SpringBoot、SpringSecurity、Mybatis三個(gè)框架進(jìn)行項(xiàng)目開發(fā)，SpringSecurity框架進(jìn)行安全控制，使用Maven進(jìn)行項(xiàng)目管理，數(shù)據(jù)使用MySQL和Reids進(jìn)行管理。前臺(tái)采用Vue、Axios、Element-UI進(jìn)行設(shè)計(jì)開發(fā)。該系統(tǒng)開發(fā)使用的框架及數(shù)據(jù)庫都是開源、免費(fèi)使用，開發(fā)者可以在網(wǎng)上找到相關(guān)的資料進(jìn)行技術(shù)學(xué)習(xí)，所以開發(fā)者都會(huì)使用這些成熟的技術(shù)進(jìn)行開發(fā)。所以從技術(shù)上說它是可行的。經(jīng)濟(jì)可行性分析系統(tǒng)開發(fā)中最重要的就是經(jīng)濟(jì)分析。分析系統(tǒng)開發(fā)時(shí)所投入的成本和系統(tǒng)使用后所產(chǎn)生的效益進(jìn)行比較，如成本高于經(jīng)濟(jì)效益則系統(tǒng)不會(huì)開發(fā)，如成本低于經(jīng)濟(jì)效益則系統(tǒng)正常開發(fā)?；赟pringBoot和Vue寵物用品商城的設(shè)計(jì)是參考網(wǎng)上的購物平臺(tái)及相關(guān)的購物系統(tǒng)的實(shí)現(xiàn)對(duì)系統(tǒng)進(jìn)行需求分析的，且使用的開發(fā)工具、技術(shù)也是免費(fèi)的，因此不需要投入本金。只要用戶在使用寵物用品商城購買商品，就能帶來收益。同時(shí)網(wǎng)上購物能節(jié)約用戶的時(shí)間，而且購買的商品是可以送貨上門的。所以從經(jīng)濟(jì)上說它是可行的。操作可行性分析本系統(tǒng)借鑒大多數(shù)的網(wǎng)上商城網(wǎng)站對(duì)寵物用品商城前臺(tái)進(jìn)行設(shè)計(jì)，其操作功能也是差不多的。系統(tǒng)用戶需要購買寵物用品，要進(jìn)行注冊(cè)登錄，方可把心儀的寵物用品往購物車中添加，在購物車中進(jìn)行支付。這樣的流程方便用戶操作，提高商品的購買效率。商城的前后臺(tái)數(shù)據(jù)交互，數(shù)據(jù)是動(dòng)態(tài)變化的。所以從操作上說它是可行的。系統(tǒng)業(yè)務(wù)描述用戶瀏覽：用戶可以按種類進(jìn)行瀏覽、查看商品詳情。點(diǎn)擊收藏或加入購物車，系統(tǒng)會(huì)根據(jù)登錄狀態(tài)，提示用戶。寵物用品商城是以售賣寵物用品和管理寵物用品信息為中心設(shè)計(jì)的。寵物用品商城分為用戶和管理員兩種角色，用戶負(fù)責(zé)前臺(tái)的購買、支付、收藏等功能，管理員負(fù)責(zé)后臺(tái)的用戶管理、商城信息管理、角色權(quán)限管理的功能。前臺(tái)用戶購買描述如下：用戶注冊(cè)登錄：新用戶要注冊(cè)成功后方可登錄購買商品，老用戶直接登錄即可。用戶根據(jù)注冊(cè)成功的賬號(hào)密碼進(jìn)行登錄。個(gè)人中心：登錄成功后，用戶可以根據(jù)個(gè)人意愿到個(gè)人中心修改密碼，還可以根據(jù)現(xiàn)在所在的地址在我的收貨地址增加地址信息（電話、地址、收貨人）。購物車：用戶看到所有加入的商品，用貨比三家的方式對(duì)同類型商品進(jìn)行比較，選擇購買價(jià)格便宜的商品。用戶可以還隨意修改商品的數(shù)量、隨意刪除或清空商品。選好好購買的商品后進(jìn)行結(jié)算。支付：用戶在過程中可以選則收貨地址，用戶不管支付成功或失敗都會(huì)生成訂單。我的訂單：用戶可以看到所有下單的商品訂單，用戶可以取消為付款、發(fā)貨的訂單，對(duì)發(fā)貨、收貨的訂單申請(qǐng)售后。我的收藏：用戶對(duì)心儀的商品進(jìn)行收藏，在我的收藏中可以看到所有收藏的商品，方便下次購買。后臺(tái)管理員負(fù)責(zé)管理和維護(hù)后臺(tái)數(shù)據(jù)，管理描述：商品信息管理：管理員可以對(duì)新出的商品進(jìn)行添加，對(duì)過時(shí)的商品進(jìn)行刪除，對(duì)價(jià)格有變動(dòng)的商品進(jìn)行修改，在搜索欄中選擇不同數(shù)據(jù)進(jìn)行查詢。商品分類管理：管理員可以對(duì)商品的種類進(jìn)行添加和修改，刪除不需要的分類根據(jù)主類別查詢有多少個(gè)小類別。訂單管理：管理員可以查看所有的訂單信息及狀態(tài)，依據(jù)訂單的付款情況安排發(fā)貨，對(duì)申請(qǐng)售后的訂單進(jìn)行回復(fù)。系統(tǒng)用例分析用戶用例分析用戶在購買寵物用品商品前需要進(jìn)行注冊(cè)登錄，在注冊(cè)登錄成功后，可以根據(jù)自己的想法到個(gè)人中心上傳頭像和修改密碼。從個(gè)人中心選擇我的收貨地址，進(jìn)入我的收貨地址后，用戶可以根據(jù)自己的情況添加或刪除收貨地址。用戶可以在商城首頁、全部商品、導(dǎo)航欄中的搜索框中搜索商品中進(jìn)行瀏覽，選擇自己心儀的該商品添加到購物車或進(jìn)行收藏，在購物車中進(jìn)行商品價(jià)格比較，修改商品數(shù)量，選擇購買的商品進(jìn)行下單。不管支付是否成功，在我的訂單中都能看到相應(yīng)的訂單信息，對(duì)未付款和未發(fā)貨的訂單進(jìn)行取消，對(duì)已發(fā)貨和已收貨申請(qǐng)售后，完成的訂單進(jìn)行評(píng)論。為了能清晰的知道用戶的功能有那些，所以以用例圖進(jìn)行用戶功能展示。用戶用例圖如下圖3-1所示：圖3-1用戶用例圖管理員用例分析寵物用品商城是由管理員進(jìn)行管理。為了用戶數(shù)據(jù)的安全，本系統(tǒng)設(shè)置了兩種權(quán)限，分別是超級(jí)權(quán)限和普通權(quán)限。管理員普通權(quán)限可以對(duì)寵物用品商城的各項(xiàng)功能模塊進(jìn)行管理，管理員超級(jí)權(quán)限比普通權(quán)限多了管理兩個(gè)模塊，這兩個(gè)模塊是用戶信息管理、角色權(quán)限管理。管理員的超級(jí)權(quán)限和普通權(quán)限管理的內(nèi)容以用例圖的形式展示。管理員普通權(quán)限管理員普通權(quán)限管理著寵物用品商城的各項(xiàng)功能模塊，寵物用品商城的各項(xiàng)功能模塊管理分為寵物用品商品信息管理、商品分類管理、訂單管理、收貨地址管理、用戶評(píng)論管理、用戶收藏管理。管理員的普通權(quán)限用例圖如下圖3-3所示：圖3-3管理員的普通權(quán)限用例圖管理員超級(jí)權(quán)限管理員超級(jí)權(quán)限比普通權(quán)限多管理兩個(gè)模塊，分別是用戶信息、角色權(quán)限管理。管理員的超級(jí)權(quán)限用例圖如下圖3-2所示：圖3-2管理員的超級(jí)權(quán)限用例圖系統(tǒng)流程分析用戶注冊(cè)登錄：新用戶要注冊(cè)成功后方可登錄購買商品，老用戶直接登錄即可。新用戶在注冊(cè)時(shí)要根據(jù)要求進(jìn)行填寫，填寫完后提交，由系統(tǒng)判斷填寫的數(shù)據(jù)是否正確，正確則注冊(cè)成功，否則注冊(cè)失敗。用戶填寫登錄的賬號(hào)密碼，由系統(tǒng)獲取數(shù)據(jù)庫數(shù)據(jù)進(jìn)行對(duì)比，看填寫的數(shù)據(jù)是否正確，正確則登錄成功，否則失敗。購物車：用戶在購物車中可以看到已加入的商品，用貨比三家的方式對(duì)同類型的商品比較，選擇購買價(jià)格便宜的商品；用戶可以還隨意修改商品的數(shù)量、隨意刪除或清空商品；對(duì)選購好的商品進(jìn)行結(jié)算。支付：在支付過程中可以選則收貨地址，用戶不管支付成功或失敗都會(huì)生成訂單。我的訂單：用戶在我的訂單中可以看到以生成的訂單信息，在所有的訂單中用戶可以取消未付款和未發(fā)貨的訂單，對(duì)已發(fā)貨和已確認(rèn)收貨的訂單申請(qǐng)售后。后臺(tái)管理：管理員的超級(jí)管理權(quán)限可以對(duì)所有的數(shù)據(jù)進(jìn)行維護(hù)，普通管理權(quán)限只可以對(duì)寵物用品商城的數(shù)據(jù)（商品分類、商品信息、訂單信息、地址信息、評(píng)論、用戶收藏）進(jìn)行操作和維護(hù)。系統(tǒng)設(shè)計(jì)功能結(jié)構(gòu)設(shè)計(jì)寵物用品商城分為前臺(tái)用戶界面和后臺(tái)管理界面，而后臺(tái)為了方便管理和保護(hù)用戶數(shù)據(jù)安全，設(shè)計(jì)兩種權(quán)限分別是超級(jí)管理權(quán)限和普通管理權(quán)限。前臺(tái)用戶擁有的功能有用戶注冊(cè)登錄及瀏覽功能、個(gè)人中心修改功能、購物車購物功能等功能。后臺(tái)管理員擁有的管理功能有用戶管理、寵物用品商品信息管理、訂單管理、用戶收藏管理等管理功能。為了能更好、更直觀的展示寵物用品商城的前臺(tái)用戶和后臺(tái)管理員擁有的功能，采用結(jié)構(gòu)圖的方式展現(xiàn)。寵物用品商城總體結(jié)構(gòu)圖如下圖4-1所示：圖4-1寵物用品商城總體結(jié)構(gòu)圖前臺(tái)用戶界面功能結(jié)構(gòu)詳細(xì)設(shè)計(jì)用戶擁有的功能是購物車購物、支付、訂單取消和收貨、商品收藏等功能。如圖4-2所示：圖4-2前臺(tái)用戶功能詳細(xì)設(shè)計(jì)結(jié)構(gòu)圖后臺(tái)管理員界面功能結(jié)構(gòu)詳細(xì)設(shè)計(jì)為便于管理和保護(hù)用戶數(shù)據(jù)安全，管理員擁有兩種管理權(quán)限，分別是超級(jí)管理權(quán)限和普通管理權(quán)限。普通管理權(quán)限管理的部分是與寵物用品商城有關(guān)模塊，不包括用戶信息管理。超級(jí)管理權(quán)限管理著后臺(tái)所有的模塊。因普通管理權(quán)限管理的模塊包含在超級(jí)管理權(quán)限管理的模塊中，所以展示的超級(jí)管理權(quán)限管理模塊功能的詳細(xì)設(shè)計(jì)，如圖4-3所示：圖4-3后臺(tái)管理員界面功能詳細(xì)設(shè)計(jì)結(jié)構(gòu)圖功能模塊設(shè)計(jì)用戶注冊(cè)登錄管理用戶注冊(cè)首次進(jìn)入的寵物用品商城的用戶需要注冊(cè)后方可進(jìn)行登錄。其用戶注冊(cè)流程圖如下圖4-4所示：圖4-4用戶注冊(cè)流程圖用戶登錄新用戶在注冊(cè)成功后方可進(jìn)行登錄，老用戶直接進(jìn)行登錄就好。其登錄流程圖如下圖4-5所示：圖4-5用戶登錄流程圖購物車購物車展示用戶添加的商品，同一類的商品用戶可以貨比三家，從中挑選下單。還可以多商品的數(shù)量進(jìn)行修改。選好和修改好商品后結(jié)算，付款前選擇收貨地址或新編地址，選好后付款。商品付款成功與否都會(huì)產(chǎn)生相應(yīng)的訂單。購物車的購物流程圖如圖4-6所示：圖4-6購物車的購物流程圖我的訂單用戶在我的訂單中可以看到所有購買的商品訂單，用戶可以取消未付款、發(fā)貨的訂單，可以對(duì)發(fā)貨、到貨的訂單申請(qǐng)售后，可以對(duì)完成的訂單進(jìn)行商品評(píng)論。用戶訂單流程圖如圖4-7所示。管理員在后臺(tái)可以查看用戶的訂單信息及狀態(tài)，依照用戶是否付款對(duì)商品安排發(fā)貨，對(duì)申請(qǐng)售后的訂單進(jìn)行處理。管理員訂單管理流程圖如圖4-8所示。圖4-7用戶訂單流程圖圖4-8管理員訂單管理流程圖數(shù)據(jù)庫設(shè)計(jì)數(shù)據(jù)庫設(shè)計(jì)有利于資源節(jié)約、提高軟件運(yùn)行速度、減少故障。本文的只涉及數(shù)據(jù)庫設(shè)計(jì)內(nèi)容中的概念結(jié)構(gòu)設(shè)計(jì)、邏輯結(jié)構(gòu)設(shè)計(jì)。概念結(jié)構(gòu)設(shè)計(jì)本系統(tǒng)的數(shù)據(jù)庫結(jié)構(gòu)設(shè)計(jì)采用實(shí)體關(guān)系圖（E-R圖）進(jìn)行設(shè)計(jì)。寵物用品商城的實(shí)體分別是用戶、寵物用品商品信息、寵物用品商品分類、用戶收藏、收貨地址、購物車、訂單信息、角色信息、用戶評(píng)論。管理員和用戶共用一個(gè)實(shí)體類。系統(tǒng)實(shí)體關(guān)系圖如下圖4-9所示：數(shù)據(jù)庫邏輯設(shè)計(jì)根據(jù)上述的設(shè)計(jì)實(shí)體圖進(jìn)行規(guī)定轉(zhuǎn)化為數(shù)據(jù)邏輯結(jié)構(gòu)，以表的形式展現(xiàn)。實(shí)體圖轉(zhuǎn)換的表，分別是用戶信息表、寵物用品商品信息表、寵物用品商品分類表、訂單信息表、購物車數(shù)據(jù)表、收貨地址信息表、用戶收藏信息表、用戶評(píng)論信息表、角色信息表。用戶信息表（sys_user）用戶信息表是用來記錄前臺(tái)用戶和后臺(tái)管理員的基本信息，其詳細(xì)結(jié)構(gòu)設(shè)計(jì)如下表4-1所示。寵物用品商品信息表（goods）寵物用品商品信息表是用來記錄寵物用品商品的相關(guān)信息，其詳細(xì)結(jié)構(gòu)設(shè)計(jì)如下表4-2所示。寵物用品商品分類表（kind）寵物用品商品分類表是用來記錄商品類別和種類的信息，其詳細(xì)結(jié)構(gòu)設(shè)計(jì)如下表4-3所示。訂單信息表(orders)訂單信息表是用來記錄用戶購買的商品訂單信息，及商品的狀態(tài)信息，其詳細(xì)結(jié)構(gòu)設(shè)計(jì)如下表4-4所示。購物車數(shù)據(jù)表（shopping_cart）購物車數(shù)據(jù)表是用來記錄用戶選購的商品信息，其詳細(xì)結(jié)構(gòu)設(shè)計(jì)如下表4-5所示。收貨地址信息表（adress）收貨地址信息表是用來記錄用戶的收貨地址信息，其詳細(xì)結(jié)構(gòu)設(shè)計(jì)如下表4-6所示。用戶收藏信息表（user_collect）用戶收藏表是用來記錄用戶喜歡的商品，其詳細(xì)結(jié)構(gòu)設(shè)計(jì)如下表4-7所示。用戶評(píng)論信息表（comment）評(píng)論信息表是用來記錄用戶對(duì)商品的評(píng)論，其詳細(xì)結(jié)構(gòu)設(shè)計(jì)如下表4-8所示。角色權(quán)限表。（sys_role）角色權(quán)限表是用來記錄管理員的權(quán)限及身份、狀態(tài)信息，其詳細(xì)結(jié)構(gòu)設(shè)計(jì)如下表4-9所示。系統(tǒng)功能實(shí)現(xiàn)寵物用品商城是以方便人們足不出戶，在網(wǎng)上就能直接為寵物購買所需的用品為目的進(jìn)行設(shè)計(jì)的。為了方便管理寵物用品商品信息的數(shù)據(jù)，對(duì)寵物用品商品的食品、藥品、日常用品進(jìn)行類別分類，在類別分類中進(jìn)行更細(xì)致的分類，為用戶節(jié)約瀏覽時(shí)間，提高用戶的購買效率。本課題是基于SpringBoot和Vue的寵物用品商城，用戶界面完成了用戶注冊(cè)登錄、購物車選購支付、我的訂單、我的收貨地址、我的收藏等模塊功能，后臺(tái)管理實(shí)現(xiàn)了用戶、商品信息、訂單、收貨地址信息、用戶收藏、商品分類、商品評(píng)論、購物車的管理。本系統(tǒng)提供從商品上架到用戶購買的流程，并為用戶提供了一個(gè)方便購物的平臺(tái)。用戶界面寵物用品商城用戶界面的功能實(shí)現(xiàn)有首頁商品展示、商品詳情展示、用戶注冊(cè)登錄、購物車、我的訂單、我的收藏、個(gè)人中心等功能模塊。本節(jié)將對(duì)寵物用品商城用戶界面的每項(xiàng)功能模塊進(jìn)行說明。寵物用品商城首頁用戶進(jìn)入寵物用品商城首頁，首頁有導(dǎo)航欄、圖片的輪播功能、寵物用品商品的分類。用戶可以在首頁及全部商品瀏覽商品，還可以在搜索框中根據(jù)自己的需求進(jìn)行搜索或者根據(jù)特定的名稱進(jìn)行搜索瀏覽，如搜索貓。商品分類有食品類、藥品類、日常用品類三大類，食品類分為熱門、新品上市、狗糧、貓糧、零食；藥品類分為熱門、新品上市；日常用品類分為熱門、背帶牽引帶、玩具、清潔、生活，用戶可以根據(jù)商品圖片、名稱及價(jià)格選擇一件商品進(jìn)行點(diǎn)擊，從而進(jìn)入寵物用品商品的詳情描述頁面。寵物用品商品的詳情描述頁面展示了商品的信息、概述、參數(shù)、用戶評(píng)論。在商品信息塊中有兩個(gè)按鈕，分別是加入購物車和喜歡。用戶在未登錄下點(diǎn)擊會(huì)彈出登錄的界面，只有用戶登錄過后才可以將商品加入購物車，還可以收藏。寵物用品商城首頁頁面及寵物用品商品的詳情描述頁面如下圖5-1、圖5-2所示。圖5-1寵物用品商城首頁頁面圖5-2寵物用品商品的詳情描述頁面用戶注冊(cè)功能對(duì)首次進(jìn)入寵物用品商城的用戶需要進(jìn)行注冊(cè)。用戶進(jìn)入注冊(cè)有頁面后，根據(jù)注冊(cè)的要求輸入正確的賬號(hào)、密碼、確認(rèn)密碼及驗(yàn)證碼。若輸入的賬號(hào)、密碼、確認(rèn)密碼及驗(yàn)證碼都正確，則注冊(cè)成功，否則注冊(cè)失敗。出現(xiàn)失敗的原因有五種，第一種是輸入的賬號(hào)已經(jīng)存在，系統(tǒng)進(jìn)行提示；第二種是全部的注冊(cè)信息沒有按要求輸入；第三種是輸入的密碼與確認(rèn)密碼的數(shù)據(jù)不一樣；第四種是輸入的驗(yàn)證碼出錯(cuò)；第五種是輸入的賬號(hào)不正確。用戶注冊(cè)成功后，點(diǎn)擊登錄按鈕進(jìn)行登錄頁面。用戶注冊(cè)頁面如下圖5-3所示。圖5-3用戶注冊(cè)頁面用戶登錄功能用戶進(jìn)入登錄頁面后，根據(jù)自己注冊(cè)成功的賬號(hào)、密碼進(jìn)行輸入，同時(shí)依據(jù)系統(tǒng)給的驗(yàn)證碼進(jìn)行輸入，如輸入的賬號(hào)、密碼及驗(yàn)證碼都正確的情況下，用戶登錄成功，否則登錄失敗。而失敗的原因有三種，第一種是輸入沒有不正確賬號(hào)進(jìn)行登錄，系統(tǒng)提示登錄失敗、該賬號(hào)不存在；第二種是輸入的密碼錯(cuò)誤進(jìn)行登錄，系統(tǒng)提示登錄失敗、賬號(hào)不存在/密碼錯(cuò)誤；第三種是輸入錯(cuò)誤的驗(yàn)證碼進(jìn)行登錄，系統(tǒng)提示登錄失敗、驗(yàn)證碼錯(cuò)誤。用戶登錄成功后就可以在首頁商品展示中選擇寵物需要的商品，點(diǎn)擊進(jìn)入該商品的詳情描述頁面點(diǎn)擊加入購物車的按鈕，將商品加入購物車中；或者是點(diǎn)擊收藏，將商品收藏到我的收藏中。用戶登錄頁面如下圖5-4所示。圖5-4用戶登錄頁面?zhèn)€人中心用戶登錄后，可以按照自己的想法進(jìn)入個(gè)人中心頁面，看到頭像、昵稱，在個(gè)人中心頁面可以點(diǎn)擊左邊的菜單欄中的我的購物車進(jìn)入購物車；點(diǎn)擊已購買的寶貝進(jìn)入我的訂單；點(diǎn)擊我的收藏進(jìn)入我的收藏；點(diǎn)擊我的收貨地址進(jìn)行我的地址，用戶可以添加收貨地址、刪除存在的地址；點(diǎn)擊修改密碼可進(jìn)行密碼修改；個(gè)人中心還有實(shí)時(shí)同步的日歷和店長推薦。最后用戶可以根據(jù)待付款、待發(fā)貨、待收貨、待評(píng)價(jià)、退貨查看對(duì)應(yīng)訂單的數(shù)量。個(gè)人中心頁面、我的收貨地址頁面、添加地址信息頁面、密碼修改頁面如下圖5-5、圖5-6、圖5-7、圖5-8所示。圖5-5個(gè)人中心頁面圖5-6我的收貨地址頁面圖5-7添加收貨地址頁面圖5-8修改密碼頁面購物車功能登錄狀態(tài)下的用戶可以在首頁瀏覽商品頁面中選擇心儀的商品加入購物車，在以貨比三家的方式對(duì)相同類型的商品進(jìn)行比較，亦可以刪除或清空購物車，同時(shí)用戶可以根據(jù)自家寵物的需求選擇修改每一件商品的數(shù)量。選定下單的商品后，點(diǎn)擊結(jié)算會(huì)出現(xiàn)確認(rèn)訂單頁面，在確認(rèn)訂單頁面中可以選擇收貨地址亦可從新填寫新地址，選好地址后，點(diǎn)擊支付出現(xiàn)支付成功的提示，如點(diǎn)擊返回購物車則出現(xiàn)支付失敗的提示，支付成功與否都會(huì)產(chǎn)生對(duì)應(yīng)的訂單。購物車頁面及確認(rèn)訂單頁面如下圖5-9、圖5-10所示。圖5-9購物車頁面圖5-10確認(rèn)訂單頁面我的訂單功能在購物車中下單，下單的商品會(huì)在我的訂單自動(dòng)生成訂單信息。用戶可以查看所有的訂單狀態(tài)信息，可以取消未付款、未發(fā)貨的訂單，對(duì)已發(fā)貨、已到貨的訂單申請(qǐng)售后，對(duì)完成訂單的商品進(jìn)行評(píng)論。用戶訂單頁面如下圖5-11所示。圖5-10我的訂單頁面我的收藏用戶登錄后，對(duì)想購買的商品進(jìn)行收藏，要瀏覽收藏的商品可以點(diǎn)擊我的收藏即可從收藏列表看到收藏的商品。我的收藏頁面如下圖所5-11示。圖5-11我的收藏頁面后臺(tái)管理員界面系統(tǒng)后臺(tái)管理員有兩種權(quán)限，分別是超級(jí)權(quán)限和普通權(quán)限。它們的區(qū)別在于普通權(quán)限只能管理寵物用品商品信息、寵物用品商品分類、用戶收藏、訂單、收貨地址、用戶評(píng)論進(jìn)行管理，而超級(jí)權(quán)限比普通權(quán)限對(duì)多兩個(gè)管理，分別是用戶管理、角色權(quán)限。以下的功能以管理員的超級(jí)權(quán)限進(jìn)行說明。后臺(tái)首頁管理員進(jìn)入寵物用品商城后臺(tái)管理系統(tǒng)后，看到有菜單欄和管理員頭像。菜單欄包含首頁和系統(tǒng)管理，而系統(tǒng)管理分為用戶信息管理、寵物用品商城管理、角色管理。寵物用品商城管理分為寵物用品商品信息管理、寵物用品商品分類管理、訂單管理、用戶收藏管理、收貨的地址管理、用戶評(píng)論管理。管理員可以點(diǎn)擊頭像后，選擇個(gè)人中心或退出登錄。選擇個(gè)人中心，管理員可以看到兩部分內(nèi)容，分別是個(gè)人信息和基本資料。個(gè)人信息展示管理員的名稱、手機(jī)號(hào)碼、郵箱、所屬角色權(quán)限及創(chuàng)建時(shí)間?；举Y料分為修改基本資料和修改密碼，管理員可以在基本資料中按照自己的想法修改名稱、手機(jī)號(hào)碼、郵箱、性別，也可以選擇修改密碼。選擇退出登錄，管理員將退出后臺(tái)管理系統(tǒng)。后臺(tái)管理首頁、管理員個(gè)人中的功能頁面如下圖5-12、圖5-13所示。圖5-12后臺(tái)管理首頁圖5-13管理員個(gè)人中的功能頁面用戶管理功能實(shí)現(xiàn)用戶管理是管理著用戶和管理員的基本信息。管理員可以進(jìn)行增刪改查操作，管理員可以添加新的用戶、修改用戶信息，對(duì)管理員還可以根據(jù)用戶名稱、手機(jī)號(hào)碼、狀態(tài)和創(chuàng)建時(shí)間這四種信息選擇其中一種進(jìn)行查詢，除了擁有超級(jí)權(quán)限的管理員信息是不能進(jìn)行刪除外，其他的用戶和普通權(quán)限的管理員可以刪除。用戶管理功能的頁面設(shè)計(jì)如下圖5-14所示。圖5-14用戶管理信息功能頁面寵物用品商品信息管理功能實(shí)現(xiàn)寵物用品商品信息管理是管理著商品的基本信息，管理員可以對(duì)新出的商品進(jìn)行添加，對(duì)過時(shí)的商品進(jìn)行刪除，對(duì)價(jià)格有變動(dòng)的商品進(jìn)行修改，管理員還可以根據(jù)不同條件進(jìn)行查詢。商品信息管理功能的頁面設(shè)計(jì)如下圖5-15所示。圖5-15商品信息管理功能頁面寵物用品商品分類管理功能實(shí)現(xiàn)寵物用品商品分類管理是管理著商品的類別信息，管理員可以添加商品的新種類，刪除不需要的分類，對(duì)分好的類別進(jìn)行修改，根據(jù)主類別查詢有多少個(gè)小類別。寵物用品商品分類管理功能的頁面設(shè)計(jì)如下圖5-16所示。圖5-16寵物用品商品分類管理功能頁面訂單管理功能實(shí)現(xiàn)訂單管理是管理著用戶購買商品的訂單信息，且訂單的信息是自動(dòng)生成的，所有管理員沒有增加、修改的功能，管理員根據(jù)前臺(tái)用戶反饋的訂單狀態(tài)信息，對(duì)訂單的狀態(tài)進(jìn)行相應(yīng)的處理，如管理員根據(jù)用戶支付情況對(duì)商品安排發(fā)貨，根據(jù)用戶申請(qǐng)售后進(jìn)行選擇是否同申請(qǐng)售后，對(duì)歷史訂單進(jìn)行刪除。訂單信息的查詢分為用戶名、商品id、價(jià)格、訂單狀態(tài)等四個(gè)方向，管理員可以選擇其中一項(xiàng)進(jìn)行查詢。訂單管理功能的頁面設(shè)計(jì)如圖5-17所示。圖5-17訂單管理功能頁面角色權(quán)限管理功能實(shí)現(xiàn)角色權(quán)限管理是管理著角色權(quán)限的信息，管理員可以添加和修改角色權(quán)限信息，對(duì)用不到的角色進(jìn)行刪除，公路還可以在搜索欄中任選一項(xiàng)進(jìn)行查詢。角色管理功能的頁面設(shè)計(jì)如下圖5-18所示。圖5-18角色管理功能頁面系統(tǒng)測試測試目的對(duì)系統(tǒng)進(jìn)行測試的目的是保證系統(tǒng)功能沒有出現(xiàn)問題和bng，若在系統(tǒng)的功能測試中檢查出問題或bng，方便開發(fā)者對(duì)出現(xiàn)的問題或bng進(jìn)行修復(fù)和維護(hù)。測試用例設(shè)計(jì)黑盒測試又稱功能測試，因此本系統(tǒng)采用黑盒測試進(jìn)行設(shè)計(jì)測試用例。寵物用品商城的主要功能測試用例設(shè)計(jì)如下所示：小結(jié)本節(jié)主要是對(duì)寵物用品商城的主要功能進(jìn)行測試說明，其測試結(jié)果與期望結(jié)構(gòu)相同，這說明了寵物用品商城的功能沒有出現(xiàn)問題和bng。結(jié)論隨著電商平臺(tái)的發(fā)展，購物方式也從線下實(shí)體店轉(zhuǎn)為線上購物，我們稱之為網(wǎng)絡(luò)購物。而寵物用品平臺(tái)、網(wǎng)站的出現(xiàn)，滿足了飼養(yǎng)者不出門就能購買寵物用品，為飼養(yǎng)者節(jié)約了大量的時(shí)間和精力，而且飼養(yǎng)者可以讓快遞員把寵物用品送到家門口，這解決了飼養(yǎng)者的困擾。因此，本系統(tǒng)是基于SpringBoot+Vue的寵物用品商城系統(tǒng)，該系統(tǒng)是根據(jù)市場及用戶需求進(jìn)行設(shè)計(jì)開發(fā)。系統(tǒng)開發(fā)的目的：為人們提供一個(gè)購買寵物用品商品的平臺(tái)，方便人們購買寵物用品。系統(tǒng)使用兩種開發(fā)工具——IDEA開發(fā)后臺(tái)、VSCode開發(fā)前臺(tái)。系統(tǒng)開發(fā)應(yīng)用了SpringBoot、SpringSecurity、Mybatis、Vue、Axios、MySQL數(shù)據(jù)庫等相關(guān)技術(shù)，完成了寵物用品商城的開發(fā)。系統(tǒng)開發(fā)兩部分開發(fā)，分為前臺(tái)用戶和后臺(tái)管理員。在寵物用品商城中用戶主要擁有的功能有商品的搜索和收藏、商品添加購物車、支付等功能，管理員主要擁有的功能有商城管理、用戶管理、角色權(quán)限管理等管理功能。項(xiàng)目開發(fā)都需要進(jìn)行需求設(shè)計(jì)和分析，項(xiàng)目分析涉及用例圖分析、業(yè)務(wù)描述、數(shù)據(jù)流程分析。依照用例圖分析的結(jié)果設(shè)計(jì)功能結(jié)構(gòu)體；依照業(yè)務(wù)描述和流程分析設(shè)計(jì)功能之間的數(shù)據(jù)流向。系統(tǒng)依據(jù)實(shí)體圖設(shè)計(jì)數(shù)據(jù)庫表，實(shí)現(xiàn)各個(gè)功能模塊。最后根據(jù)用戶需求設(shè)計(jì)測試用例，根據(jù)