（附源码）Springboot宠物领养系统毕业设计241104

红太狼 2024-04-08 10:52 78阅读 0赞

Springboot宠物领养系统

摘 要

如今，随着人们生活水平不断提高，人们的生活在物质满足的基础上，更多的人将生活的重点放在追求精神享受的过程中。于此同时，Internet铺天盖地的普及，使得这样的人纷纷通过Internet的方式去寻找精神的满足。然而领养宠物正是人们现在炙手可热的一种精神寄托。对于宠物的热爱让他们的生活更加充满爱心和向往。Internet和领养宠物的两者结合，大大推动了电子商务的发展，促进了该行业的崛起。这正是宠物领养系统诞生的缘由。该系统不仅解决了地理隔离的问题，同时也跟上了网络快速发展的脚步，实现爱宠人士足不出户的领养到心仪的爱宠。

宠物领养系统是基于浏览器与服务器架构平台，采用跨平台的JAVA语言开发，利用springboot框架进行逻辑控制，MySQL数据库存储数据，最后Tomcat服务器完成发布，系统可在多个环境下运行。

**关键词：**宠物领养，Springboot框架，MySQL数据库

**Springboot pet adoption system**

**Abstract**

Nowadays, with the continuous improvement of people's living standards, people's life is based on material satisfaction, and more people focus on the pursuit of spiritual enjoyment. At the same time, the overwhelming popularity of the Internet makes such people look for spiritual satisfaction through the Internet. However, adopting pets is a spiritual sustenance that people are now hot. The love of pets makes their life more loving and yearning. The combination of Internet and pet adoption has greatly promoted the development of e-commerce and the rise of the industry. This is why the pet adoption system was born. The system not only solves the problem of geographical isolation, but also keeps up with the rapid development of the network, and realizes the adoption of pet lovers to their favorite pet without leaving home.

The pet adoption system is based on the browser and server architecture platform, developed with cross platform Java language, using springboot framework for logic control, MySQL database to store data, and finally Tomcat server to complete the release. The system can run in multiple environments.

**Key words**: Pet adoption, springboot framework, MySQL database

目 录

第1章 绪论

1.1 研究背景

1.2 研究现状

1.3 本文的组织结构

第2章 相关技术介绍

2.1 相关技术说明

2.2 B/S体系工作原理

2.3 Springboot框架介绍

2.4 MySQL简介

2.5 JavaScript运行模式

第3章 系统分析

3.1 可行性分析

3.1.1 法律可行性分析

3.1.2 技术可行性分析

3.1.3 经济可行性分析

3.2 功能需求分析

3.3 非功能需求分析 7

3.4 用例分析 7

3.5 业务流程分析

3.6 数据流程分析

第4章 系统设计

4.1 系统架构设计

4.2 系统功能结构 12

4.3 功能模块设计

4.4 数据库设计

4.4.1 E-R图

4.4.2 表结构设计

第5章 系统实现

5.1 开发工具

5.2 注册模块

5.3 登录/注销模块

5.4 用户功能模块

5.5 管理员功能模块

第6章 系统测试 35

6.1 测试概述 35

6.2 测试过程 35

6.2.1 登录测试 35

6.2.2 信息录入测试 35

6.2.3 信息更新测试 36

6.2.4 信息删除测试 36

6.3 测试结果 36

第7章 总结与展望

7.1 总结

7.2 展望

参考文献

致谢 41

1.   绪论
    
    1.   研究背景

### 在人们环保意识进一步的强化下，大家都意识到领养动物的社会意义远远高于经济意义。提出“宠物领养”活动的初衷，是想通过宠物领养，唤起人们热爱自然、关注环境的良好意识。 ###

### 生活上富裕了，人们就越来越追求精神上的幸福感。领养宠物正是人们追求的重要一部分。与此同时，网络普及程度的广泛，发展的如此迅速，两者有效的结合，更加带动了人们领养宠物的热潮。然而，寥寥几个的实体市场的存在不足以满足世界各地的需要求，从而更加体现通过网络领养宠物地位的重要性。因此一个实用、高效、稳定的可实现宠物领养系统正是利用信息提高效率、服务质量的最佳选择。 ###

### 通过构建一个较完善的宠物领养系统，同时利用电子化信息化的技术更为有效的、方便的实现宠物的领养，提高效率，取得更多的社会效益。 ###

1.  1.  研究现状

在国内经济快速增长的时代,无数的钢铁水泥竖立在我们的生活周围。在倍感陌生的生活环境里，人们的生活节奏是如此的快。忙碌的生活虽然给我们带来了很好的物质基础，但是对于自身的精神生活要求总是无法得到满足。没时间，忙碌，孤独总是自己的标签。如何提高本身的精神上的质量正是人们懊恼的事情。然而，宠物，作为人类忠诚的朋友掀起了热潮，这就促使人们对领养宠物的热衷和热情达到了一个很高涨的地步。

在国外，领养宠物的生活方式的流行已经非常普及。比如:美国作为一个经济发展的强国，他们对于领养宠物的观念是非常牢固的。宠物已经是他们家庭的重要部分，不仅是他们的朋友而且把宠物看作其亲人一样。对比国内，动物领养热潮才刚开始的，这说明我们地区的动物领养意识只是刚刚起步的。在领养宠物起步的阶段面临着许多难题。更多的人对于宠物大多停留在购买的程度，而不是到相应的宠物收留所去领养。即使有一部分人到宠物收留所进行宠物的领养,地理隔离也是一大问题所在。如何加快领养宠物发展的步伐呢?这问题的解决正是如今电子商务与宠物领养完美结合的关键。互联网的快速发展，人们对网络的依赖，以及网络给人们带来了如此便利，快捷，全天的服务。同时，网络的虚拟空间成为80后、90后年轻人的主要活动场所,传统的生活方式逐渐被这种新的生活方式所取代，大家都会有意识的通过网络去实现自己的需求。网络也凭借着其快速、便捷、互动的优势，

1.  1.  本文的组织结构

六个章节共同组成了本文研究及设计内容，包括：

第一章：绪论。本文章的开头部分，对本题目的研究背景和研究意义等一些做文字性的描述。

第二章：相关技术介绍。主要介绍Springboot框架、Java嵌入式脚本语言、B/S模式等。

第三章：系统分析。包括系统总体需求描述、功能性角度分析系统需求、非功能性等各个方面分析系统是否可以实现。

第四章：系统设计。本文章的重要部分，提供了系统架构的详细设计和一些主要功能模块的设计说明。

第五章：系统实现。将本系统分为前提的开发工具介绍和后期的功能代码实现。

第六章：系统测试。系统完成后，根据各个模块的测试用例才对各个模块进行功能测试。

1.   相关技术介绍
    
    1.  开发技术说明

本系统前端部分基于MVVM模式进行开发，采用B/S模式，后端部分基于Java的springboot框架进行开发。

前端部分：前端框架采用了比较流行的渐进式JavaScript框架Vue.js。使用Vue-Router和Vuex实现动态路由和全局状态管理,Ajax实现前后端通信，Element UI组件库使页面快速成型，项目前端通过栅格布局实现响应式，可适应PC端、平板端、手机端等不同屏幕大小尺寸的完美布局展示。

后端部分：采用springboot作为开发框架，同时集成MyBatis、Redis等相关技术。

1.  1.  B/S体系工作原理

B/S架构采取浏览器请求，服务器响应的工作模式。

用户可以通过浏览器去访问Internet上由Web服务器产生的文本、数据、图片、动画、视频点播和声音等信息；

而每一个Web服务器又可以通过各种方式与数据库服务器连接，大量的数据实际存放在数据库服务器中；

从[Web服务][Web]器上下载程序到本地来执行，在下载过程中若遇到与数据库有关的指令，由Web服务器交给数据库服务器来解释执行，并返回给Web服务器，Web服务器又返回给用户。在这种结构中，将许许多多的网连接到一块，形成一个巨大的网，即全球网。而各个企业可以在此结构的基础上建立自己的Internet。

在 B/S 模式中，用户是通过浏览器针对许多分布于网络上的服务器进行请求访问的，浏览器的请求通过服务器进行处理，并将处理结果以及相应的信息返回给浏览器，其他的数据加工、请求全部都是由Web Server完成的。通过该框架结构以及植入于操作系统内部的浏览器，该结构已经成为了当今软件应用的主流结构模式。

