基于Spring Boot的同城宠物照看系统的设计与实现

系统简介

科学技术日新月异，人们的生活都发生了翻天覆地的变化，同城宠物照看系统当然也不例外。过去的信息管理都使用传统的方式实行，既花费了时间，又浪费了精力。在信息如此发达的今天，我们可以通过网络这个媒介，快速的查找自己想要的信息，更加全方面的了解自己的网站信息。而且人们也可以突破传统信息管理的僵硬模式，制定属于自己的个性化的管理方案。基于现代人们的需求，设计并开发了一款同城宠物照看系统。
本篇文章使用Java与MYSQL技术搭建了一个同城宠物照看系统。首先，对用户提出的功能进行合理分析，然后搭建开发平台以及配置计算机软硬件；通过对数据流图以及系统结构的设计，创建相应的数据库；进行详细的设计，实现主要功能。最后测试网站，并分析测试结果，完善系统，得出系统使用说明书，方便日后的维护以及更新。
作为用户，本系统可以在线搜索，查看并且网站信息；也可以在线互动交流。作为系统的管理员，可以及时的更新数据，也可以随时随地的处理网站信息。便捷的操作界面以及全新的功能会让人们耳目一新。

关键词：宠物 MYSQL数据库 Java技术 SPRINGBOOT框架

第1章 开发工具和开发技术

2.1系统的开发环境与开发工具
本系统在开发时选用Windows10中文家庭版为操作系统，选用了java语言，与此同时选用了Mysql为数据库开发工具，两者的兼容性能是最佳的，所以很适合用来开发这款系统。
网页制作以及代码的编写，运用Eclipse开发工具，它不仅可以清晰的整理代码。而且还具有可视化的操作界面，提高了编写代码的效率。数据库采用MySQL，与编程开发工具兼容，易于管理维护。
2.2 JAVA技术概述
Java技术是一种广泛使用的计算机编程语言，具有跨平台、面向对象、安全性高等特点。Java技术的核心是Java虚拟机（JVM），它使得Java程序可以在任何支持JVM的平台上运行，从而实现了真正的跨平台。Java技术的面向对象特性使得程序员可以更加方便地编写和维护大型软件项目，提高了开发效率。Java技术还具有丰富的类库和API，可以帮助开发者快速实现各种功能。在企业级应用开发中得到了广泛应用，如Web应用、移动应用、大数据处理等。Java技术还广泛应用于云计算、物联网等领域，为这些领域的发展提供了强大的技术支持。Java技术凭借其优秀的性能和广泛的应用前景，成为了当今软件开发领域不可或缺的一部分。
2.3 SPRINGBOOT 框架
Spring Boot是一个基于Spring框架的开源项目，它简化了Spring应用程序的构建、配置和部署过程。Spring Boot的主要目标是使开发人员能够快速构建可独立运行的生产级应用程序。Spring Boot提供了许多内置的特性，如自动配置、嵌入式服务器、安全性等，这些特性使得开发人员能够专注于业务逻辑的开发，而不需要花费大量时间在配置和管理上。此外，Spring Boot还支持与各种外部服务的集成，如数据库、缓存、消息队列等。使用Spring Boot开发应用程序非常简单。首先，创建一个Maven或Gradle项目，并添加Spring Boot相关的依赖。然后，编写一个主类，并在其中定义一个main方法。最后，运行这个主类，就可以启动一个Spring Boot应用程序了。

