動(dòng)物寵物領(lǐng)養(yǎng)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)（Vue+SpringBoot+Java）-創(chuàng)新互聯(lián)

目 錄

創(chuàng)新互聯(lián)公司是一家專業(yè)從事網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司。作為專業(yè)的建站公司,創(chuàng)新互聯(lián)公司依托的技術(shù)實(shí)力、以及多年的網(wǎng)站運(yùn)營經(jīng)驗(yàn),為您提供專業(yè)的成都網(wǎng)站建設(shè)、成都全網(wǎng)營銷推廣及網(wǎng)站設(shè)計(jì)開發(fā)服務(wù)！

摘 要 I
Abstract II
目 錄 III
圖清單 V
表清單 VII
1 緒論 1
1.1 動(dòng)物領(lǐng)養(yǎng)網(wǎng)站的現(xiàn)狀與發(fā)展 1
1.2 “萬千寵愛”動(dòng)物領(lǐng)養(yǎng)網(wǎng)站的研究?jī)?nèi)容 2
1.3 “萬千寵愛”動(dòng)物領(lǐng)養(yǎng)網(wǎng)站的研究目的和意義 2
1.4 本章小結(jié) 3
2 本“萬千寵愛”動(dòng)物領(lǐng)養(yǎng)網(wǎng)站的分析 4
2.1 可行性分析 4
2.2 需求分析 4
2.3 框架介紹 6
2.4 本章小結(jié) 7
3 本“萬千寵愛”動(dòng)物領(lǐng)養(yǎng)網(wǎng)站的概要設(shè)計(jì) 8
3.1 網(wǎng)站功能和數(shù)據(jù)設(shè)計(jì) 8
3.2 網(wǎng)站數(shù)據(jù)庫設(shè)計(jì) 22
3.3 本章小結(jié) 26
4 本“萬千寵愛”動(dòng)物領(lǐng)養(yǎng)網(wǎng)站的詳細(xì)設(shè)計(jì)與實(shí)現(xiàn) 27
4.1 用戶模塊的設(shè)計(jì)與實(shí)現(xiàn) 27
4.2 動(dòng)物模塊的設(shè)計(jì)與實(shí)現(xiàn) 36
4.3 領(lǐng)養(yǎng)動(dòng)物模塊的設(shè)計(jì)與實(shí)現(xiàn) 38
4.4 寄養(yǎng)服務(wù)模塊的設(shè)計(jì)與實(shí)現(xiàn) 42
4.5 管理員模塊的設(shè)計(jì)與實(shí)現(xiàn) 43
4.6 本章小結(jié) 52
5 本“萬千寵愛”動(dòng)物領(lǐng)養(yǎng)網(wǎng)站的運(yùn)行與效果分析 53
5.1 網(wǎng)站運(yùn)行效果 53
5.2 本章小結(jié) 68
6 軟件測(cè)試 69
6.1 測(cè)試簡(jiǎn)介 69
6.2 測(cè)試進(jìn)度 71
6.3 測(cè)試資源 71
6.4 測(cè)試策略 72
6.5 測(cè)試風(fēng)險(xiǎn) 74
6.6 測(cè)試用例 74
6.7 缺陷報(bào)告 79
6.8 本章小結(jié) 79
7 總結(jié)與展望 80
7.1 總結(jié) 80
7.2 展望 80
參考文獻(xiàn) 82
致謝 83
2.2 需求分析
根據(jù)對(duì)國內(nèi)外動(dòng)物網(wǎng)站發(fā)展現(xiàn)狀的研究，分析了國內(nèi)動(dòng)物領(lǐng)養(yǎng)網(wǎng)站存在的缺陷，結(jié)合了用戶的需求，總結(jié)得到本“萬千寵愛”動(dòng)物領(lǐng)養(yǎng)網(wǎng)站在功能設(shè)計(jì)和性能要求方面的需求。