1.  1.  spring boot框架介绍

Spring框架是[Java平台][Java]上的一种开源应用框架，提供具有控制反转特性的容器。尽管Spring框架自身对编程模型没有限制，但其在Java应用中的频繁使用让它备受青睐，以至于后来让它作为[EJB][]（EnterpriseJavaBeans）模型的补充，甚至是替补。Spring框架为开发提供了一系列的解决方案，比如利用控制反转的核心特性，并通过依赖注入实现控制反转来实现管理对象生命周期容器化，利用面向切面编程进行声明式的事务管理，整合多种持久化技术管理数据访问，提供大量优秀的Web框架方便开发等等。Spring框架具有控制反转（IOC）特性，IOC旨在方便项目维护和测试，它提供了一种通过Java的反射机制对Java对象进行统一的配置和管理的方法。Spring框架利用容器管理对象的生命周期，容器可以通过扫描XML文件或类上特定Java注解来配置对象，开发者可以通过依赖查找或依赖注入来获得对象。Spring框架具有[面向切面编程][Link 1]（AOP）框架，SpringAOP框架基于代理模式，同时运行时可配置；AOP框架主要针对模块之间的交叉关注点进行模块化。Spring框架的AOP框架仅提供基本的AOP特性，虽无法与AspectJ框架相比，但通过与AspectJ的集成，也可以满足基本需求。Spring框架下的事务管理、远程访问等功能均可以通过使用SpringAOP技术实现。Spring的事务管理框架为Java平台带来了一种抽象机制，使本地和全局事务以及嵌套事务能够与保存点一起工作，并且几乎可以在Java平台的任何环境中工作。Spring集成多种事务模板，系统可以通过事务模板、XML或Java注解进行事务配置，并且事务框架集成了消息传递和缓存等功能。Spring的数据访问框架解决了开发人员在应用程序中使用数据库时遇到的常见困难。它不仅对Java:JDBC、iBATS/MyBATIs、Hibernate、Java数据对象（JDO）、ApacheOJB和ApacheCayne等所有流行的数据访问框架中提供支持，同时还可以与Spring的事务管理一起使用，为数据访问提供了灵活的抽象。Spring框架最初是没有打算构建一个自己的Web[MVC框架][MVC]，其开发人员在开发过程中认为现有的StrutsWeb框架的呈现层和请求处理层之间以及请求处理层和模型之间的分离不够，于是创建了SpringMVC。

1.  1.   MySQL简介

MySQL是一个开放的、快速的、多线程的SQL关系型数据库服务器。由于其体积小、免费、运行速度快以及可以通过相关免费的软件来对MySql数据库中的相关数据结构信息等等优点。受广大中等、小型企业所喜爱并占据了很大地位。本系统在数据库方面选用MySQL，并通过Nacivat来进行MySql数据库的管理。在Mysql的安装过程中，最需要注意的就是数据库的编码问题，所以在安装数据库时需要设置数据库的编码为Utf-8，与前台页面和服务器的编码相一致。

1.  1.  JavaScript 运行模式

JavaScript是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

1.1是一种解释性脚本语言（代码不进行[预编译][Link 2]）。

1.2主要用来向[HTML][]（[标准通用标记语言][Link 3]下的一个应用）页面添加交互行为。

1.3可以直接嵌入HTML页面，但写成单独的[js][]文件有利于结构和行为的[分离][Link 4]。

1.4跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如[Windows][]、[Linux][]、[Mac][]、[Android][]、[iOS][]等）。

1.5 JavaScript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和[算术运算符][Link 5]及程序的基本程序框架。JavaScript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。

1.   系统分析
    
    1.   可行性分析
        
        1.   法律可行性分析

开发软件有没有触犯法律，这涉及到软件或者系统能不能发布的问题。如果触犯了法律，就必将会受到法律的制裁。常见法律问题就是软件抄袭问题，若是抄袭别人软件，将会受到严厉惩罚。

1.  1.  1.   技术可行性分析

软件产业经过多年的发展，现在已经达到了很大的规模，从事软件开发的专业人员不计其数，软件产业的重要性已经上升到了影响和推动国民经济发展的核心地位。本系统基于的架构，目前技术已经非常的成熟，是不存在技术上面难以实现的麻烦。

1.  1.  1.   经济可行性分析

开发软件所需的时间、人力和物力成本，开发完成后的收益如何，从投资回报的角度软件所需功能在现有经济条件能不能实现等进行深入的考虑，都符合实际的要求。所以宠物领养系统具有经济可行性和实用性，可以节约管理成本

1.  1.   功能需求分析

宠物领养系统主要是为了更加地完善宠物领养的服务情况，对用户的信息、宠物信息、宠物领养、宠物转让等提供了方便的机制。本系统有多类使用者，分别是管理员和用户注册。以下是从这两种用户的角度分别介绍本系统所要实现的功能。

用户：

宠物秀：用户登录宠物领养系统首页时，可以浏览系统发布的宠物秀信息等。

宠物领养：用户可以进行宠物信息浏览，选择自己想要领养的宠物进行领养申请。

管理员：

用户管理：对用户进行管理，用户的注册，包括用户昵称、用户名、用户的宠物信息（宠物类别、宠物性别、年龄等）用户的账号信息：

宠物秀管理：对宠物秀信息进行发布管理。

宠物信息管理：对宠物信息进行维护管理。

领养管理：对领养信息进行维护管理。

宠物转让管理：对宠物转信息进行维护管理。

1.  1.  非功能需求分析

系统非功能需求有非常多，比如性能需求、可承载最大用户数、稳定性、易用性需求等。本系统分析时考虑到易用性需求，因为系统是给人使用的，所以必须充分从用户的角度出发，考虑用户体验，使系统易理解易上手易操作。

1.  1.   用例分析

1.普通用户主要使用系统进行宠物领养以及宠物转让，下图所示为普通用户的用例

![d71afb43d1ba43fe9a8728973c1f532c.png][]

图3-1 普通用户用例图

2.管理员主要负责用户管理、宠物信息管理、宠物领养管理、宠物转让管理，下图所示描述管理员的用例图。

![e2ed8bdb8801491c892199ac7bd6aff0.png][]

图3-2 管理员用例图

1.  1.   业务流程分析

系统业务流程图如下所示。

![1345c75a16d24a7f8353b4b0425994b4.png][]

图3-3 系统业务流程图

业务流程图(TFD)通过一些特定的符号描述业务的处理过程，它重点强调业务过程中每一项处理活动和具体业务部门的关系，选择部分模块进行具体描述。重点对本系统整体业务中最为主要的宠物交易及订单业务进行描述，用户进入宠物领养系统后进行各种模块信息的浏览，另外，管理人员进入后端管理，以执行宠物领养模块的相关管理方法，并在解决后向客户提供反馈机制。

1.  1.  数据流程分析

如下为系统的顶层数据流图，外部实体有用户和管理员，分别对系统输入数据，从而得到要输出的数据。

![ec5a9f335f754b22a86b2b5f063e1e29.png][]

图3-4系统顶层数据流图

如下图所示为系统底层数据流图。

![456dab7af11a46d88e9e1f086f1173dd.png][]

图3-5系统底层数据流图

宠物领养系统底层数据流图主要描述系统底层模块的数据流、数据载体、数据处理、外部实体的具体交互。本系统就是管理员和普通用户在用户管理、宠物信息、宠物领养、宠物转让管理等模块上的数据交互。

1.  系统设计
    
    1.   系统架构设计

本系统架构设计主要分为可以3层，主要有Web层，业务层，Model层。其中web层还包括View层和Controller层，Model层包括元数据扩展层和数据访问层。

![a7195f1ae00a43098b584f7e80378033.png][]

图4-1系统架构图

1.  1.   系统功能结构

为了将系统从“做什么”落实到“怎么做”，基于系统设计原则，对系统功能进行更适合编码实现的功能划分。根据上图的系统架构设计，整理出规范的系统功能结构图，为系统的实现编码做好准备。

如下图所示为系统功能结构图。

![4a080e3693ba452085fc9b507e91d1d6.png][]

![2c58c40b56b2498eb0ee0452f801a934.png][]