2.4 Vue.js技术
Vue.js是一款轻量级的JavaScript框架，用于构建用户界面。它采用了组件化的开发方式，使得代码更加模块化、易于维护和复用。Vue.js还提供了数据双向绑定的功能，使得开发者可以更加方便地管理页面的状态。此外，Vue.js还支持虚拟DOM技术，可以提高页面渲染的性能。Vue.js的学习曲线较为平缓，适合初学者入门。目前，Vue.js已经成为了国内最热门的前端框架之一，被广泛应用于各种类型的项目中。
2.5 Mysql数据库技术
MySQL是一种关系型数据库管理系统，由瑞典MySQL AB公司开发，目前属于Oracle公司。MySQL是一种通用的、开源的关系型数据库管理系统，广泛应用于各种类型的项目中，如网站、企业级应用等。MySQL支持多种存储引擎，包括InnoDB、MyISAM等，可以根据项目需求选择合适的存储引擎。MySQL具有高性能、高可靠性、易用性等特点，被广泛应用于各种类型的项目中。
2.6 Eclipse开发工具
Eclipse是一个开源的集成开发环境（IDE），主要用于Java语言开发，同时也支持其他语言如C，C++，PHP，和 Ruby等。它最初由OTI和IBM两家公司的IDE产品开发组于1999年组建，目标是取代Visual Age for Java这个付费软件，并在2001年11月贡献给开源社区，由非营利软件供应商联盟Eclipse基金会（Eclipse Foundation）管理。Eclipse除了可以开发正常的Java项目之外，还可以利用它自带的插件开发环境 (PDE，Plug-in Development Environment)开发各种插件。它还附带了一个标准的插件集，包括Java开发工具（Java Development Kit，JDK）。
对于开发人员来说，Eclipse的下载和安装也是一个重要的步骤。Eclipse软件可以在其官方网站上下载，但由于服务器在国外，下载速度可能会较慢。因此，许多开发者选择在国内镜像地址下载，以加快下载速度。
2.7 B/S结构
B/S结构（Browser/Server，浏览器/服务器结构）是一种网络应用模式，它将软件的功能分为客户端和服务器端两部分。在这种结构中，用户通过浏览器访问服务器端的应用程序，而应用程序的数据处理和逻辑运算则由服务器端完成。
B/S结构的优点是易于维护和升级，因为所有的功能都在服务器端实现，客户端只需安装浏览器即可。B/S结构具有较高的可扩展性和跨平台性，用户无需安装专门的客户端软件，只要有网络连接就可以访问应用程序。在B/S结构中，用户界面是关键，因为它直接影响到用户的使用体验。为了提供良好的用户体验，开发者需要关注界面设计、交互设计和响应速度等方面。安全性也是B/S结构中不可忽视的问题，开发者需要采取一定的安全措施来保护用户数据和系统资源。

第2章 系统设计

4.1 系统总体结构设计
本系统是基于B/S架构的网站系统，分为系统前台和系统后台，前台主要是提供给注册用户和未注册登录的游客使用的，包括系统首页、照看者、宠物信息、照看服务、公告信息、个人中心等；后台是给系统管理员使用的，可以全方面的对系统的资讯进行实时的更新，对系统进行实时的维护。它的主要功能包括用户管理、照看者管理、宠物种类管理、宠物信息管理、照看服务管理、申请服务管理、照看日志管理、用户评价管理、照看评价管理、系统管理、我的信息等。系统总体结构图如下所示：

图4-1 系统总体结构图

4.2.2 数据库表设计
在 Mysql 2000 云数据库、网络后台数据库 等软硬件支持下，建立数据库表，不同数据表结构中存在字段名称、类型、长度、字段说明、主键和默认值等详细内容，具体数据库表信息如下表所示。
表4-1：宠物信息
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键 主键
addtime timestamp 创建时间 CURRENT_TIMESTAMP
chongwumingzi varchar 200 宠物名字
chongwuzhonglei varchar 200 宠物种类
tupian longtext 4294967295 图片
xingbie varchar 200 性别
shentizhuangkuang varchar 200 身体状况
nianling int 年龄
xingqing varchar 200 性情
aihao varchar 200 爱好
chongwuxiangqing longtext 4294967295 宠物详情
yonghuzhanghao varchar 200 用户账号
yonghuxingming varchar 200 用户姓名
clicktime datetime 最近点击时间
clicknum int 点击次数 0

表4-2：用户表
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键 主键
username varchar 100 用户名
password varchar 100 密码
image varchar 200 头像
role varchar 100 角色 管理员
addtime timestamp 新增时间 CURRENT_TIMESTAMP

表4-3：用户评价
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键 主键
addtime timestamp 创建时间 CURRENT_TIMESTAMP
zhaokanxiangmu varchar 200 照看项目
fengmian longtext 4294967295 封面
chongwuzhonglei varchar 200 宠物种类
pingjiashijian date 评价时间
manyidu varchar 200 满意度
yonghuzhanghao varchar 200 用户账号
yonghuxingming varchar 200 用户姓名
shoujihaoma varchar 200 手机号码
pingjianeirong longtext 4294967295 评价内容
zhanghao varchar 200 账号
xingming varchar 200 姓名

表4-4：消息表
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键 主键
addtime timestamp 创建时间 CURRENT_TIMESTAMP
uid bigint 用户ID
fid bigint 好友用户ID
content varchar 200 内容
format int 格式(1:文字，2:图片)
isread int 消息已读(0:未读，1:已读) 0

