目 錄

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

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

3.1 網站功能和數據設計
在對本動物領養網站進行編碼實現之前，必須要對網站進行整體功能分析。需要對其進行整體分析。這里，將本網站劃分為兩個部分，即前臺和后端管理系統，這兩個部分每一個里面都包含了好幾個模塊，需要對這些模塊之間的關聯關系進行整理。通過對網站功能進行整體功能分析，并設計出功能結構圖，可以使本網站前后端功能明確，架構層次清晰明了；在之后編碼實現時，也能夠分模塊進行，快速上手。后期對網站的維護工作也會根據模塊劃分來進行，提高工作效率。本“萬千寵愛”動物領養網站的整體功能結構見圖3-1。

圖3-1 整體功能結構圖

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