基于 SpringBoot 的宠物寄养与领养服务平台设计与实现

（2）用户用例图如下所示： 图 3-2 用户用例图

3.3 系统流程设计

3.3.1 系统开发流程

宠物寄养系统的设计和开发，首先要对用户的实际使用需求和具体情况进行细致的分析，分析出系统要完成的全部功能，然后再针对整个系统的工作流程和功能进行设计，力求每个模块都能够达到用户的要求，最后通过测试来解决问题，保证系统的稳定和正常的运转，本系统的开发流程如图 3-3 所示。 图 3-3 系统开发流程图

3.3.2 用户登录流程

登录流程实现了管理员和其他用户的登录，在登录页面需要用户填写自己的信息，前端页面会将信息传递给后端接口，然后查询数据库确定该身份有效后登录成功，否则此用户登录失败，需要重新填写信息，进行再次验证，如图 3-4 所示。 图 3-4 登录流程图

3.3.3 系统操作流程

系统操作流程分析是软件开发过程中的一个关键环节，它是整个系统整体的运行过程，必须保证其中的每一个步骤都是确定的，这样一个规范的流程图可以使开发者易于理解，快速的投入到接口开发中，从而提升系统开发效率。 同时，流程图还能减少开发者对系统操作流程产生歧义和降低沟通的成本，系统操作流程如图 3-5 所示。 图 3-5 系统操作流程图

3.3.4 添加信息流程

系统的正常运行离不开数据的支撑，因此，在本系统中添加了数据插入功能，数据库中数据的缺失，会直接影响到数据的查询结果，查询结果错误又会导致逻辑处理出现偏差，最终导致系统性错误或故障，所以在对系统进行数据添加操作时，必须要对数据进行合法性校验，确定此条数据是否有惟一的主关键字和字段是否允许为空等等，若数据库表中不允许某字段为空，而程序没有进行该字段非空逻辑校验，那么就会出现数据存储失败，可能因此造成严重系统后果。添加信息流程如图 3-6 所示。 图 3-6 添加信息流程图

3.3.5 修改信息流程

因为使系统的使用者是人，所以难免会有疏忽，从而造成系统输入的信息有误。或者由于其他原因导致数据发生改变，使得必须对系统内的数据进行相应的调整，所以在程序运行中，数据的修改操作是不可缺少的重要环节。 在进行数据更新时，必须要有一个惟一的主关键字，以便数据库能够查询到相应的数据；另外，还必须遵守数据插入过程的操作规范，以确保数据的正确性。修改信息流程图如图 3-7 所示。 图 3-7 修改信息流程图

3.3.6 删除信息流程

删除操作在系统中并非是必须的，可根据用户及系统的需要来决定是否添加删除功能，删除操作就是使用 delete 语句将数据库中的某一匹配数据删除，因为此操作会导致用户数据丢失，所以为了避免使用者误按删除键，应在用户点击删除按钮时添加一个提示确认弹窗，当用户确定要删除时，再进行数据库的操作，并且在删除操作完成后要对用户进行反馈。删除信息流程图如图 3-8 所示。 图 3-8 删除信息流程图

3.4 小结

宠物寄养系统旨在让用户能够轻松便捷的查询信息，让管理员的工作负担减轻。本章主要对宠物寄养系统的经济、技术、用户使用、法律、市场可行性进行分析。确认可行后，对宠物寄养系统进行了需求分析，从用户和管理员角度思考了可能会有的需求，是后续论文和应用开发的基础指导。

4 系统总体设计

此次宠物寄养系统通过 springboot 框架。springboot 适合快速构建 Web 应用。springboot 将 B/S 设计模式中的视图分成了 View 模块和 Template 模块两部分，将动态的逻辑处理交给 View 处理，页面通过 Template 来实现。Model 和 Template 由 View 连在一起，如此划分后，程序中的每一部分只做一件事情，耦合度大大降低，便于开发者管理。为了更好的去理清本系统整体思路，对该系统以结构图的形式表达出来，设计实现该宠物寄养系统的功能结构图如下所示： 图 4-1 系统总体结构图

4.1 数据库设计原则

数据库设计之后，根据数据库关系，可以更加清晰地了解到数据库结构，每一个数据表之间的关系，再创建数据表。快速更改和查询对应的信息，有了数据库就不用在程序和代码中寻找。

分析宠物寄养系统的数据结构后，在 E-R 图中分析管理员登录时的模式，需要输入用户名与密码、角色，管理员信息 E-R 如图 4-2 所示。 图 4-2 管理员信息 E-R 图

用户信息 E-R 图如图 4-3 所示。 图 4-3 用户信息 E-R 图

饲养视频 E-R 图如图 4-4 所示。 图 4-4 饲养视频 E-R 图

领养申请 E-R 图如图 4-5 所示。 图 4-5 领养申请 E-R 图

宠物领养 E-R 图如图 4-5 所示。 图 4-5 宠物领养 E-R 图

宠物寄养系统总体 E-R 图如图 4-5 所示。 图 4-5 宠物寄养系统总体 E-R 图

5 系统详细设计与实现