表4-5：token表
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键 主键
userid bigint 用户id
username varchar 100 用户名
tablename varchar 100 表名
role varchar 100 角色
token varchar 200 密码
addtime timestamp 新增时间 CURRENT_TIMESTAMP
expiratedtime timestamp 过期时间 CURRENT_TIMESTAMP

表4-6：关于我们
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键 主键
addtime timestamp 创建时间 CURRENT_TIMESTAMP
title varchar 200 标题
subtitle varchar 200 副标题
content longtext 4294967295 内容
picture1 longtext 4294967295 图片1
picture2 longtext 4294967295 图片2
picture3 longtext 4294967295 图片3

表4-7：收藏表
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键 主键
addtime timestamp 创建时间 CURRENT_TIMESTAMP
userid bigint 用户id
refid bigint 商品id
tablename varchar 200 表名
name varchar 200 名称
picture longtext 4294967295 图片
type varchar 200 类型 1
inteltype varchar 200 推荐类型
remark varchar 200 备注

表4-8：申请服务
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键 主键
addtime timestamp 创建时间 CURRENT_TIMESTAMP
zhaokanxiangmu varchar 200 照看项目
fengmian longtext 4294967295 封面
chongwuzhonglei varchar 200 宠物种类
zhaokanfeiyong double 照看费用
zhaokanshijian varchar 200 照看时间
zhaokandidian varchar 200 照看地点
shenqingshijian date 申请时间
yonghuzhanghao varchar 200 用户账号
yonghuxingming varchar 200 用户姓名
shoujihaoma varchar 200 手机号码
shenqingbeizhu longtext 4294967295 申请备注
zhanghao varchar 200 账号
xingming varchar 200 姓名
sfsh varchar 200 是否审核 待审核
shhf longtext 4294967295 审核回复

表4-9：公告信息分类
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键 主键
addtime timestamp 创建时间 CURRENT_TIMESTAMP
typename varchar 200 分类名称

表4-10：公告信息
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键 主键
addtime timestamp 创建时间 CURRENT_TIMESTAMP
title varchar 200 标题
introduction longtext 4294967295 简介
typename varchar 200 分类名称
name varchar 200 发布人
headportrait longtext 4294967295 头像
clicknum int 点击次数 0
clicktime datetime 最近点击时间
thumbsupnum int 赞 0
crazilynum int 踩 0
storeupnum int 收藏数 0
picture longtext 4294967295 图片
content longtext 4294967295 内容

表4-11：好友表
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键 主键
addtime timestamp 创建时间 CURRENT_TIMESTAMP
uid bigint 用户ID
fid bigint 好友用户ID
name varchar 200 名称
picture longtext 4294967295 图片
role varchar 200 角色
tablename varchar 200 表名
alias varchar 200 别名
type int 类型(0:好友申请，1:好友，2:消息) 0

表4-12：照看者
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键 主键
addtime timestamp 创建时间 CURRENT_TIMESTAMP
zhanghao varchar 200 账号
xingming varchar 200 姓名
mima varchar 200 密码
shoujihao varchar 200 手机号
xingbie varchar 200 性别
nianling varchar 200 年龄
touxiang longtext 4294967295 头像
gerenjieshao longtext 4294967295 个人介绍

表4-13：照看服务评论表
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键 主键
addtime timestamp 创建时间 CURRENT_TIMESTAMP
refid bigint 关联表id
userid bigint 用户id
avatarurl longtext 4294967295 头像
nickname varchar 200 用户名
content longtext 4294967295 评论内容
reply longtext 4294967295 回复内容

表4-14：照看日志
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键 主键
addtime timestamp 创建时间 CURRENT_TIMESTAMP
zhaokanxiangmu varchar 200 照看项目
fengmian longtext 4294967295 封面
chongwuzhonglei varchar 200 宠物种类
fabushijian date 发布时间
richangyinshi varchar 200 日常饮食
richangshipin longtext 4294967295 日常视频
jiankangzhuangkuang varchar 200 健康状况
yonghuzhanghao varchar 200 用户账号
yonghuxingming varchar 200 用户姓名
richangxiangqing longtext 4294967295 日常详情
zhanghao varchar 200 账号
xingming varchar 200 姓名

表4-15：配置文件
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键 主键
name varchar 100 配置参数名称
value varchar 100 配置参数值
url varchar 500 url

表4-16：照看评价
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键 主键
addtime timestamp 创建时间 CURRENT_TIMESTAMP
zhaokanxiangmu varchar 200 照看项目
fengmian longtext 4294967295 封面
chongwuzhonglei varchar 200 宠物种类
pingjiashijian date 评价时间
manyidu varchar 200 满意度
yonghuzhanghao varchar 200 用户账号
yonghuxingming varchar 200 用户姓名
shoujihaoma varchar 200 手机号码
pingjianeirong longtext 4294967295 评价内容
chongwuzhuangtai varchar 200 宠物状态
zhanghao varchar 200 账号
xingming varchar 200 姓名