2.2.1 功能需求
(1)前端界面模塊
游客可以查看本網(wǎng)站上的“關(guān)于我們”、“領(lǐng)養(yǎng)須知”、“寵物領(lǐng)養(yǎng)”、“寵物小知識(shí)”、“寄養(yǎng)服務(wù)”、“救助站”、“我們的故事”這七個(gè)板塊內(nèi)容?！瓣P(guān)于我們”板塊較為詳細(xì)的介紹了本網(wǎng)站的發(fā)展歷程、目標(biāo)規(guī)劃等，用戶登錄后，還可在志愿者申請(qǐng)板塊，提交志愿者申報(bào)；“領(lǐng)養(yǎng)須知”板塊為用戶介紹了在本網(wǎng)站領(lǐng)養(yǎng)動(dòng)物的必備條件及領(lǐng)養(yǎng)流程；“寵物領(lǐng)養(yǎng)”板塊展示了待領(lǐng)養(yǎng)的動(dòng)物們；“寵物小知識(shí)”板塊是給沒有飼養(yǎng)經(jīng)歷的或經(jīng)驗(yàn)不足的用戶提供一個(gè)飼養(yǎng)指南；在“寄養(yǎng)服務(wù)”板塊可查看寄養(yǎng)須知、條件，申請(qǐng)寄養(yǎng)，當(dāng)然，游客沒有提交申請(qǐng)寄養(yǎng)權(quán)限，需注冊(cè)登錄后方可操作；“救助站”板塊介紹了線下救助站點(diǎn)的位置及聯(lián)系方式；“我們的故事”板塊給用戶講述了一些關(guān)于寵物和它的“鏟屎官”之間的奇妙故事。
(2)用戶模塊
用戶在注冊(cè)登錄完成后，可自由瀏覽本網(wǎng)站的內(nèi)容，可進(jìn)行線上申請(qǐng)領(lǐng)養(yǎng)自己心儀的動(dòng)物、線上申請(qǐng)寄養(yǎng)服務(wù)、志愿者申報(bào)、提交留言等操作，這些申請(qǐng)操作都需管理員審核通過方可進(jìn)入下一步。用戶可以在“個(gè)人中心”板塊，對(duì)個(gè)人信息進(jìn)行修改、密碼重置，可對(duì)自己的領(lǐng)養(yǎng)動(dòng)物記錄、寄養(yǎng)訂單信息、志愿者申報(bào)狀態(tài)、留言回復(fù)情況等進(jìn)行查看、修改等操作。
(3)管理員模塊
本網(wǎng)站的管理員在注冊(cè)賬號(hào)后，可登錄網(wǎng)站的后端管理系統(tǒng)，登錄后可對(duì)“管理員管理”、“用戶管理”、“動(dòng)物管理”、“動(dòng)物類別”等幾個(gè)板塊進(jìn)行查看、修改、刪除、添加操作。在管理員模塊中加入Echarts數(shù)據(jù)可視化，使繁雜的數(shù)據(jù)通過簡(jiǎn)潔的圖標(biāo)形式展示出來，方便管理員隨時(shí)跟蹤網(wǎng)站的運(yùn)行情況。后端管理員對(duì)用戶所提交的領(lǐng)養(yǎng)申請(qǐng)、寄養(yǎng)申請(qǐng)、志愿者申報(bào)要及時(shí)查看并給出審核意見，對(duì)申請(qǐng)的狀態(tài)信息進(jìn)行修改。管理員要及時(shí)回復(fù)用戶的留言，及時(shí)幫助用戶解決問題，聽取用戶建議。
(4)寄養(yǎng)訂單模塊
前端界面的“寄養(yǎng)服務(wù)”板塊為用戶詳細(xì)介紹了寄養(yǎng)須知和寄養(yǎng)條件，用戶在同意寄養(yǎng)協(xié)議后可線上提交寄養(yǎng)訂單，并提前支付一定的押金和服務(wù)費(fèi)用。寄養(yǎng)訂單在成功支付提交后，頁面跳轉(zhuǎn)到個(gè)人中心，用戶選擇“寄養(yǎng)訂單”板塊查看寄養(yǎng)訂單信息。后端管理員根據(jù)訂單的執(zhí)行情況及時(shí)對(duì)訂單狀態(tài)進(jìn)行修改操作。
(5)領(lǐng)養(yǎng)動(dòng)物模塊
用戶可在本動(dòng)物領(lǐng)養(yǎng)網(wǎng)站上根據(jù)動(dòng)物分類查看待領(lǐng)養(yǎng)的動(dòng)物，可進(jìn)行單擊查看動(dòng)物詳情操作，對(duì)于心儀的動(dòng)物，還未決定領(lǐng)養(yǎng)，可加入領(lǐng)養(yǎng)意向單隨時(shí)查看。用戶選定心儀的動(dòng)物后，需仔細(xì)閱讀領(lǐng)養(yǎng)須知、領(lǐng)養(yǎng)條件等內(nèi)容，在單擊同意領(lǐng)養(yǎng)協(xié)議書單選框后方可填寫領(lǐng)養(yǎng)申請(qǐng)表，點(diǎn)擊提交申請(qǐng)按鈕并預(yù)付款后仍需等待管理員受理審核，審核通過后，在線下救助站點(diǎn)進(jìn)行領(lǐng)養(yǎng)。用戶可在個(gè)人中心的“領(lǐng)養(yǎng)記錄”板塊查看領(lǐng)養(yǎng)申請(qǐng)的審核狀態(tài)。如果用戶不能確定是否領(lǐng)養(yǎng)，可以先將該動(dòng)物加入領(lǐng)養(yǎng)意向單。
(6)動(dòng)物模塊
在前端界面可以查看到線下救助站點(diǎn)所有的小動(dòng)物，包括已領(lǐng)養(yǎng)的和待領(lǐng)養(yǎng)的動(dòng)物，本網(wǎng)站還對(duì)動(dòng)物的種類進(jìn)行劃分，簡(jiǎn)單分為貓咪、狗子、老鼠、其他。用戶可以根據(jù)自己想要領(lǐng)養(yǎng)的動(dòng)物種類，查看想喜歡的動(dòng)物。管理員會(huì)對(duì)動(dòng)物信息進(jìn)行及時(shí)更新，保證動(dòng)物信息的真實(shí)性、實(shí)時(shí)性、可靠性。
2.2.2 性能需求
本動(dòng)物領(lǐng)養(yǎng)網(wǎng)站是面對(duì)所有人，網(wǎng)站的兼容性高，穩(wěn)定性好，在各類電腦上都能夠穩(wěn)定運(yùn)行，也適應(yīng)多數(shù)主流瀏覽器，因此，本網(wǎng)站滿足性能需求。
3 本“萬千寵愛”動(dòng)物領(lǐng)養(yǎng)網(wǎng)站概要設(shè)計(jì)