图4-2系统功能结构图

1.  1.   功能模块设计

用户管理针对所有用户和管理员。未注册用户点击注册，进入注册页面填写新用户信息，得到自定义生成账号后，注册完成。未注册用户注册的活动图如下图所示。

![1b7f6f9b83454d36b54f9966e7940861.png][]

图4-3未注册用户注册活动图

用户可进行登录使用更多功能，首先进入用户登录界面，输入用户账号和密码，后台对账号和密码信息进行核对验证，验证成功则页面直接显示登录用户昵称代表登录成功，否则返回用户登录界面。用户登录活动图如下图。

![99f0c7ff8f5e47148a8ef35a03a4d417.png][]

图4-4用户登录活动图

用户登录后，进入功能页面，进行宠物秀浏览，宠物信息搜索、宠物领养、宠物转让。用户使用功能活动图如下图所示。

![b65f6780422e45d5aef961c65a1cade2.png][]

图4-5用户使用功能活动图

用户功能界面可对自己的密码进行修改。进入修改密码界面后核对当前密码，核对成功后填写新密码。修改密码活动图如下图所示。

![c29c25ff38be4e09b89e0f1f55b5a51e.png][]

图4-6修改密码活动图

1.  1.   数据库设计

宠物领养系统采用的数据库是MySQL，该部分将根据系统需求和设计，设计合理的数据库。本系统考虑到之后系统的扩展集群，数据库将不使用外键。此外，不用外键时数据管理也较为简单，操作更加方便，性能更高。

1.  1.  1.   E-R图

E-R图，更加直观的告诉开发人员系统的各个数据的属性，各个数据之间的联系，各个数据的类型。能通过该模型更直观地了解数据库的设计，并根据对其逐渐改善。

本系统图设计，如下图所示。

![b93c5a2193794d78bd5a9b6f177238ff.png][]

图4-7系统E-R图

1.  1.  1.   表结构设计

本系统根据第三范式的思想设计数据库，减少最大程度的冗余，总共建立有多个表，用户注册表、管理员表、宠物信息表、宠物领养表、宠物转让表、宠物秀表等。

表结构如下所示。

<table style="margin-left:4.8pt;width:462.7pt;"> 
 <tbody> 
 <tr> 
 <td style="background-color:#aeaaaa;width:170.3pt;"> 名称 </td> 
 <td style="background-color:#aeaaaa;width:60.3pt;"> 类型 </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 长度 </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 不是null </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 主键 </td> 
 <td style="background-color:#aeaaaa;width:88.1pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td> transfer_the_possession_of_id </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 是 </td> 
 <td style="width:88.1pt;"> 转让用户ID </td> 
 </tr> 
 <tr> 
 <td> name_of_transferor </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:88.1pt;"> 转让人姓名 </td> 
 </tr> 
 <tr> 
 <td> transferor_gender </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:88.1pt;"> 转让人性别 </td> 
 </tr> 
 <tr> 
 <td> transferor_no </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:88.1pt;"> 转让人编号 </td> 
 </tr> 
 <tr> 
 <td> examine_state </td> 
 <td> varchar </td> 
 <td> 16 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:88.1pt;"> 审核状态 </td> 
 </tr> 
 <tr> 
 <td> recommend </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:88.1pt;"> 智能推荐 </td> 
 </tr> 
 <tr> 
 <td> user_id </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:88.1pt;"> 用户ID </td> 
 </tr> 
 <tr> 
 <td> create_time </td> 
 <td> datetime </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:88.1pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td> update_time </td> 
 <td> timestamp </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:88.1pt;"> 更新时间 </td> 
 </tr> 
 </tbody> 
</table>

<table style="margin-left:4.8pt;width:462.7pt;"> 
 <tbody> 
 <tr> 
 <td style="background-color:#aeaaaa;width:137.3pt;"> 名称 </td> 
 <td style="background-color:#aeaaaa;width:60.3pt;"> 类型 </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 长度 </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 不是null </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 主键 </td> 
 <td style="background-color:#aeaaaa;width:121.1pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td> transfer_information_id </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 是 </td> 
 <td style="width:121.1pt;"> 转让信息ID </td> 
 </tr> 
 <tr> 
 <td> transfer_title </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:121.1pt;"> 转让标题 </td> 
 </tr> 
 <tr> 
 <td> title_number </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:121.1pt;"> 标题编号 </td> 
 </tr> 
 <tr> 
 <td> release_time </td> 
 <td> date </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:121.1pt;"> 发布时间 </td> 
 </tr> 
 <tr> 
 <td> pet_name </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:121.1pt;"> 宠物名称 </td> 
 </tr> 
 <tr> 
 <td> pet_variety </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:121.1pt;"> 宠物品种 </td> 
 </tr> 
 <tr> 
 <td> pet_pictures </td> 
 <td> varchar </td> 
 <td> 255 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:121.1pt;"> 宠物图片 </td> 
 </tr> 
 <tr> 
 <td> pet_sex </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:121.1pt;"> 宠物性别 </td> 
 </tr> 
 <tr> 
 <td> is_it_free </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:121.1pt;"> 是否免费 </td> 
 </tr> 
 <tr> 
 <td> pet_age </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:121.1pt;"> 宠物年龄 </td> 
 </tr> 
 <tr> 
 <td> city </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:121.1pt;"> 所在城市 </td> 
 </tr> 
 <tr> 
 <td> transferor_no </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:121.1pt;"> 转让人编号 </td> 
 </tr> 
 <tr> 
 <td> name_of_transferor </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:121.1pt;"> 转让人姓名 </td> 
 </tr> 
 <tr> 
 <td> contact_information </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:121.1pt;"> 联系方式 </td> 
 </tr> 
 <tr> 
 <td> adoption_status </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:121.1pt;"> 领养状态 </td> 
 </tr> 
 <tr> 
 <td> pet_details </td> 
 <td> longtext </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:121.1pt;"> 宠物详情 </td> 
 </tr> 
 <tr> 
 <td> hits </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:121.1pt;"> 点击数 </td> 
 </tr> 
 <tr> 
 <td> recommend </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:121.1pt;"> 智能推荐 </td> 
 </tr> 
 <tr> 
 <td> create_time </td> 
 <td> datetime </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:121.1pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td> update_time </td> 
 <td> timestamp </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:121.1pt;"> 更新时间 </td> 
 </tr> 
 </tbody> 
</table>

<table style="margin-left:4.8pt;width:462.3pt;"> 
 <tbody> 
 <tr> 
 <td style="background-color:#aeaaaa;width:94.8pt;"> 名称 </td> 
 <td style="background-color:#aeaaaa;width:60.3pt;"> 类型 </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 长度 </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 不是null </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 主键 </td> 
 <td style="background-color:#aeaaaa;width:163.2pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td> pet_variety_id </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 是 </td> 
 <td style="width:163.2pt;"> 宠物品种ID </td> 
 </tr> 
 <tr> 
 <td> pet_variety </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:163.2pt;"> 宠物品种 </td> 
 </tr> 
 <tr> 
 <td> recommend </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:163.2pt;"> 智能推荐 </td> 
 </tr> 
 <tr> 
 <td> create_time </td> 
 <td> datetime </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:163.2pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td> update_time </td> 
 <td> timestamp </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:163.2pt;"> 更新时间 </td> 
 </tr> 
 </tbody> 
</table>

<table style="margin-left:4.8pt;width:463.15pt;"> 
 <tbody> 
 <tr> 
 <td style="background-color:#aeaaaa;width:104.3pt;"> 名称 </td> 
 <td style="background-color:#aeaaaa;width:60.3pt;"> 类型 </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 长度 </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 不是null </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 主键 </td> 
 <td style="background-color:#aeaaaa;width:154.55pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td> adoptive_user_id </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 是 </td> 
 <td style="width:154.55pt;"> 领养用户ID </td> 
 </tr> 
 <tr> 
 <td> name_of_adopter </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:154.55pt;"> 领养人姓名 </td> 
 </tr> 
 <tr> 
 <td> gender_of_adopter </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:154.55pt;"> 领养人性别 </td> 
 </tr> 
 <tr> 
 <td> adopter_number </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:154.55pt;"> 领养人编号 </td> 
 </tr> 
 <tr> 
 <td> examine_state </td> 
 <td> varchar </td> 
 <td> 16 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:154.55pt;"> 审核状态 </td> 
 </tr> 
 <tr> 
 <td> recommend </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:154.55pt;"> 智能推荐 </td> 
 </tr> 
 <tr> 
 <td> user_id </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:154.55pt;"> 用户ID </td> 
 </tr> 
 <tr> 
 <td> create_time </td> 
 <td> datetime </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:154.55pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td> update_time </td> 
 <td> timestamp </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:154.55pt;"> 更新时间 </td> 
 </tr> 
 </tbody> 