表4-17：宠物种类
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键 主键
addtime timestamp 创建时间 CURRENT_TIMESTAMP
chongwuzhonglei varchar 200 宠物种类
image longtext 4294967295 image

表4-18：照看服务
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键 主键
addtime timestamp 创建时间 CURRENT_TIMESTAMP
zhaokanxiangmu varchar 200 照看项目
fengmian longtext 4294967295 封面
chongwuzhonglei varchar 200 宠物种类
zhaokanfeiyong double 照看费用
zhaokanshijian varchar 200 照看时间
zhaokandidian varchar 200 照看地点
fabushijian date 发布时间
yonghuzhanghao varchar 200 用户账号
yonghuxingming varchar 200 用户姓名
shoujihaoma varchar 200 手机号码
zhaokanneirong longtext 4294967295 照看内容
clicktime datetime 最近点击时间
clicknum int 点击次数 0
discussnum int 评论数 0
storeupnum int 收藏数 0

表4-19：用户
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键 主键
addtime timestamp 创建时间 CURRENT_TIMESTAMP
yonghuzhanghao varchar 200 用户账号
yonghuxingming varchar 200 用户姓名
mima varchar 200 密码
shoujihaoma varchar 200 手机号码
xingbie varchar 200 性别
nianling varchar 200 年龄
touxiang longtext 4294967295 头像
jifen int 积分
dengji varchar 200 等级

4.3 本章小结
这一章着重介绍了整个系统的设计流程。确定了系统的功能结构，并在此基础上完成了数据库的设计。

第3章 详细设计与实现

本系统采用了java和Mysql相结合的结构，以及基于客户端管理模式即B/S模式，设计开发了这款基于SPRINGBOOT框架的同城宠物照看系统。在配置文件中添加了编码方式来解决代码中中文的问题，本系统的设计开发，将CSS代码写在一个文件夹中，这样每个网页设计时，可以直接调用，既省时又省力。编写代码时，可以一边看着设计界面，一边编写CSS样式，为设计开发过程减轻了负担。
5.1前台功能实现
5.1.1系统首页页面
当人们打开系统的网址后，首先看到的就是首页界面。在这里，人们能够看到系统的导航条，通过导航条导航进入各功能展示页面进行操作。系统首页界面如图5-1所示：

图5-1 系统首页界面

在注册流程中，用户在Vue前端填写必要信息（如用户名、密码等）并提交。前端将这些信息通过HTTP请求发送到Java后端。后端处理这些信息，检查用户名是否唯一，并将新用户数据存入MySQL数据库。完成后，后端向前端发送注册成功的确认，前端随后通知用户完成注册。这个过程实现了新用户的数据收集、验证和存储。系统注册页面如图5-2所示：

图5-2系统注册页面

照看者：在照看者页面的输入栏中输入账号或姓名进行查询，可以查看到照看者详细信息，并进行私聊操作；照看者页面如图5-3所示：

图5-3照看者详细页面

5.1.2用户个人中心
个人中心：在个人中心页面可以对个人中心、修改密码、宠物信息、照看服务、申请服务、照看日志、用户评价、照看评价、我的收藏进行详细操作；如图5-4所示：

图5-4用户个人中心界面

5.1.3照看者个人中心
个人中心：在个人中心页面可以对个人中心、修改密码、聊天记录、照看服务、申请服务、照看日志、用户评价、照看评价、我的收藏进行详细操作；如图5-5所示：

图5-5照看者个人中心界面

5.2管理员功能实现
在登录流程中，用户首先在Vue前端界面输入用户名和密码。这些信息通过HTTP请求发送到Java后端。后端接收请求，通过与MySQL数据库交互验证用户凭证。如果认证成功，后端返回给前端，允许用户访问系统。这个过程涵盖了从用户输入到系统验证和响应的全过程。管理员登录界面图5-6所示。

图5-6 管理员登录界面
管理员进入主页面，主要功能包括对用户管理、照看者管理、宠物种类管理、宠物信息管理、照看服务管理、申请服务管理、照看日志管理、用户评价管理、照看评价管理、系统管理、我的信息等进行操作。管理员主页面如图5-7所示：

图5-7管理员主界面

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

图5-8用户管理界面

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

图5-9照看者管理界面