按照软件工程的流程来说，在系统的详细设计与实现阶段，要把模块、视图、模板进行相应的组合完成一个个所需的功能，此章将会把设计中模块进行说明如何设计和实现的。

5.1 前台用户功能模块

当用户打开系统的网址后，首先看到的就是首页界面。在这里，用户能够看到宠物寄养系统的导航条显示系统首页、宠物领养、饲养视频、宠物认领、感谢信、宠物资讯、个人中心等。系统首页界面如图 5-1 所示： 图 5-1 系统首页界面

当用户进入前台系统进行相关操作前必须先注册登录，在注册页面填写用户账号、用户姓名、密码、确认密码、性别、头像、电话号码等信息，前端将这些信息通过 HTTP 请求发送到 Java 后端。后端处理这些信息，检查用户名是否唯一，并将新用户数据存入 MySQL 数据库。完成后，后端向前端发送注册成功的确认，前端随后通知用户完成注册。这个过程实现了新用户的数据收集、验证和存储。如图 5-2 所示。 图 5-2 用户注册界面

用户登录，用户在登录页面通过填写账号、密码，完成登录，在登录流程中，用户首先在 Vue 前端界面输入用户名和密码。这些信息通过 HTTP 请求发送到 Java 后端。后端接收请求，通过与 MySQL 数据库交互验证用户凭证。如果认证成功，后端生成一个令牌（如 JWT）并返回给前端，允许用户访问系统。这个过程涵盖了从用户输入到系统验证和响应的全过程。如图 5-3 所示。 图 5-3 用户登录界面

点击宠物领养，用户在宠物领养页面可以查看宠物昵称、宠物种类、宠物姓名、状态、身体状况、年龄、宠物图片、性情、爱好等信息，还可以进行领养、收藏或者评论等操作；如图 5-4 所示。 图 5-4 宠物领养界面图

点击饲养视频，用户在饲养视频页面搜索栏输入标题，进行查询，还可以查标题、封面、视频、宠物种类、视频分类、发表时间等信息，还可以进行收藏或者评论等操作；如图 5-5 所示。 图 5-5 饲养视频界面图

用户点击个人中心，在个人中心页面可以更新个人详细信息，还可以对领养申请、宠物认领、认领申请、感谢信、我的收藏进行详细操作；如图 5-6 所示： 图 5-6 个人中心界面

5.2 后台管理员功能模块

管理员登录，通过登录页面输入用户名、密码等信息，进行登录操作，如图 5-7 所示。 图 5-7 管理员登录界面图

管理员点击登录按钮页面跳转到宠物寄养系统对系统首页、个人中心、用户管理、宠物种类管理、视频分类管理、宠物领养管理、领养申请管理、饲养视频管理、宠物认领管理、认领申请管理、感谢信管理、系统管理等功能，进行相应操作，如图 5-8 所示。 图 5-8 管理员功能界面图

用户信息功能在视图层（view 层) 进行交互，比如点击'添加'按钮或填写用户信息表单。这些用户信息动作被视图层捕获并作为请求发送给相应的控制器层 (controller 层)。控制器接收到这些请求后，调用服务层 (service 层) 以执行相关的业务逻辑，例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后，进一步与数据访问对象层（DAO 层) 交互，后者负责具体的数据操作如查询、添加、更新或删除用户信息，并将操作结果返回给控制器。最终，控制器根据这些结果更新视图层，以便用户信息功能可以看到最新的信息或相应的操作反馈。在用户信息页面的输入栏中输入用户账号进行查询，可以查看到用户详细信息，并根据需要进行修改或者删除等操作；如图 5-11 所示。 图 5-11 用户管理界面

宠物种类功能在视图层（view 层) 进行交互，比如点击'添加'按钮或填写宠物种类表单。这些宠物种类动作被视图层捕获并作为请求发送给相应的控制器层 (controller 层)。控制器接收到这些请求后，调用服务层 (service 层) 以执行相关的业务逻辑，例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后，进一步与数据访问对象层（DAO 层) 交互，后者负责具体的数据操作如查询、添加、更新或删除宠物种类，并将操作结果返回给控制器。最终，控制器根据这些结果更新视图层，以便宠物种类功能可以看到最新的信息或相应的操作反馈。在宠物种类页面的输入栏中输入宠物种类进行查询，可以查看到宠物种类详细信息，并根据需要进行修改或者删除等操作；如图 5-12 所示。 图 5-12 宠物种类管理界面

管理员点击视频分类管理，在视频分类管理页面对视频分类等信息，进行查询、添加或删除视频分类等操作。如图 5-13 所示： 图 5-13 视频分类管理界面

管理员点击宠物领养管理，在宠物领养管理页面对宠物昵称、宠物种类、宠物姓名、状态、身体状况、年龄、宠物图片、性情、爱好、评论数、收藏数等信息，进行查询、添加或删除宠物领养等操作。如图 5-14 所示： 图 5-14 宠物领养管理界面

管理员点击领养申请管理，在领养申请管理页面对宠物昵称、宠物种类、宠物性别、宠物图片、用户账号、用户姓名、领养时间、备注、审核回复、审核状态等信息，进行查询或删除领养申请等操作。如图 5-15 所示： 图 5-15 领养申请管理界面