</table>

<table style="margin-left:4.8pt;width:463.15pt;"> 
 <tbody> 
 <tr> 
 <td style="background-color:#aeaaaa;width:137.3pt;"> 名称 </td> 
 <td style="background-color:#aeaaaa;width:60.3pt;"> 类型 </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 长度 </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 不是null </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 主键 </td> 
 <td style="background-color:#aeaaaa;width:121.55pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td> adoption_information_id </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 是 </td> 
 <td style="width:121.55pt;"> 领养信息ID </td> 
 </tr> 
 <tr> 
 <td> transfer_title </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:121.55pt;"> 转让标题 </td> 
 </tr> 
 <tr> 
 <td> pet_name </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:121.55pt;"> 宠物名称 </td> 
 </tr> 
 <tr> 
 <td> pet_variety </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:121.55pt;"> 宠物品种 </td> 
 </tr> 
 <tr> 
 <td> city </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:121.55pt;"> 所在城市 </td> 
 </tr> 
 <tr> 
 <td> transferor_no </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:121.55pt;"> 转让人编号 </td> 
 </tr> 
 <tr> 
 <td> name_of_transferor </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:121.55pt;"> 转让人姓名 </td> 
 </tr> 
 <tr> 
 <td> adopter_number </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:121.55pt;"> 领养人编号 </td> 
 </tr> 
 <tr> 
 <td> name_of_adopter </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:121.55pt;"> 领养人姓名 </td> 
 </tr> 
 <tr> 
 <td> adopter_mobile_number </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:121.55pt;"> 领养人手机号 </td> 
 </tr> 
 <tr> 
 <td> transferor_review </td> 
 <td> varchar </td> 
 <td> 64 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:121.55pt;"> 转让人审核 </td> 
 </tr> 
 <tr> 
 <td> adoption_application_ </td> 
 <td> text </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:121.55pt;"> 领养申请 </td> 
 </tr> 
 <tr> 
 <td> transferor_reply </td> 
 <td> text </td> 
 <td> 0 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:121.55pt;"> 转让人回复 </td> 
 </tr> 
 <tr> 
 <td> recommend </td> 
 <td> int </td> 
 <td> 11 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:121.55pt;"> 智能推荐 </td> 
 </tr> 
 <tr> 
 <td> create_time </td> 
 <td> datetime </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:121.55pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td> update_time </td> 
 <td> timestamp </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:121.55pt;"> 更新时间 </td> 
 </tr> 
 </tbody> 
</table>

<table style="margin-left:4.8pt;width:461.4pt;"> 
 <tbody> 
 <tr> 
 <td style="background-color:#aeaaaa;width:94.8pt;"> 名称 </td> 
 <td style="background-color:#aeaaaa;width:60.3pt;"> 类型 </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 长度 </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 不是null </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 主键 </td> 
 <td style="background-color:#aeaaaa;width:162.3pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td> collect_id </td> 
 <td> int </td> 
 <td> 10 </td> 
 <td> 是 </td> 
 <td> 是 </td> 
 <td style="width:162.3pt;"> 收藏ID： </td> 
 </tr> 
 <tr> 
 <td> user_id </td> 
 <td> int </td> 
 <td> 10 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:162.3pt;"> 收藏人ID： </td> 
 </tr> 
 <tr> 
 <td> source_table </td> 
 <td> varchar </td> 
 <td> 255 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:162.3pt;"> 来源表： </td> 
 </tr> 
 <tr> 
 <td> source_field </td> 
 <td> varchar </td> 
 <td> 255 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:162.3pt;"> 来源字段： </td> 
 </tr> 
 <tr> 
 <td> source_id </td> 
 <td> int </td> 
 <td> 10 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:162.3pt;"> 来源ID： </td> 
 </tr> 
 <tr> 
 <td> title </td> 
 <td> varchar </td> 
 <td> 255 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:162.3pt;"> 标题： </td> 
 </tr> 
 <tr> 
 <td> img </td> 
 <td> varchar </td> 
 <td> 255 </td> 
 <td> 否 </td> 
 <td> 否 </td> 
 <td style="width:162.3pt;"> 封面： </td> 
 </tr> 
 <tr> 
 <td> create_time </td> 
 <td> timestamp </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:162.3pt;"> 创建时间： </td> 
 </tr> 
 <tr> 
 <td> update_time </td> 
 <td> timestamp </td> 
 <td> 0 </td> 
 <td> 是 </td> 
 <td> 否 </td> 
 <td style="width:162.3pt;"> 更新时间： </td> 
 </tr> 
 </tbody> 
</table>

1.   系统实现
    
    1.   开发工具

系统中应用的开发工具总结如下表所示。

表5-1开发工具

<table> 
 <tbody> 
 <tr> 
 <td> 名称 </td> 
 <td> 工具 </td> 
 <td> 版本 </td> 
 </tr> 
 <tr> 
 <td> 操作系统 IDE(Integrated Development Environment) </td> 
 <td> Windows Eclipse </td> 
 <td> 7/8/10 2017 </td> 
 </tr> 
 <tr> 
 <td> 服务器 </td> 
 <td> Tomcat </td> 
 <td> 9.10.7 </td> 
 </tr> 
 <tr> 
 <td> JDK(Java Development Kit) </td> 
 <td> JDK </td> 
 <td> Java SE 8.0 (1.8.0) </td> 
 </tr> 
 <tr> 
 <td> 数据库 浏览器 界面工具 </td> 
 <td> MySQL 谷歌 Photoshop </td> 
 <td> 5.7 6.0 2016 </td> 
 </tr> 
 </tbody> 
</table>

1.  1.   注册模块

未注册用户在用户注册界面uerRegister.jsp，输入新用户信息，点击注册后，新用户信息由界面传入控制层userAction，调用addUser(user)方法，通过userDAOImp向数据库用户表插入用户信息，由于用户账号是自动生成的，若成功则反馈注册成功，并提示新用户的用户账号；若失败则回到登录界面，并显示登录失败。

注册界面如下所示。

![a191d46c26024137820fb8e58439d564.png][]

图5-1注册界面

用户注册关键代码如下所示。

/\*\*

\* 注册

\* @param user

\* @return

\*/

@PostMapping("register")