3.1 網(wǎng)站功能和數(shù)據(jù)設(shè)計(jì)
在對(duì)本動(dòng)物領(lǐng)養(yǎng)網(wǎng)站進(jìn)行編碼實(shí)現(xiàn)之前，必須要對(duì)網(wǎng)站進(jìn)行整體功能分析。需要對(duì)其進(jìn)行整體分析。這里，將本網(wǎng)站劃分為兩個(gè)部分，即前臺(tái)和后端管理系統(tǒng)，這兩個(gè)部分每一個(gè)里面都包含了好幾個(gè)模塊，需要對(duì)這些模塊之間的關(guān)聯(lián)關(guān)系進(jìn)行整理。通過對(duì)網(wǎng)站功能進(jìn)行整體功能分析，并設(shè)計(jì)出功能結(jié)構(gòu)圖，可以使本網(wǎng)站前后端功能明確，架構(gòu)層次清晰明了；在之后編碼實(shí)現(xiàn)時(shí)，也能夠分模塊進(jìn)行，快速上手。后期對(duì)網(wǎng)站的維護(hù)工作也會(huì)根據(jù)模塊劃分來進(jìn)行，提高工作效率。本“萬千寵愛”動(dòng)物領(lǐng)養(yǎng)網(wǎng)站的整體功能結(jié)構(gòu)見圖3-1。

圖3-1 整體功能結(jié)構(gòu)圖

(1)算法設(shè)計(jì)思路
在本網(wǎng)站前端的任一界面的導(dǎo)航欄中都能夠看到“領(lǐng)養(yǎng)動(dòng)物”，將鼠標(biāo)懸停，會(huì)彈出動(dòng)物分類，選擇想要了解的一種進(jìn)入該頁面，該頁面陳列展示了某一動(dòng)物種類的所有待領(lǐng)養(yǎng)的動(dòng)物。提前將動(dòng)物的圖片存到服務(wù)器上，當(dāng)前端實(shí)現(xiàn)動(dòng)物信息展示，將當(dāng)前動(dòng)物類型作為參數(shù)，通過Axios向后臺(tái)發(fā)送一次請(qǐng)求，獲取當(dāng)前類型的動(dòng)物信息，動(dòng)物管理模塊的Controller控制層調(diào)用Service業(yè)務(wù)層里按類型查找動(dòng)物信息的方法，Service業(yè)務(wù)層調(diào)用Mapper持久層的方法來實(shí)現(xiàn)與數(shù)據(jù)庫信息的查詢，返回的數(shù)據(jù)以List集合方式存儲(chǔ)在控制器，將該信息以JSON格式傳送到前端，定義一個(gè)新的List，原List將該信息賦值給新List，通過調(diào)用新建的List獲取數(shù)據(jù)。
(2)實(shí)現(xiàn)代碼
-18%
 
{{a.aname}} 
    
         {{a.avariety}}
       
      
Add to cart