緒論1.1選題背景隨著我國國民經(jīng)濟(jì)的不斷發(fā)展，人們對養(yǎng)寵物的需求也在逐年上升，據(jù)2023年8月數(shù)據(jù)統(tǒng)計(jì)顯示，該類人群數(shù)量已經(jīng)達(dá)到3.23億。其中，養(yǎng)狗的人群在飼養(yǎng)寵物的人群中占到最大比例。隨著工作和生活的節(jié)奏加快，大部分喜歡寵物狗的人無暇去線下門店仔細(xì)挑選心儀的寵物狗，也有另一部分寵物狗主人存在無暇照料寵物狗的情況，越來越多的寵物狗成了無家可歸的流浪狗。目前，盡管我國已經(jīng)陸續(xù)開放許多動(dòng)物救助站及寵物店、寵物醫(yī)院等收容寵物狗場所，但由于區(qū)域限定、宣傳困難、寵物價(jià)格昂貴等原因，寵物狗的寄存領(lǐng)養(yǎng)問題一直不能有效解決。因此，越來越多的寵物店家渴望擁有一個(gè)寵物狗寄存領(lǐng)養(yǎng)系統(tǒng)來實(shí)現(xiàn)門店內(nèi)寵物狗的寄存和領(lǐng)養(yǎng)。1.2選題的目的與意義隨著中國寵物狗產(chǎn)業(yè)的快速發(fā)展，寵物狗市場的需求持續(xù)增長，寵物狗寄存領(lǐng)養(yǎng)系統(tǒng)前景光明。由于現(xiàn)代人生活節(jié)奏快，往往缺乏空閑時(shí)間去寵物店挑選寵物狗，而且一般寵物店賣的寵物狗非常的貴，難以負(fù)擔(dān)。寵物狗寄存領(lǐng)養(yǎng)系統(tǒng)能幫助他們直接在網(wǎng)上瀏覽寵物狗相關(guān)信息并挑選心儀寵物狗，支付的價(jià)格也比寵物店價(jià)格便宜很多，在管理員審核通過之后，用戶就可以領(lǐng)養(yǎng)自己喜歡的寵物狗，既省時(shí)又省力。管理員可以在網(wǎng)站上發(fā)布寵物狗的信息、寵物常識和一些寵物狗商品，讓意向用戶可以低價(jià)領(lǐng)養(yǎng)寵物狗以及購買寵物狗商品。隨著寵物狗寄存領(lǐng)養(yǎng)系統(tǒng)用戶量的增加，寵物狗的流動(dòng)性也大大加快，團(tuán)隊(duì)收益也能隨之大大增加。1.3國內(nèi)外研究現(xiàn)狀 1.3.1國內(nèi)研究現(xiàn)狀2022年，艾媒咨詢披露了一組數(shù)據(jù)，我國寵物經(jīng)濟(jì)產(chǎn)業(yè)規(guī)模高達(dá)4936億元，同比增長25.2%，預(yù)計(jì)2025年市場規(guī)模將達(dá)8114億元。近年來，中國越來越多人加入養(yǎng)寵物狗的行列。根據(jù)派讀寵物行業(yè)[1-2]數(shù)據(jù)顯示，2022年，我國城鎮(zhèn)有7043萬人飼養(yǎng)犬貓，同比上升2.9%。據(jù)有關(guān)資料顯示，2022年，三線及以下城市養(yǎng)寵物狗比例有近6.4％，一線城市養(yǎng)寵物狗的比例高達(dá)8.8%。近些年我國寵物產(chǎn)業(yè)還在不斷發(fā)展，已經(jīng)逐漸形成了成熟的寵物產(chǎn)業(yè)鏈[3-5]，比如交易和保險(xiǎn)等一系列產(chǎn)品和服務(wù)。1.3.2國外研究現(xiàn)狀在國外，特別是發(fā)達(dá)國家，人們與寵物的關(guān)系非常親密，人們將寵物作為一種精神寄托，甚至將寵物視為家庭成員。因此，寵物服務(wù)行業(yè)發(fā)展極為迅速，目前該行業(yè)已存在百年以上。該行業(yè)還建立了多個(gè)市場體系[6]：如寵物生活用品、食品、美容服務(wù)以及醫(yī)療保險(xiǎn)等，對國民經(jīng)濟(jì)的發(fā)展起到了至關(guān)重要的作用。有關(guān)數(shù)據(jù)顯示，世界寵物市場以每年3.5％的速度持續(xù)增加，到2023年，該市場已經(jīng)交易額已經(jīng)達(dá)到1475億美元[7]。其中，寵物狗被評為最受歡迎的寵物種類[8]，在美國有近五成的家庭飼養(yǎng)了寵物狗。寵物產(chǎn)業(yè)在日本很早就得到了發(fā)展，目前有近六成的家庭飼養(yǎng)了寵物狗，并以寵物狗[9]為原型拍攝了多部影片，獲得大眾一致好評，其他與寵物狗相關(guān)產(chǎn)品和服務(wù)也非常成熟。1.4論文結(jié)構(gòu)本文章節(jié)安排如下圖1-1所示。圖1-1本文章節(jié)安排圖本論文共分為7章，第1章緒論、第2章相關(guān)技術(shù)介紹、第3章系統(tǒng)的需求分析、第4章系統(tǒng)的設(shè)計(jì)、第5章系統(tǒng)的實(shí)現(xiàn)、第6章系統(tǒng)測試以及第7章總結(jié)與展望。2相關(guān)技術(shù)介紹由于項(xiàng)目的建設(shè)用到了許多軟件開發(fā)的技術(shù)和框架，故本章對項(xiàng)目建設(shè)釆用的B/S架構(gòu)模式、前端Bootstrap開發(fā)框架技術(shù)、前端JSP開發(fā)技術(shù)、JAVA語言技術(shù)、SSM框架技術(shù)和數(shù)據(jù)層MySQL數(shù)據(jù)庫技術(shù)進(jìn)行一一概述。2.1B/S架構(gòu)模式本系統(tǒng)的設(shè)計(jì)采用比較主流的B/S架構(gòu)模式，B/S架構(gòu)模式使用服務(wù)器處理業(yè)務(wù)和數(shù)據(jù)請求，并返回給瀏覽器，滿足瀏覽器的需求，游覽器直接和用戶進(jìn)行交互的方式。B/S架構(gòu)模式的第一層將表示業(yè)務(wù)放到獨(dú)立于客戶端的Web服務(wù)器上，這使得使用B/S架構(gòu)模式只需一臺可以上網(wǎng)的計(jì)算機(jī)和一個(gè)瀏覽器即可，大大提高了使用的便利性。使用B/S架構(gòu)模式，人們對客戶端基本是零維護(hù)。2.2前端開發(fā)技術(shù)2.2.1前端Bootstrap開發(fā)框架Bootstrap是目前比較流行的移動(dòng)設(shè)備開發(fā)的前端框架，盡管它更喜歡移動(dòng)裝置而不是移動(dòng)設(shè)備。它由標(biāo)準(zhǔn)的層疊樣式表（CascadingStyleSheets，以下簡稱CSS）、JavaScript插件組成，它最大的優(yōu)勢在于使用了CSSMediaQuery技術(shù)完成前端界面的布局和響應(yīng)，使得Bootstrap框架在安裝了安卓操作系統(tǒng)的不同移動(dòng)設(shè)備上擁有良好的兼容性。Bootstrap提供了廣泛的常用樣式和插件，如排版、面板、表單、縮略圖等常用樣式，導(dǎo)航、分頁導(dǎo)航、下拉菜單、模態(tài)框等常用插件。通過調(diào)用這些組件，開發(fā)人員可以快速構(gòu)建一個(gè)漂亮的、功能豐富的網(wǎng)站。此外，Bootstrap的開發(fā)效率高，代碼易于更改，更容易做到良好的代碼規(guī)范。2.2.2前端JSP開發(fā)技術(shù)Web服務(wù)器主要負(fù)責(zé)運(yùn)行網(wǎng)頁代碼，它的網(wǎng)頁代碼主要使用JSP（JavaServerPages，簡稱JSP）技術(shù)，它根據(jù)客戶端發(fā)送的請求，動(dòng)態(tài)生成HTML、Java、或其他格式的網(wǎng)頁，再返回給請求者。返回的網(wǎng)頁分靜態(tài)網(wǎng)頁和動(dòng)態(tài)網(wǎng)頁兩個(gè)部分，其中靜態(tài)網(wǎng)頁以HTML語言來描述，動(dòng)態(tài)網(wǎng)頁部分用Java腳本語言負(fù)責(zé)開發(fā)，以靈活應(yīng)對用戶的請求。同時(shí)，JSP還具有跨平臺、預(yù)編譯等特性。2.3JAVA語言技術(shù)Java語言由1995年Java語言之父JamesGosling設(shè)計(jì)，它繼承了C++的核心，它一直霸占計(jì)算機(jī)最常用語言榜單前二，它自帶Java虛擬機(jī)和垃圾回收管理機(jī)制，有自己的指令集與程序執(zhí)行規(guī)范，自己獨(dú)特的可執(zhí)行文件格式CLASS，以及高效的內(nèi)存管理，使開發(fā)人員將注意力更加關(guān)注到軟件開發(fā)本身的業(yè)務(wù)。Java語言擁有跨平臺特性。Java代碼并不是直接交由計(jì)算機(jī)的指令編譯器去運(yùn)行，而是通過Java虛擬機(jī)對Java代碼進(jìn)行編譯，翻譯成不同計(jì)算機(jī)編譯器的匯編語言或指令進(jìn)行計(jì)算。此外，Java語言還具有面向?qū)ο筇匦浴⒍嗑€程特性和安全性。2.4SSM開發(fā)框架技術(shù)SSM作為一種典型的MVC框架，通常分為表示層、控制層和服務(wù)層以及數(shù)據(jù)庫訪問層。其中，Spring提供了IOC（InversionofControl）機(jī)制，使得各組件的耦合度下降。Spring還提供了AOP（Aspect-OrientedProgramming）技術(shù)，使開發(fā)在不修改原代碼的前提下，完成系統(tǒng)功能的增加。SSM框架中的SpringMVC將整個(gè)系統(tǒng)架構(gòu)分為模型（Model）層、視圖層（View）和控制器（Controller），便于高效開發(fā)。SSM框架中的MyBatis持久層框架與數(shù)據(jù)庫相連接，使用XML文件配置SQL語句，并與數(shù)據(jù)庫進(jìn)行交互，同時(shí)將返回的結(jié)果包裝成Java對象，是SQL高級運(yùn)用接口。其目的是管理數(shù)據(jù)輸入和輸出，以及執(zhí)行SQL語句以滿足整個(gè)應(yīng)用程序體系結(jié)構(gòu)的開發(fā)需求。2.5MySQL數(shù)據(jù)庫技術(shù)目前，MySQL是最受中小企業(yè)信息化建設(shè)歡迎的數(shù)據(jù)庫，它支持多種語言，適合多種平臺項(xiàng)目開發(fā)。MySQL、數(shù)據(jù)庫SQL語句執(zhí)行過程如下：MySQL服務(wù)端口號默認(rèn)為3306端口，客戶端（SSM架構(gòu)的控制層）通過3306端口與MySQL連接，并發(fā)送SQL語句，可使用解析器把SQL語句轉(zhuǎn)化成抽象語法樹，主要是驗(yàn)證SQL語句語法的合法性，然后將抽象語法樹交由預(yù)處理器進(jìn)行查詢優(yōu)化，得到執(zhí)行計(jì)劃，再通過執(zhí)行引擎調(diào)用存儲引擎來完成執(zhí)行計(jì)劃，并將執(zhí)行結(jié)果返回給客戶端。正是由于MySQL擁有合理的執(zhí)行SQL語句的架構(gòu)使得它具有性能優(yōu)越、穩(wěn)定性好、安全性高等特點(diǎn)。3系統(tǒng)的需求分析項(xiàng)目需求分析可以幫助避免部分設(shè)計(jì)和開發(fā)上的錯(cuò)誤，提升系統(tǒng)的開發(fā)效率。在了解現(xiàn)在社會(huì)上關(guān)于寵物狗一些實(shí)際需求情況和巨大的潛在市場之后，對這些實(shí)際需求情況進(jìn)行分析并在本文的寵物狗寄存領(lǐng)養(yǎng)系統(tǒng)中進(jìn)行設(shè)計(jì)實(shí)現(xiàn)。在系統(tǒng)需求分析的過程中，結(jié)合大眾對寵物狗的寄存領(lǐng)養(yǎng)需求，分析出系統(tǒng)的基本流程及所需特色功能，并根據(jù)實(shí)際功能設(shè)計(jì)出系統(tǒng)功能模塊圖，并對核心功能模塊進(jìn)行了介紹。最后，對系統(tǒng)非功能性需求進(jìn)行了分析，其中包括系統(tǒng)安全性的分析。3.1系統(tǒng)的功能性需求分析基于SSM的寵物狗寄存領(lǐng)養(yǎng)系統(tǒng)是實(shí)現(xiàn)數(shù)據(jù)交互可視化的系統(tǒng)。在現(xiàn)在年輕人工作流動(dòng)性增加的背景下，隨著寵物狗數(shù)量不斷增加，必然帶來一系列寵物狗寄存和領(lǐng)養(yǎng)的需求。如何實(shí)現(xiàn)寵物狗寄存和領(lǐng)養(yǎng)就長期成為人們討論的焦點(diǎn)?；赟SM的寵物狗寄存領(lǐng)養(yǎng)系統(tǒng)主要通過對寵物狗的進(jìn)行寄存、回收，并進(jìn)行促成新主人與寵物狗的領(lǐng)養(yǎng)關(guān)系并適當(dāng)收取相關(guān)費(fèi)用。系統(tǒng)適合各個(gè)寵物狗店，范圍覆蓋較大，用戶數(shù)量相對較多，不同用戶角色不同，對系統(tǒng)功能的使用不同。它主要設(shè)計(jì)了四個(gè)功能模塊，分別是養(yǎng)狗秘籍、領(lǐng)養(yǎng)中心、寄存中心和寵物用品，如下圖3-1所示。圖3-1系統(tǒng)功能模塊圖養(yǎng)狗秘籍：該功能模塊設(shè)計(jì)主要是為了對用戶進(jìn)行寵物狗相關(guān)知識的科普，包括寵物狗到家注意事項(xiàng)、養(yǎng)狗必備清單以及幼犬的行為訓(xùn)練等。寵物狗剛到新家，主人需要給狗狗特別的照顧，幫助狗狗適應(yīng)新環(huán)境；養(yǎng)狗必備清單可以幫助主人快速定位狗狗需要什么食物與日常用品；在幼犬的行為訓(xùn)練里，我們設(shè)置了8種幼犬的行為訓(xùn)練，分別是糾正挑食、防咬手、狗狗翻轉(zhuǎn)、狗狗立定、糾正亂叫、召喚狗狗、趴下和定點(diǎn)上廁所。領(lǐng)養(yǎng)中心：該功能模塊設(shè)計(jì)主要滿足有領(lǐng)養(yǎng)需求的用戶，幫助用戶選購要領(lǐng)養(yǎng)的寵物狗，如果出現(xiàn)有興趣領(lǐng)養(yǎng)的狗狗，可以直接在頁面上進(jìn)行點(diǎn)擊，這時(shí)候就會(huì)跳出三張?jiān)搶櫸锕返纳钫?，以及該寵物狗的姓名、生日、品種、性別和簡介等信息，用戶可以在評論區(qū)進(jìn)行評論，也可以點(diǎn)擊想要領(lǐng)養(yǎng)按鈕申請領(lǐng)養(yǎng)，填入個(gè)人信息等待管理員審核，待領(lǐng)養(yǎng)請求通過后就可以帶走中意的寵物狗了，整個(gè)領(lǐng)養(yǎng)的流程如下圖3-2所示。圖3-2領(lǐng)養(yǎng)流程圖寄存中心：該功能模塊設(shè)計(jì)主要滿足有寄存需求的用戶，進(jìn)行寄存自己的寵物狗。當(dāng)用戶有寄存需求時(shí)，進(jìn)入到寄存頁面，先對我們的團(tuán)隊(duì)成員有個(gè)簡單的了解，頁面上有對團(tuán)隊(duì)成員的性格介紹，用戶可以指定一位作為自己寵物的主要照料人。然后再填寫一下該頁面下端部分的個(gè)人寄存信息，如姓名、電話、寵物的名字、品種、性別、年齡、簡介和三張生活照，這些信息填好后點(diǎn)擊提交按鈕，申請寄存寵物狗并等待管理員審核通過用戶的寄存信息，管理員會(huì)在兩個(gè)工作日內(nèi)對相關(guān)寄存請求做出答復(fù)。寵物用品：該功能模塊設(shè)計(jì)主要滿足有購買寵物用品需求的用戶。很多用戶是通過寵物門店介紹來到網(wǎng)上瀏覽下單的，也有一些人是瀏覽了我們的養(yǎng)狗秘籍模塊的寵物必備清單后進(jìn)來挑選下單的。管理員可以上架寵物狗的必備食品和用品，像尿墊、狗窩、犬糧、磨牙棒等，商品琳瑯滿目，可供用戶自由挑選。用戶根據(jù)商品信息選擇好商品之后，只需點(diǎn)擊一下商品圖片，就可以打開該商品的淘寶店頁面，隨后在進(jìn)行購買操作，非常高效便捷。該系統(tǒng)主要的用戶分為4大類：系統(tǒng)管理員、游客、寄存者、領(lǐng)養(yǎng)者。游客是沒有注冊的用戶，他們只能使用養(yǎng)狗秘籍模塊，不能進(jìn)行評論、領(lǐng)養(yǎng)、寄存等操作。寄存者和領(lǐng)養(yǎng)者都是在系統(tǒng)上進(jìn)行注冊的人群，他們不但可以瀏覽養(yǎng)狗秘籍模塊，可以分別使用領(lǐng)養(yǎng)和寄存的功能，還可以在系統(tǒng)上購買寵物用品。系統(tǒng)管理員可以在后臺對數(shù)據(jù)進(jìn)行管理，主要有用戶管理、寵物信息管理、評論管理、寄存領(lǐng)養(yǎng)審核、寵物商品上架等。管理員權(quán)限大于普通用戶。例如用戶不能刪除他人評論，只能由系統(tǒng)管理員進(jìn)行對違法違規(guī)評論進(jìn)行更改。整體后臺管理流程圖如圖3-3所示。圖3-3后臺管理流程圖3.2系統(tǒng)的非功能性需求分析高性能：它的性能指標(biāo)有響應(yīng)時(shí)間、吞吐量、并發(fā)數(shù)等。一般可以提升硬件配置和優(yōu)化操作系統(tǒng)等方式來提升性能。安全性：基于SSM的寵物狗寄存領(lǐng)養(yǎng)系統(tǒng)屬于電商網(wǎng)站系統(tǒng)，因此系統(tǒng)安全性需要得到可靠的保障，系統(tǒng)對用戶權(quán)限進(jìn)行嚴(yán)格的控制，做到重要數(shù)據(jù)及時(shí)的備份，同時(shí)對用戶基本信息進(jìn)行及時(shí)的更新和管理，保障系統(tǒng)安全。4系統(tǒng)的設(shè)計(jì)上一章，本文對系統(tǒng)進(jìn)行了功能性和非功能性的需求分析，并清晰劃分了系統(tǒng)中的功能模塊，本章將對系統(tǒng)進(jìn)行詳細(xì)設(shè)計(jì)。4.1系統(tǒng)開發(fā)及運(yùn)行環(huán)境基于SSM的寵物狗寄存領(lǐng)養(yǎng)系統(tǒng)的前端采用Bootstrap和JSP技術(shù)，后臺管理系統(tǒng)中管理員端采用的是Java的SSM（Spring+SpringMVC+MyBatis）框架體系，使用IDEA工具進(jìn)行開發(fā)，數(shù)據(jù)庫使用了Mysql，Web服務(wù)器使用了Tomcat8.5，,具體配置環(huán)境如表4-1中所述。表4-1開發(fā)環(huán)境配置環(huán)境項(xiàng)目內(nèi)容開發(fā)工具軟件版本軟件環(huán)境開發(fā)語言JavaJava開發(fā)環(huán)境JDK1.81.8數(shù)據(jù)庫Mysql8.0測試環(huán)境IE、火狐瀏覽器9.0編程環(huán)境IntelliJIDEA2022.2.4硬件環(huán)境CPUInteli5-10210U系統(tǒng)內(nèi)存16G4.2系統(tǒng)開發(fā)的設(shè)計(jì)思想（1）易用性原則系統(tǒng)開發(fā)首先要符合用戶的需求，也要符合寵物狗店的特點(diǎn)，激發(fā)顧客的消費(fèi)欲望。由于基于SSM的寵物狗寄存領(lǐng)養(yǎng)系統(tǒng)用戶多為非專業(yè)人士，因此要求系統(tǒng)要有易于上手、操作簡便的特點(diǎn)。（2）自動(dòng)化原則寵物狗門店使用基于SSM的寵物狗寄存領(lǐng)養(yǎng)系統(tǒng)的目的就是希望通過系統(tǒng)在實(shí)現(xiàn)寄存和領(lǐng)養(yǎng)的同時(shí)，也可以提高自己的工作效率，盡可能實(shí)現(xiàn)自動(dòng)化管理，減少使用者繁瑣的操作，降低人力成本。（3）經(jīng)濟(jì)性原則系統(tǒng)設(shè)計(jì)要考慮到經(jīng)濟(jì)性原則，避免使用龐大、功能繁瑣的系統(tǒng)而導(dǎo)致系統(tǒng)制開發(fā)成本過高，系統(tǒng)應(yīng)盡量做到小而精。（4）可擴(kuò)展性原則系統(tǒng)設(shè)計(jì)要有一定的擴(kuò)展性，避免實(shí)際功能達(dá)不到現(xiàn)實(shí)的需要。系統(tǒng)具有擴(kuò)展性，也是為了以后可以增加功能模塊。4.3系統(tǒng)的架構(gòu)設(shè)計(jì)基于SSM的寵物狗寄存領(lǐng)養(yǎng)系統(tǒng)采用典型的MVC框架進(jìn)行開發(fā)，通常分為表示層、控制層和服務(wù)層以及數(shù)據(jù)庫訪問層。數(shù)據(jù)庫訪問層主要負(fù)責(zé)與數(shù)據(jù)庫的聯(lián)絡(luò)，服務(wù)層負(fù)責(zé)邏輯應(yīng)用設(shè)計(jì)，控制層負(fù)責(zé)業(yè)務(wù)模塊流程的控制，表示層負(fù)責(zé)頁面展示。其中，Spring提供了IOC（InversionofControl）機(jī)制，使得各組件的耦合度下降。采用MySQL數(shù)據(jù)庫，它具有命令執(zhí)行快、可移植性強(qiáng)、易于操作和成本低等優(yōu)點(diǎn)。在目標(biāo)人群方面，本系統(tǒng)主要有兩類用戶：一是普通用戶，普通用戶在網(wǎng)頁端直接瀏覽寵物狗相關(guān)內(nèi)容；二是管理員，管理員在管理后臺進(jìn)行相關(guān)數(shù)據(jù)維護(hù)。普通用戶登錄網(wǎng)站后，可以瀏覽養(yǎng)狗秘籍，也可以根據(jù)自身實(shí)際寄存或領(lǐng)養(yǎng)的需求進(jìn)行操作，操作完成后等管理員進(jìn)行后臺審核。對于有寵物的用戶，需在管理系統(tǒng)中登記寵物信息。對于無寵物的用戶可在此系統(tǒng)中瀏覽可領(lǐng)養(yǎng)寵物的信息。系統(tǒng)整體功能模塊設(shè)置如下圖4-1所示。圖4-1系統(tǒng)整體功能模塊圖4.4系統(tǒng)的數(shù)據(jù)庫設(shè)計(jì)基于SSM的寵物狗寄存領(lǐng)養(yǎng)系統(tǒng)采用MySQL數(shù)據(jù)庫對相關(guān)數(shù)據(jù)進(jìn)行一一存儲，它將數(shù)據(jù)保存在6張不同的表中。其中，用戶表用來存儲普通用戶數(shù)據(jù)，管理員表用于存儲管理員數(shù)據(jù)，可領(lǐng)養(yǎng)寵物狗表用于存儲寵物狗數(shù)據(jù)，寄存寵物狗申請表用于存儲寄存數(shù)據(jù)、寵物用品表用于管理寵物用品，評論管理表則用于存儲評論數(shù)據(jù)。從管理員角度分析設(shè)計(jì)，多個(gè)管理員實(shí)體可以同時(shí)管理多個(gè)用戶、寵物、寵物用品等信息；從用戶角度分析設(shè)計(jì)，一個(gè)用戶用戶可以寄存領(lǐng)養(yǎng)多個(gè)寵物或購買多個(gè)寵物用品。具體E-R圖如下圖4-2、4-3所示。圖4-2用戶及寵物狗管理E-R圖圖4-3用戶及寵物用品E-R圖4.4.1用戶表設(shè)計(jì)用戶表的邏輯結(jié)構(gòu)如表4-2所示，其中用戶序號作為主鍵，與用戶的賬號、密碼、性別、年齡、電話、郵箱地址、家庭地址、頭像等形成一對一的關(guān)系結(jié)構(gòu)。表4-2用戶表序號名稱字段名類型是否為主鍵1序號idInt（11）是2賬號userNameVarChar（20）否3密碼passwordVarChar（30）否4性別sexVarChar（2）否5年齡ageInt（11）否6電話telephoneVarChar（20）否7郵箱EmailVarChar（30）否8家庭地址addressVarChar（50）否9頭像picVarChar（100）否4.4.2管理員表設(shè)計(jì)管理員表的邏輯結(jié)構(gòu)如表4-3所示，其中管理員序號作為主鍵，與管理員的賬號、密碼、真實(shí)姓名、電話、郵箱地址、生日、性別、頭像等形成一對一的關(guān)系結(jié)構(gòu)。表4-3管理員表序號名稱字段名類型是否為主鍵1序號idInt（11）是2賬號adminNameVarChar（20）否3密碼adminPwdVarChar（30）否4真實(shí)姓名realnameVarChar（30）否5電話telephoneVarChar（20）否6郵箱EmailVarChar（30）否7生日birthdayDate否8性別sexVarChar（2）否9頭像picVarChar（100）否4.4.3可領(lǐng)養(yǎng)寵物狗表設(shè)計(jì)可領(lǐng)養(yǎng)寵物狗表的邏輯結(jié)構(gòu)如表4-4所示，其中序號作為主鍵，與寵物狗的姓名、種類、性別、生日、圖片等形成一對一的關(guān)系結(jié)構(gòu)。表4-4可領(lǐng)養(yǎng)寵物狗表序號名稱字段名類型是否為主鍵1序號idInt（11）是2姓名petNameVarChar（20）否3種類petTypeVarChar（20）否4性別sexVarChar（2）否5生日birthdayDate否6圖片picVarChar（100）否4.4.4寄存寵物狗申請表設(shè)計(jì)寄存寵物狗申請表的邏輯結(jié)構(gòu)如表4-5所示，其中序號作為主鍵，與用戶姓名、聯(lián)系電話、地址、郵箱、寵物狗姓名、性別、種類、簡介等形成一對一的關(guān)系結(jié)構(gòu)。表4-5寄存寵物狗表序號名稱字段名類型是否為主鍵1序號idInt（11）是2用戶姓名userNameVarChar（20）否3聯(lián)系電話telephoneVarChar（20）否4地址addressVarChar（50）否5郵箱EmailVarChar（30）否6寵物狗姓名petNameVarChar（20）否7性別sexVarChar（2）否8 種類petTypeVarChar（20）否9簡介remarkVarChar（100）否10圖片picVarChar（100）否4.4.5寵物用品表設(shè)計(jì)寵物用品表的邏輯結(jié)構(gòu)如表4-6所示，其中序號作為主鍵，與上架時(shí)間、商品名稱、商品簡介、商品鏈接等形成一對一的關(guān)系結(jié)構(gòu)。表4-6寵物用品表序號名稱字段名類型是否為主鍵1序號idInt（11）是2上架時(shí)間timeDate否3商品名稱spNameVarChar（30）否4商品簡介remarkVarChar（100）否5商品鏈接linkVarChar（100）否4.4.6評論管理表設(shè)計(jì)評論管理表的邏輯結(jié)構(gòu)如表4-7所示，其中序號作為主鍵，與用戶賬號、管理員賬號、寵物賬號、評論時(shí)評論內(nèi)容等形成一對一的關(guān)系結(jié)構(gòu)。表4-7評論管理表序號名稱字段名類型是否為主鍵1序號idInt（11）是2用戶賬號userIdInt（11）否3管理員賬號adminsIdInt（11）否4寵物賬號petIdInt（11）否5評論時(shí)間commentTimeDate否9評論內(nèi)容conmmentVarChar（200）否5系統(tǒng)的實(shí)現(xiàn)上一章對寵物狗寄存領(lǐng)養(yǎng)系統(tǒng)架構(gòu)和數(shù)據(jù)庫進(jìn)行了設(shè)計(jì)。本章對該系統(tǒng)的功能模塊進(jìn)行介紹并對應(yīng)展示了部分功能的代碼和實(shí)現(xiàn)說明。5.1登錄模塊實(shí)現(xiàn)5.1.1管理員登錄模塊實(shí)現(xiàn)管理員登錄模塊如圖5-1所示，根據(jù)提示詞“賬號”和“密碼”在相應(yīng)輸入框進(jìn)行輸入，系統(tǒng)將獲取到的信息與管理員表數(shù)據(jù)相比對，只有當(dāng)所有輸入正確才能成功登錄。圖5-1管理員登錄圖管理員登錄模塊代碼如圖5-2所示，登錄通過form表單提交，請求方式method為post，請求接口action的參數(shù)/admin/dologin，通過輸入框input的name值和id值分別傳遞賬號和密碼參數(shù)。圖5-2管理員登錄模塊代碼圖5.1.2用戶登錄模塊實(shí)現(xiàn)在主頁面上點(diǎn)擊注冊/登錄按鈕，就會(huì)彈出如圖5-3所示，根據(jù)提示詞“賬號”和“密碼”在相應(yīng)輸入框進(jìn)行輸入，系統(tǒng)將獲取到的信息與用戶表數(shù)據(jù)相比對，只有當(dāng)所有輸入正確才能成功登錄。圖5-3用戶登錄圖用戶登錄模塊代碼圖如圖5-4和圖5-5所示，通過用戶主動(dòng)觸發(fā)button按鈕的click事件，通過ajax來發(fā)送接口請求。ajax接收三個(gè)參數(shù)，url：請求的路徑，type：請求的類型，data：請求的參數(shù)，即頁面上面輸入的值，java接口接收到ajax請求，做出回應(yīng)，成功會(huì)在success中返回，失敗會(huì)在error中返回失敗的信息。圖5-4登錄模塊界面代碼圖5-5登錄模塊代碼5.2用戶注冊模塊5.2.1用戶注冊模塊實(shí)現(xiàn)用戶注冊圖如圖5-6所示，在主頁上點(diǎn)擊注冊/登錄按鈕，根據(jù)提示詞“用戶名字”、“用戶密碼”等，在相應(yīng)輸入框進(jìn)行輸入，系統(tǒng)將獲取到的信息與用戶表數(shù)據(jù)相比對，如未發(fā)現(xiàn)重復(fù)用戶，則注冊成功。圖5-6用戶注冊圖用戶注冊代碼如圖5-7所示，使用form表單進(jìn)行上傳文件需要為form添加enctype="multipart/form-data"屬性，通過input的name屬性來傳遞參數(shù)。圖5-7用戶注冊代碼5.2.2圖形驗(yàn)證碼模塊實(shí)現(xiàn)圖形驗(yàn)證碼代碼如圖5-8所示，引用外部腳本gVerify.js,在項(xiàng)目靜態(tài)資源中static/js/user中添加腳本文件，在頁面中使用jquery，通過newGVerify這個(gè)方法告訴腳本需要為哪一個(gè)元素添加圖形驗(yàn)證碼，在提交時(shí)通過對比code_input的value值來對比2個(gè)驗(yàn)證碼是否一致。圖5-8圖形驗(yàn)證碼代碼實(shí)現(xiàn)5.3系統(tǒng)主頁輪播圖實(shí)現(xiàn)系統(tǒng)主頁如下圖5-9所示，從上到下，首先是導(dǎo)航欄有主頁、養(yǎng)狗秘籍、領(lǐng)養(yǎng)中心、寄存中心、寵物用品，它們分別對應(yīng)著各大功能模塊，注冊/登錄按鈕則是滿足用戶注冊登錄的需求。再往下是我們的寵物狗店鋪logo圖狗狗之家。中心背景圖是由四張可愛的狗狗圖片組成，形式是輪播形式，每間隔3秒就換下一張圖。底部是網(wǎng)站系統(tǒng)的簡介、寵物店家的聯(lián)系方式和6張寵物狗展示圖。在聯(lián)系方式下面是管理員登錄按鈕，管理員可以點(diǎn)擊此按鈕登錄到本系統(tǒng)后臺。圖5-9寵物狗寄存管理系統(tǒng)主頁系統(tǒng)主頁的輪播功能實(shí)現(xiàn)代碼如圖5-10所示，輪播圖使用了外部插件responsiveslides.min.js,首先在項(xiàng)目靜態(tài)資源中static/js/user中添加腳本文件，在頁面中使用jquery，在頁面加載時(shí)調(diào)用腳本的方法responsiveslides(),在方法中配置輪播圖的屬性，auto是自動(dòng)輪播，speed是輪播圖轉(zhuǎn)動(dòng)的速度，pager是分頁的意思，nav表示是左右箭頭。圖5-11是輪播界面實(shí)現(xiàn)代碼圖，在頁面模版中使用輪播圖，通過UI，li頁面標(biāo)簽來實(shí)現(xiàn)，在UI中添加唯一的屬性id=slide，來告訴responsiveslides.min.js需要在哪里輪播，然后通過li標(biāo)簽來展示我們需要幾個(gè)輪播圖，有幾個(gè)li標(biāo)簽，就有幾張輪播圖。圖5-10主頁輪播功能實(shí)現(xiàn)圖5-11主頁輪播界面實(shí)現(xiàn)5.4養(yǎng)狗秘籍模塊實(shí)現(xiàn)系統(tǒng)養(yǎng)狗秘籍頁面如下圖5-12所示，自上而下介紹，首先是標(biāo)題歡迎來到寵物知識專欄，顧名思義，這是一個(gè)介紹寵物知識的模塊。標(biāo)題下面有四個(gè)小問題，小問題下面是兩個(gè)按鈕，分別是寵物狗到家注意事項(xiàng)和養(yǎng)狗必備清單。點(diǎn)擊寵物狗到家注意事項(xiàng)按鈕，會(huì)彈出如圖5-13窗口，里面有三條溫馨提醒。點(diǎn)擊養(yǎng)狗必備清單，則會(huì)彈出如圖5-14窗口，分別是寵物狗的生活和出行用品。頁面的下面部分則是8張幼犬行為訓(xùn)練展示。圖5-12養(yǎng)狗秘籍頁面圖5-13寵物狗到家注意事項(xiàng)頁面圖5-14養(yǎng)狗必備清單頁5.5領(lǐng)養(yǎng)中心模塊實(shí)現(xiàn)首先在領(lǐng)養(yǎng)中心頁面如圖5-15所示，我們可以看到三只可領(lǐng)養(yǎng)寵物狗，點(diǎn)擊圖片彈出如圖5-16窗口，里面有寵物狗名字、編號、生日、品種、性別、圖片等，點(diǎn)擊心儀狗狗的圖片，登記自己相關(guān)信息，即可發(fā)起領(lǐng)養(yǎng)請求，耐心等待管理員審核即可，管理員會(huì)在2個(gè)工作日內(nèi)與您進(jìn)行聯(lián)系和操作。圖5-15領(lǐng)養(yǎng)中心頁面圖5-16寵物狗詳細(xì)信息頁面領(lǐng)養(yǎng)中心動(dòng)畫效果和分頁實(shí)現(xiàn)分別如圖5-17和圖5-18所示，實(shí)現(xiàn)方法通過jquery的each方法來遍歷返回的參數(shù)，通過addClass的方法給對應(yīng)的元素添加上帶有動(dòng)畫效果的class。分頁功能的實(shí)現(xiàn)，通過ajax傳遞每頁的數(shù)量和頁數(shù)調(diào)用java的接口來獲取到總條數(shù)和數(shù)據(jù)，獲取到數(shù)據(jù)后，通過javascript來循環(huán)遍歷返回的接口，通過append這個(gè)方式來添加dom元素。圖5-17領(lǐng)養(yǎng)中心動(dòng)畫效果實(shí)現(xiàn)代碼圖5-18領(lǐng)養(yǎng)中心分頁效果實(shí)現(xiàn)代碼5.6寄存中心模塊實(shí)現(xiàn)寄存中心頁面如圖5-19所示，首先在寄存中心頁面我們可以看到我們團(tuán)隊(duì)人員的聯(lián)系方式，可以電話溝通寵物狗寄存事宜也可以登記自己個(gè)人信息像姓名、電話、寵物狗品種和年齡，還有地址等信息等，發(fā)起寄存請求，耐心等待管理員審核即可，管理員會(huì)在24小時(shí)內(nèi)與您進(jìn)行聯(lián)系和操作。圖5-19寄存中心頁面寄存中心的數(shù)據(jù)流實(shí)現(xiàn)代碼如圖5-20所示，通過點(diǎn)擊id為save_apply_btn的按鈕，發(fā)送ajax請求，url為請求路徑，type為請求類型，data：請求的參數(shù)，就是頁面上面輸入的值，java接口接收到ajax請求，做出回應(yīng)，成功會(huì)在success中返回，失敗會(huì)在error中返回失敗的信息。圖5-20寄存中心數(shù)據(jù)流實(shí)現(xiàn)代碼5.7寵物用品模塊實(shí)現(xiàn)在寵物用品頁面如圖5-21所示，我們可以看到一些熱銷的寵物用品，包括它們的上架時(shí)間、商品鏈接、價(jià)格、使用說明等，選擇心儀的寵物狗商品進(jìn)行點(diǎn)擊就會(huì)跳轉(zhuǎn)到淘寶店鋪寶貝詳情頁面，如圖5-22所示。圖5-21寵物用品頁面圖5-22寵物用品詳情頁寵物用品選購頁面顯示代碼如圖5-23所示，通過接口返回的結(jié)果blogs，用jquery的方法each來遍歷blogs，拿到每個(gè)商品的詳細(xì)參數(shù)blog，通過append方法新增頁面元素。圖5-23寵物用品選購頁面代碼圖6系統(tǒng)測試6.1系統(tǒng)測試概述系統(tǒng)測試是對整個(gè)基于SSM的寵物狗寄存領(lǐng)養(yǎng)系統(tǒng)的功能測試，其中有登錄測試、養(yǎng)狗秘籍測試、領(lǐng)養(yǎng)中心測試、寄存中心測試、寵物用品測試和管理員模塊測試。檢驗(yàn)各模塊是否能正常實(shí)現(xiàn)設(shè)計(jì)的功能，確保各模塊功能都可以正常使用。6.2功能測試6.2.1登錄測試基于SSM的寵物狗寄存領(lǐng)養(yǎng)系統(tǒng)一共有兩個(gè)登錄模塊，分別是管理員登錄和用戶登錄。用戶和管理員進(jìn)行登錄的測試過程和結(jié)果如表6-1和表6-2所示。表6-1管理員登錄測試序號測試方法預(yù)期結(jié)果1輸入錯(cuò)誤的賬號、密碼賬號或密碼錯(cuò)誤正確2輸入錯(cuò)誤的驗(yàn)證碼驗(yàn)證碼錯(cuò)誤正確3輸入對的賬號、秘密、驗(yàn)證碼登錄成功！正確表6-2用戶登錄測試序號測試方法預(yù)期結(jié)果1輸入錯(cuò)誤的賬號、密碼賬號或密碼錯(cuò)誤正確2輸入數(shù)據(jù)為空系統(tǒng)給出輸入信息不能為空的提示！正確3輸入對的賬號、秘密、驗(yàn)證碼登錄成功！正確6.2.2養(yǎng)狗秘籍測試系統(tǒng)養(yǎng)狗秘籍頁面介紹寵物知識的功能模塊，它有標(biāo)題、寵物狗到家注意事項(xiàng)和養(yǎng)狗必備清單。點(diǎn)擊寵物狗到家注意事項(xiàng)按鈕，會(huì)彈出三條溫馨提醒。點(diǎn)擊養(yǎng)狗必備清單，則會(huì)彈出寵物狗的生活用品和出行用品。該功能模塊整體測試結(jié)果如表6-3所示。表6-3養(yǎng)狗秘籍測試序號測試方法預(yù)期結(jié)果1養(yǎng)狗秘籍頁面正常顯示正確2點(diǎn)擊寵物狗到家注意事項(xiàng)彈出寵物狗的生活用品和出行用