public Map<String, Object> signUp(@RequestBody User user) \{

// 查询用户

Map<String, String> query = new HashMap<>();

query.put("username",user.getUsername());

List list = service.select(query, new HashMap<>()).getResultList();

if (list.size()>0)\{

return error(30000, "用户已存在");

user.setUserId(null);

user.setPassword(service.encryption(user.getPassword()));

service.save(user);

return success(1);

/\*\*

\* 用户ID：\[0,8388607\]用户获取其他与用户相关的数据

\*/

@Id

@GeneratedValue(strategy = GenerationType.IDENTITY)

@Column(name = "user\_id")

private Integer userId;

/\*\*

\* 账户状态：\[0,10\](1可用|2异常|3已冻结|4已注销)

\*/

@Basic

@Column(name = "state")

private Integer state;

/\*\*

\* 所在用户组：\[0,32767\]决定用户身份和权限

\*/

@Basic

@Column(name = "user\_group")

private String userGroup;

/\*\*

\* 上次登录时间：

\*/

@Basic

@Column(name = "login\_time")

private Timestamp loginTime;

/\*\*

\* 手机号码：\[0,11\]用户的手机号码，用于找回密码时或登录时

\*/

@Basic

@Column(name = "phone")

private String phone;

/\*\*

\* 手机认证：\[0,1\](0未认证|1审核中|2已认证)

\*/

@Basic

@Column(name = "phone\_state")

private Integer phoneState;

/\*\*

\* 用户名：\[0,16\]用户登录时所用的账户名称

\*/

@Basic

@Column(name = "username")

private String username;

/\*\*

\* 昵称：\[0,16\]

\*/

@Basic

@Column(name = "nickname")

private String nickname;

/\*\*

\* 密码：\[0,32\]用户登录所需的密码，由6-16位数字或英文组成

\*/

@Basic

@Column(name = "password")

private String password;

/\*\*

\* 邮箱：\[0,64\]用户的邮箱，用于找回密码时或登录时

\*/

@Basic

@Column(name = "email")

private String email;

/\*\*

\* 邮箱认证：\[0,1\](0未认证|1审核中|2已认证)

\*/

@Basic

@Column(name = "email\_state")

private Integer emailState;

/\*\*

\* 头像地址：\[0,255\]

\*/

@Basic

@Column(name = "avatar")

private String avatar;

/\*\*

\* 创建时间：

\*/

@Basic

@Column(name = "create\_time")

@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")

private Timestamp createTime;

@Basic

@Transient

private String code;

1.  1.   登录/注销模块

用户在首页点击登录，进入用户登录界面uerLogin.jsp，输入用户账号和密码，点击登录，用户账号和密码信息由界面传入控制层userAction，调用userLogin(user)方法，通过userDAOImp向数据库用户表搜索该用户账号与密码，将最终结果反馈到前端。若成功则回到首页；用户成功登录，若失败则回到登录界面，并显示登录失败。

用户点击注销，清空浏览器session值，然后返回登录页或者首页。

登录界面如下所示。

![8c7203b4448941cbbac92bd9f6b7f922.png][]

图5-2登录界面

登录界面关键代码如下所示。

/\*\*

\* 登录

\* @param data

\* @param httpServletRequest

\* @return

\*/

@PostMapping("login")

public Map<String, Object> login(@RequestBody Map<String, String> data, HttpServletRequest httpServletRequest) \{

log.info("\[执行登录接口\]");

String username = data.get("username");

String email = data.get("email");

String phone = data.get("phone");

String password = data.get("password");

List resultList = null;

Map<String, String> map = new HashMap<>();

if(username != null && "".equals(username) == false)\{

map.put("username", username);

resultList = service.select(map, new HashMap<>()).getResultList();

else if(email != null && "".equals(email) == false)\{

map.put("email", email);

resultList = service.select(map, new HashMap<>()).getResultList();

else if(phone != null && "".equals(phone) == false)\{

map.put("phone", phone);

resultList = service.select(map, new HashMap<>()).getResultList();

\}else\{

return error(30000, "账号或密码不能为空");

if (resultList == null || password == null) \{

return error(30000, "账号或密码不能为空");

//判断是否有这个用户

if (resultList.size()<=0)\{

return error(30000,"用户不存在");

User byUsername = (User) resultList.get(0);

Map<String, String> groupMap = new HashMap<>();

groupMap.put("name",byUsername.getUserGroup());

List groupList = userGroupService.select(groupMap, new HashMap<>()).getResultList();

if (groupList.size()<1)\{

return error(30000,"用户组不存在");

UserGroup userGroup = (UserGroup) groupList.get(0);

//查询用户审核状态

if (!StringUtils.isEmpty(userGroup.getSourceTable()))\{

String sql = "select examine\_state from "+ userGroup.getSourceTable() +" WHERE user\_id = " + byUsername.getUserId();

String res = String.valueOf(service.runCountSql(sql).getSingleResult());

if (res==null)\{

return error(30000,"用户不存在");

if (!res.equals("已通过"))\{

return error(30000,"该用户审核未通过");

//查询用户状态

if (byUsername.getState()!=1)\{

return error(30000,"用户非可用状态，不能登录");

String md5password = service.encryption(password);

if (byUsername.getPassword().equals(md5password)) \{

// 存储Token到数据库

AccessToken accessToken = new AccessToken();

accessToken.setToken(UUID.randomUUID().toString().replaceAll("-", ""));

accessToken.setUser\_id(byUsername.getUserId());

tokenService.save(accessToken);

// 返回用户信息

JSONObject user = JSONObject.parseObject(JSONObject.toJSONString(byUsername));

user.put("token", accessToken.getToken());

JSONObject ret = new JSONObject();

ret.put("obj",user);

return success(ret);

\} else \{

return error(30000, "账号或密码不正确");

1.  1.   用户模块
        
        1.   个人资料模块

登录用户在首页点击进入用户中心userCenter.jsp，再点击修改个人信息按钮进入userChangeInfo.jsp界面，系统根据session中存储的目前登录的用户的账号，向控制层userAction发送请求，搜索当前用户信息，userAction向userDAOImp调用queryByUserId(user)，向数据库的用户表搜索当前用户信息并将用户信息以对象的形式层层返回到userChangeInfo.jsp界面，显示出当前用户的个人信息。

若用户要对个人信息进行修改，则通过修改当前信息之后点击确认，向控制层userAction发送更改后的用户信息，调用changeUser(user)方法，通过userDAOImp向数据库用户表更新用户信息，若成功则反馈注册成功，则返回的userChangeInfo.jsp界面被更改成功；若失败则显示修改失败。

1.  1.  1.   宠物秀模块

用户在登录状态下浏览宠物秀时，点击加入宠物秀信息后前台发起请求，将对应的宠物shuliang、id参数信息从前台传递GoumaiController类里，匹配到add()方法，add()方法调用GoumaiServiceImpl类的add()方法。

宠物秀界面如下所示。

![fc4c4c89c69347048ce8697758ec6623.png][]

图5-3宠物秀界面

1.  1.  1.   宠物领养模块

用户在登录状态下点击宠物领养页面可将进行宠物领养申请提交，从session中取出该宠物领养的信息，点击加入宠物领养，发起请求，将对应的宠物领养信息shichang、id参数信息从前台传递XiadanController类里，匹配到add()方法，add()方法调用XiadanServiceImpl类的add()方法。

宠物领养信息界面如下所示。

![2ee2215d40724afc9d49804da914bf40.png][]

图5-4宠物领养界面

1.  1.   管理员模块
        
        1.   密码修改模块

管理员选择个人中心的修改本人密码。通过密码框输入现密码和2次新密码，如果现密码错误，则提示修改失败。如果2次新密码不一致，则提示修改失败。都没问题的话，系统提示修改成功，并返回登录界面。

公告栏管理界面图如下所示。

![c7c4d6aa4b3e46c6ad1cc2f566a292cc.png][]

图5-5公告栏管理界面

用户信息界面如下所示。

![5b215a84b56c43afb16639b1d6806f33.png][]

图5-6用户信息界面

1.  1.  1.   宠物秀管理模块

根据需求，需要对宠物秀进行添加、删除或修改详情信息。删除或修改宠物秀时，系统根据宠物秀的状态判定为可删除状态下，才会给出删除和修改链接，点击删除链接按钮时，请求到达后台，还会先查询宠物秀状态再次做出判定能否删除。点击修改链接按钮时，会跳转到修改信息的页面，重新填写好数据后，数据提交到后台会对数据库中相应的记录做出修改。

添加宠物秀时，会给出数据填写的页面，该页面根据填写好的宠物秀编号同样会事先发送Ajax请求查询编号是否已存在，数据填写好之后提交到后台，会调用相关服务在数据库中插入记录。

宠物秀页面设计效果如下图所示。

![37a7449fded44c4cbbb0095732ac182c.png][]

图5-7宠物秀管理界面

宠物秀管理界面逻辑代码如下：

@RequestMapping("/get\_list")

public Map<String, Object> getList(HttpServletRequest request) \{

Map<String, Object> map = service.selectToPage(service.readQuery(request), service.readConfig(request));

return success(map);

1.  1.  1.   宠物领养管理模块

宠物领养功能需要考虑高并发，防止出现宠物重复 提交领养申请状态显示出错等情况，特对领养这一共享数据增加锁机制。在乐观锁、悲观锁以及线程锁中，综合考虑性能效率和错误的可接受性选择了乐观锁机制。乐观锁的实现方式是使用版本标识来确定读到的数据与提交时的数据是否一致，提交后修改版本标识，不一致时可以采取丢弃和再次尝试的策略。在数据库宠物表（对应宠物实体）设计中增加了version字段，每次数据提交时（更改宠物状态）会判断version是否匹配，若不匹配停止本次提交，若匹配则提交成功并增加version的值。

宠物领养功能整体流程：用户浏览宠物领养信息时，同时会显示宠物的状态，系统会在其显示详细信息的页面时便会判断宠物的状态，若宠物状态为可领养，则会显示申请的链接按钮。在用户点击申请按钮时，会先通过拦截器判断用户是否登录，若未登录，会跳转至登录页面，提示用户先登录，若为登录用户就会跳转至填写申请信息的页面，填写好申请信息之后，点击提交按钮，申请成功之后返回提示信息，告知用户申请成功。

宠物领养流程图如下图所示。

![63a4498495874ee880fdc54f4aac9f1a.png][]

图5-8宠物领养流程图

宠物领养管理界面如下图所示。

![8a3baad0c3ec406e80ab6d4b84ae40c2.png][]

图5-9宠物领养管理界面

1.  1.  1.   宠物转让管理模块

添加宠物转让时，会给出数据填写的页面，该页面根据填写好的转让信息同样会事先发送Ajax请求查询转让编号是否已存在，数据填写好之后提交到后台，会调用相关服务在数据库中插入记录。

宠物转让信息页面设计效果如下图所示。

![4bd6858493224f5aa3ec9bb30484ad71.png][]

图5-10宠物转让信息界面图

宠物转让管理的关键代码如下。

@PostMapping("/add")

@Transactional

public Map<String, Object> add(HttpServletRequest request) throws IOException \{

service.insert(service.readBody(request.getReader()));

return success(1);

@Transactional

public Map<String, Object> addMap(Map<String,Object> map)\{

service.insert(map);

return success(1);

public Map<String,Object> readBody(BufferedReader reader)\{

BufferedReader br = null;

StringBuilder sb = new StringBuilder("");

try\{

br = reader;

String str;

while ((str = br.readLine()) != null)\{

sb.append(str);

br.close();

String json = sb.toString();

return JSONObject.parseObject(json, Map.class);

\}catch (IOException e)\{

e.printStackTrace();

\}finally\{

if (null != br)\{

try\{

br.close();

\}catch (IOException e)\{

e.printStackTrace();

return null;

public void insert(Map<String,Object> body)\{

StringBuffer sql = new StringBuffer("INSERT INTO ");

sql.append("\`").append(table).append("\`").append(" (");

for (Map.Entry<String,Object> entry:body.entrySet())\{

sql.append("\`"+humpToLine(entry.getKey())+"\`").append(",");

sql.deleteCharAt(sql.length()-1);

sql.append(") VALUES (");

for (Map.Entry<String,Object> entry:body.entrySet())\{

Object value = entry.getValue();

if (value instanceof String)\{

sql.append("'").append(entry.getValue()).append("'").append(",");

\}else \{

sql.append(entry.getValue()).append(",");

sql.deleteCharAt(sql.length() - 1);

sql.append(")");

log.info("\[\{\}\] - 插入操作：\{\}",table,sql);

Query query = runCountSql(sql.toString());

query.executeUpdate();

1.  系统测试
    
    1.   测试概述

软件测试是软件开发完成后必须经过的一道程序，它在软件开发过程中地位十分重要，需要由专业的测试工程师来对软件进行各方面的测试，大到功能模块测试，小到代码的单元测试，这对测试工程师来说需要有足够的耐心和专业的测试方案，软件测试归根结底就是对软件的结构和功能的综合测评，需要做到结构稳定和功能正确，二者兼顾。软件测试也叫寻找系统bug的过程，世界上没有完美无缺、不存在bug的软件，只能将软件的bug降到最低最小，来追求极致。

1.  1.   测试过程
        
        1.   登录测试

登录测试是系统最开始就要进行，测试用户能否登录，才能完成后续的功能操作。

登录测试用例表如下所示。

表6-1登录测试

<table style="margin-left:10.85pt;width:453.85pt;"> 
 <tbody> 
 <tr> 
 <td style="width:114pt;"> 用例编号 </td> 
 <td style="width:113.25pt;"> YL001 </td> 
 <td style="width:113.3pt;"> 程序版本 </td> 
 <td style="width:113.3pt;"> 1.00 </td> 
 </tr> 
 <tr> 
 <td style="width:114pt;"> 功能名称 </td> 
 <td style="width:113.25pt;"> 使用者登录测试 </td> 
 <td style="width:113.3pt;"> 编制人 </td> 
 <td style="width:113.3pt;"> 李铁蛋 </td> 
 </tr> 
 <tr> 
 <td style="width:114pt;"> 功能描述 </td> 
 <td colspan="3" style="width:339.85pt;"> 根据用户的登录情况测试 </td> 
 </tr> 
 <tr> 
 <td style="width:114pt;"> 用例目的 </td> 
 <td colspan="3" style="width:339.85pt;"> 测试用户登录情况是否正确 </td> 
 </tr> 
 <tr> 
 <td style="width:114pt;"> 测试项 </td> 
 <td style="width:113.25pt;"> 测试数据 </td> 
 <td style="width:113.3pt;"> 测试结果 </td> 
 <td style="width:113.3pt;"> 预期结果 </td> 
 </tr> 
 <tr> 
 <td style="width:114pt;"> 用户名 </td> 
 <td style="width:113.25pt;"> 为空 </td> 
 <td style="width:113.3pt;"> 请输入用户名 </td> 
 <td style="width:113.3pt;"> 请输入用户名 </td> 
 </tr> 
 <tr> 
 <td style="width:114pt;"> 密码 </td> 
 <td style="width:113.25pt;"> 为空 </td> 
 <td style="width:113.3pt;"> 请输入密码 </td> 
 <td style="width:113.3pt;"> 请输入密码 </td> 
 </tr> 
 <tr> 
 <td style="width:114pt;"> 用户密码组合 </td> 
 <td style="width:113.25pt;"> 用户名:klouse&nbsp;密码 klouses </td> 
 <td style="width:113.3pt;"> 用户与密码不匹配 </td> 
 <td style="width:113.3pt;"> 用户与密码不匹配 </td> 
 </tr> 
 <tr> 
 <td style="width:114pt;"> 用户密码组合 </td> 
 <td style="width:113.25pt;"> 用户名 :&nbsp;klouse&nbsp;密码 klouse </td> 
 <td style="width:113.3pt;"> 进入系统 </td> 
 <td style="width:113.3pt;"> 正确的用户名和密码 登录系统 </td> 
 </tr> 
 </tbody> 
</table>

1.  1.  1.   信息录入测试

管理员在发布信息页面，通过按照预先格式发布信息，如果因为输入时候缺少相关内容，就不能发布成功，且有相应错误提示

信息录入发布测试用例表如下所示。

表6-1信息录入发布测试

<table style="width:453.9pt;"> 
 <tbody> 
 <tr> 
 <td style="width:77.05pt;"> 用例编号 </td> 
 <td style="width:106.3pt;"> YL002 </td> 
 <td style="width:127.65pt;"> 程序版本 </td> 
 <td style="width:142.9pt;"> 1.00 </td> 
 </tr> 
 <tr> 
 <td style="width:77.05pt;"> 功能名称 </td> 
 <td style="width:106.3pt;"> 信息发布测试 </td> 
 <td style="width:127.65pt;"> 编制人 </td> 
 <td style="width:142.9pt;"> 李铁蛋 </td> 
 </tr> 
 <tr> 
 <td style="width:77.05pt;"> 功能描述 </td> 
 <td colspan="3" style="width:376.85pt;"> 对使用者发布或者录入信息进行测试，判断其功能是否达到预期的要求 </td> 
 </tr> 
 <tr> 
 <td style="width:77.05pt;"> 用例目的 </td> 
 <td colspan="3" style="width:376.85pt;"> 对系统使用者录入发布信息进行原型测试。 </td> 
 </tr> 
 <tr> 
 <td style="width:77.05pt;"> 测试项 </td> 
 <td style="width:106.3pt;"> 测试数据 </td> 
 <td style="width:127.65pt;"> 测试结果 </td> 
 <td style="width:142.9pt;"> 预期结果 </td> 
 </tr> 
 <tr> 
 <td style="width:77.05pt;"> 属性1 </td> 
 <td style="width:106.3pt;"> 为空 </td> 
 <td style="width:127.65pt;"> 请输入属性1对应的数据 </td> 
 <td style="width:142.9pt;"> 请输入属性1对应的数据 </td> 
 </tr> 
 <tr> 
 <td style="width:77.05pt;"> 属性2 </td> 
 <td style="width:106.3pt;"> 为空 </td> 
 <td style="width:127.65pt;"> 请输入属性2对应的数据 </td> 
 <td style="width:142.9pt;"> 请输入属性2对应的数据 </td> 
 </tr> 
 <tr> 
 <td style="width:77.05pt;"> 属性3 </td> 
 <td style="width:106.3pt;"> 为空 </td> 
 <td style="width:127.65pt;"> 请输入属性3对应的数据 </td> 
 <td style="width:142.9pt;"> 请输入属性3对应的数据 </td> 
 </tr> 
 <tr> 
 <td style="width:77.05pt;"> 全部输入 </td> 
 <td style="width:106.3pt;"> 数据均填入 </td> 
 <td style="width:127.65pt;"> 录入发布成功 </td> 
 <td style="width:142.9pt;"> 录入发布成功 </td> 
 </tr> 
 </tbody> 
</table>

1.  1.  1.   信息更新测试

管理员在更新信息页面，通过按照预先格式更新信息，如果因为输入时候缺少相关内容或者更新的数据不符合当前规范的话，就不能更新成功，且有相应错误提示

信息更新测试用例表如下所示。

表6-1信息更新测试

<table style="width:453.9pt;"> 
 <tbody> 
 <tr> 
 <td style="width:77.05pt;"> 用例编号 </td> 
 <td style="width:106.3pt;"> YL003 </td> 
 <td style="width:127.65pt;"> 程序版本 </td> 
 <td style="width:142.9pt;"> 1.00 </td> 
 </tr> 
 <tr> 
 <td style="width:77.05pt;"> 功能名称 </td> 
 <td style="width:106.3pt;"> 信息更新测试 </td> 
 <td style="width:127.65pt;"> 编制人 </td> 
 <td style="width:142.9pt;"> 李铁蛋 </td> 
 </tr> 
 <tr> 
 <td style="width:77.05pt;"> 功能描述 </td> 
 <td colspan="3" style="width:376.85pt;"> 对使用者更新信息进行测试，判断其功能是否达到预期的要求 </td> 
 </tr> 
 <tr> 
 <td style="width:77.05pt;"> 用例目的 </td> 
 <td colspan="3" style="width:376.85pt;"> 对系统使用者更新信息进行原型测试。 </td> 
 </tr> 
 <tr> 
 <td style="width:77.05pt;"> 测试项 </td> 
 <td style="width:106.3pt;"> 测试数据 </td> 
 <td style="width:127.65pt;"> 测试结果 </td> 
 <td style="width:142.9pt;"> 预期结果 </td> 
 </tr> 
 <tr> 
 <td style="width:77.05pt;"> 属性1 </td> 
 <td style="width:106.3pt;"> 编号：321 </td> 
 <td style="width:127.65pt;"> 编号更新成功 </td> 
 <td style="width:142.9pt;"> 编号更新成功 </td> 
 </tr> 
 <tr> 
 <td style="width:77.05pt;"> 属性2 </td> 
 <td style="width:106.3pt;"> 名称：名称1 </td> 
 <td style="width:127.65pt;"> 名称更新成功 </td> 
 <td style="width:142.9pt;"> 名称更新成功 </td> 
 </tr> 
 <tr> 
 <td style="width:77.05pt;"> 属性3 </td> 
 <td style="width:106.3pt;"> 内容：内容1234内容 </td> 
 <td style="width:127.65pt;"> 内容更新成功 </td> 
 <td style="width:142.9pt;"> 内容更新成功 </td> 
 </tr> 
 <tr> 
 <td style="width:77.05pt;"> 全部输入 </td> 
 <td style="width:106.3pt;"> 数据均未更改 </td> 
 <td style="width:127.65pt;"> 更新成功 </td> 
 <td style="width:142.9pt;"> 更新成功 </td> 
 </tr> 
 </tbody> 
</table>

1.  1.  1.   信息删除测试

管理员在信息页面，通过点击数据删除按钮来删除该条数据，如果该数据和其他数据有关联，则提示是否确定删除。

信息删除测试用例表如下所示。

表6-1信息删除测试

<table style="width:453.9pt;"> 
 <tbody> 
 <tr> 
 <td style="width:77.05pt;"> 用例编号 </td> 
 <td style="width:106.3pt;"> YL004 </td> 
 <td style="width:127.65pt;"> 程序版本 </td> 
 <td style="width:142.9pt;"> 1.00 </td> 
 </tr> 
 <tr> 
 <td style="width:77.05pt;"> 功能名称 </td> 
 <td style="width:106.3pt;"> 信息删除测试 </td> 
 <td style="width:127.65pt;"> 编制人 </td> 
 <td style="width:142.9pt;"> 李铁蛋 </td> 
 </tr> 
 <tr> 
 <td style="width:77.05pt;"> 功能描述 </td> 
 <td colspan="3" style="width:376.85pt;"> 对使用者删除信息进行测试，判断其功能是否达到预期的要求 </td> 
 </tr> 
 <tr> 
 <td style="width:77.05pt;"> 用例目的 </td> 
 <td colspan="3" style="width:376.85pt;"> 对系统使用者删除信息进行原型测试。 </td> 
 </tr> 
 <tr> 
 <td style="width:77.05pt;"> 测试项 </td> 
 <td style="width:106.3pt;"> 测试数据 </td> 
 <td style="width:127.65pt;"> 测试结果 </td> 
 <td style="width:142.9pt;"> 预期结果 </td> 
 </tr> 
 <tr> 
 <td style="width:77.05pt;"> 数据1 </td> 
 <td style="width:106.3pt;"> 无任何关联的数据1 </td> 
 <td style="width:127.65pt;"> 数据删除成功 </td> 
 <td style="width:142.9pt;"> 数据删除成功 </td> 
 </tr> 
 <tr> 
 <td style="width:77.05pt;"> 数据2 </td> 
 <td style="width:106.3pt;"> 和其他数据有关联的数据2 </td> 
 <td style="width:127.65pt;"> 请确认是否删除 </td> 
 <td style="width:142.9pt;"> 请确认是否删除 </td> 
 </tr> 
 </tbody> 
</table>

1.  1.   测试结果

在经过之前的所有的工作之后，通过对软件的测试方法、测试原则还有典型的测试用例进行全面的、深入的介绍。经过对系统的全面测试，系统目前所具有的所有功能均成功的实现并且通过了测试，整个系统实现了基于 Java 开发的期望。

1.   总结与展望
    
    1.   总结

宠物领养系统采用Springboot框架开发，该系统非常完美的集优点于一身，成熟、强大、易理解易使用，通过使用这个结构，降低了开发的难度。本系统实现了基于Springboot的宠物领养系统，将数据操作维护的过程转化成电脑操作流程，具体实现了对系统人员管理、宠物信息数据维护、宠物转让数据维护、宠物领养申请数据维护，并提供查询统计功能来对宠物领养系统的相关数据进行统计分析，让使用者能更清晰的掌握运营情况，帮助使用者进行数据操作维护，简化工作流程，提高工作效率和盈利。

1.  1.   展望

目前完成的宠物领养系统，还有许多有待改进的地方。一个是功能上的改进，用户理应可以修改自己的相关信息，故应增设个人中心功能；另外，系统如果能提供更多的功能就会使得系统更加丰富和多样化，比如数据当前分析和未来预测等。第二个是技术上的改进，由于对开发框架不太熟悉，权限管理这部分，本系统采用一个Java页面来规定好导航栏，即跳转的页面，这相对比较不灵活，如果将URL路径记录到数据库并实现增删查改会比较好；另外就是对EasyUI的使用还不够熟练，视觉效果和界面观感有待提升，希望日后能对这个系统有所改进。

## 参考文献 ##

\[1\]单树倩,任佳勋.基于SpringBoot和Vue框架的数据库原理网站设计与实现\[J\].电脑知识与技术,2021,17(30):40-41+50.DOI:10.14004/j.cnki.ckt.2021.2868.

\[2\]喻佳,吴丹新.基于SpringBoot的Web快速开发框架\[J\].电脑编程技巧与维护,2021(09):31-33.DOI:10.16184/j.cnki.comprg.2021.09.013.

\[3\]巢晟盛.基于SpringBoot微服务架构下前后端分离的MVVM模型浅析\[J\].电脑知识与技术,2021,17(23):128-129+141.DOI:10.14004/j.cnki.ckt.2021.2412.

\[4\]杨思涵.流浪动物相关法律与现实问题\[J\].法制博览,2021(14):154-156.

\[5\]邢月,喻德荣.简析流浪动物救助实践困境与路径优化\[J\].大众标准化,2021(04):71-73.

\[6\]罗雪樱,张云雁.流浪动物的法律保护研究——以宁夏为例\[J\].法制博览,2020(36):35-36.

\[7\]赵灿. 《宠爱》移动应用设计的研究\[D\].北京印刷学院,2020.DOI:10.26968/d.cnki.gbjyc.2020.000217.

\[8\]姜苏. 基于互联网平台解决社会流浪动物问题的可行性研究\[D\].山东农业大学,2020.DOI:10.27277/d.cnki.gsdnu.2020.001043.

\[9\]陈薇,刘梓媛,尹婷.新媒体背景下流浪动物救助微信公众号运营研究\[J\].现代营销(下旬刊),2020(05):85-86.DOI:10.19932/j.cnki.22-1256/f.2020.05.049.

\[10\]张雨彤,段娜,杨萌,宁旭,李昶宏.流浪动物导致社会问题的救济方式\[J\].法制博览,2018(12):136+135.

\[11\]蒋静,王冰洁.M仔:走在救助路上的爱心姑娘——腾讯公益项目“关爱生命,善待动物”探访纪实\[J\].中国社会组织,2018(04):50-52.

\[12\]楊陽,沈海濱,VCG.用心感受狗狗的脉搏\[J\].金桥,2018(02):38-41.

\[13\]王波,同雯,王梓昕,李子杰.基于APPCAN的流浪动物救助APP系统设计\[J\].电脑知识与技术,2018,13(36):76-77+79.DOI:10.14004/j.cnki.ckt.2018.3953.

\[14\]张秋雨.流浪动物救助实践困境与路径优化——基于四川省宜宾市的实证分析\[J\].法制与社会,2018(15):188-190.DOI:10.19387/j.cnki.1009-0592.2017.05.371.

\[15\] Jeev Aashraya - A leading Animal Protection and Care Organization to develop additional Shelters for stray Animals in India\[J\]. M2 Presswire,2018:

\[16\]Francis E. Hamilton. Leading and Organizing Social Change for Companion Animals\[J\]. Anthrozoös,2018,23(3):

## 致谢 ##

在老师的教导和帮助下，本人完成了本篇论文，老师对论文的内容、格式都有非常严格的要求，在我写毕业论文的过程中，他多次给出了建议，并定期检查，对我们严格要求，帮助我们在文档的编写上写到极致和正确，他这种教学和工作态度，让我对他产生无限的敬佩感和尊敬感。写毕业论文的同时，作为应届生，我也忙着找工作中，遇到了很多选择，感到困惑迷茫的时候，老师给了我很多意见，感谢老师的耐心开导，跟她的聊天我明白了许多。

我还要感谢我的父母，一直以来都非常支持和相信我，在精神和经济上给了我很多力量，如今我将毕业走上工作之路，终于能报答父母的养育教导之恩。还有我大学期间所有老师和全体同学，遇到问题时，这些老师同学总是无私地帮助我，真的非常感谢，我也会加油努力成长为一个有用的人。

> **免费领取本源代码，请关注点赞＋私信**

[Web]: https://baike.baidu.com/item/Web%E6%9C%8D%E5%8A%A1/2837593
[Java]: https://baike.baidu.com/item/Java%E5%B9%B3%E5%8F%B0/3793459
[EJB]: https://baike.baidu.com/item/EJB/144195
[Link 1]: https://baike.baidu.com/item/%E9%9D%A2%E5%90%91%E5%88%87%E9%9D%A2%E7%BC%96%E7%A8%8B/6016335
[MVC]: https://baike.baidu.com/item/MVC%E6%A1%86%E6%9E%B6/9241230
[Link 2]: https://baike.baidu.com/item/%E9%A2%84%E7%BC%96%E8%AF%91
[HTML]: https://baike.baidu.com/item/HTML
[Link 3]: https://baike.baidu.com/item/%E6%A0%87%E5%87%86%E9%80%9A%E7%94%A8%E6%A0%87%E8%AE%B0%E8%AF%AD%E8%A8%80
[js]: https://baike.baidu.com/item/js/10687961
[Link 4]: https://baike.baidu.com/item/%E5%88%86%E7%A6%BB
[Windows]: https://baike.baidu.com/item/Windows
[Linux]: https://baike.baidu.com/item/Linux
[Mac]: https://baike.baidu.com/item/Mac/173
[Android]: https://baike.baidu.com/item/Android/60243
[iOS]: https://baike.baidu.com/item/iOS/45705
[Link 5]: https://baike.baidu.com/item/%E7%AE%97%E6%9C%AF%E8%BF%90%E7%AE%97%E7%AC%A6/9324947
[d71afb43d1ba43fe9a8728973c1f532c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/08/5db32f6f4e864777b3037454513611f2.png
[e2ed8bdb8801491c892199ac7bd6aff0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/08/4e10ac28c8bb4e50865e345ab4ba4e8b.png
[1345c75a16d24a7f8353b4b0425994b4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/08/04b774695a3d4beb9f4a4c9b42e7b04d.png
[ec5a9f335f754b22a86b2b5f063e1e29.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/08/ebdbd3c89f6046bbad01186904289455.png
[456dab7af11a46d88e9e1f086f1173dd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/08/872cd767d2f04081a4d0537d94449f44.png
[a7195f1ae00a43098b584f7e80378033.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/08/f10712584d6e4bf69bcd12da230b60cc.png
[4a080e3693ba452085fc9b507e91d1d6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/08/4c626743f9c54f7c9b12cf6e7a4e15a8.png
[2c58c40b56b2498eb0ee0452f801a934.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/08/d85caef2da2e4551b4a7dd6e8ead1091.png
[1b7f6f9b83454d36b54f9966e7940861.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/08/ca7144d99940401dbcc70ea3af585dff.png
[99f0c7ff8f5e47148a8ef35a03a4d417.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/08/09464b300f774598bbe14b551326a297.png
[b65f6780422e45d5aef961c65a1cade2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/08/54eb886192db49439bea9a6b1cd32850.png
[c29c25ff38be4e09b89e0f1f55b5a51e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/08/bed11a9083d94c5baa24c8ba93eef903.png
[b93c5a2193794d78bd5a9b6f177238ff.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/08/db97a68db4224e08a1e789a0a6baa1fa.png
[a191d46c26024137820fb8e58439d564.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/08/16188ed47d3e4c7ba6f6fa8474a0aaf4.png
[8c7203b4448941cbbac92bd9f6b7f922.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/08/41fc8f7a85394e58b0f067275e062649.png
[fc4c4c89c69347048ce8697758ec6623.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/08/48a50ba053ed457b9217bffb948510c2.png
[2ee2215d40724afc9d49804da914bf40.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/08/301cb93edbe94ef19331e370da75535d.png
[c7c4d6aa4b3e46c6ad1cc2f566a292cc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/08/fa4cf257745d4acc84bbf0a37b9ce4ca.png
[5b215a84b56c43afb16639b1d6806f33.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/08/9f544080372f4cfc9573cf0024d453ea.png
[37a7449fded44c4cbbb0095732ac182c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/08/aeff83b32d3047ec977007efcd80e798.png
[63a4498495874ee880fdc54f4aac9f1a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/08/cd23f415790a430289ea62028e905b60.png
[8a3baad0c3ec406e80ab6d4b84ae40c2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/08/115f9393c9a64fcaaa2004038752cdf6.png
[4bd6858493224f5aa3ec9bb30484ad71.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/08/35550faa36384f029087464a30059b55.png