本文基于本人毕业设计项目整理，涵盖系统设计、核心功能、关键技术及实现过程，可为课程设计、毕业设计及相关项目实践提供参考。
一、项目功能
本系统基于Spring Boot + Vue 前后端分离架构，实现以下功能：
宠物信息管理
宠物健康数据记录
用户社交分享功能
用户权限管理
二、系统总体设计
2.1 技术架构
前端：Vue + HTML + CSS + JavaScript
后端：Spring Boot
数据库：MySQL
2.2 系统结构
系统主要分为两大模块：
宠物健康管理模块
社交分享模块
三、系统功能设计
3.1 系统首页
系统首页作为系统入口界面，集成了导航栏、功能介绍及登录注册模块。用户可通过该页面快速进入各功能模块，同时了解系统的主要功能，包括宠物健康管理与社交分享。
3.2 宠物信息管理
该页面用于对宠物信息进行统一管理，支持查看宠物总数、筛选宠物信息以及添加新宠物等功能。管理员和用户可以根据宠物名称、主人姓名和品种进行条件查询，提高信息检索效率。
该界面以卡片形式展示所有宠物信息，包括宠物名称、品种、年龄和体重等基本数据。同时提供“查看详情”、“修改”和“删除”等操作按钮，实现对宠物信息的增删改查功能。
3.3 宠物健康管理
该页面用于记录宠物的日常健康数据，包括体重、饮食、运动时长和体温等信息。用户可以对记录进行新增、修改和删除操作，实现健康数据的持续跟踪与管理。
系统通过图表形式展示宠物健康数据的变化趋势，如体重变化、饮食占比和运动时长以及体温变化等，使用户能够直观了解宠物的健康状况变化。
3.4 社交分享模块
该页面用于展示和管理用户发布的动态内容，支持动态分类筛选及发布功能。管理员可以对动态内容进行查看与管理，实现社交内容的统一管理。
用户可以查看动态的详细内容，并进行评论、点赞等互动操作。该模块增强了用户之间的交流，提高了系统的互动性与活跃度。
3.5 用户与权限管理
该页面用于对系统用户进行统一管理，支持用户信息查询、角色筛选以及状态管理等功能。管理员可以对用户进行启用、禁用、角色分配及删除操作，实现对系统用户的权限控制与管理。
综上所述，本系统围绕宠物管理、健康记录及社交互动等功能模块，实现了宠物健康管理与社交分享的一体化平台设计。
四、系统实现
4.1 系统架构实现
本系统采用前后端分离架构进行开发，前端使用 Vue 框架实现页面展示与交互，后端基于 Spring Boot 构建服务接口，数据库采用 MySQL 进行数据存储，使用 MyBatis 实现数据持久化操作。系统整体通过 RESTful 接口进行数据交互，实现前后端解耦，提高了系统的可扩展性与维护性。
4.2 用户认证与权限控制
系统采用 JWT实现用户身份认证。在用户登录成功后，后端生成 Token 返回给前端，前端在后续请求中携带 Token，后端通过拦截器进行验证。通过该方式实现了无状态登录，并结合用户角色进行权限控制，确保普通用户只能访问对应功能。
4.3 数据库设计与实现
系统使用 MySQL 数据库存储数据，主要包括以下核心数据表：
users（用户表）
pet（宠物表）
health_record（健康记录表）
post（动态表）
各数据表之间通过外键建立关联，实现用户与宠物、宠物与健康记录之间的关系管理。
4.4 宠物信息管理实现
在宠物管理模块中，通过定义 Mapper 接口实现对宠物数据的增删改查操作。例如，通过 MyBatis 编写 SQL 语句查询指定用户的宠物信息，并返回对应数据。用户可以通过前端页面提交请求，后端接收数据后进行处理，并将结果返回前端，实现宠物信息的动态管理。
4.5 健康记录管理实现
健康记录模块用于记录宠物的体重、饮食、运动及体温等信息。用户可通过页面新增记录，系统将数据存入数据库，并在页面中进行展示。同时，通过图表组件对健康数据进行可视化处理，实现健康趋势的直观展示，提高用户对宠物健康状况的了解。
4.6 社交模块实现
社交模块支持用户发布动态、查看内容以及进行互动操作。用户发布的内容存储于数据库中，并通过接口返回到前端进行展示。系统还支持评论、点赞等功能，增强用户之间的互动性，提高平台活跃度。
4.7 用户管理模块实现
用户管理模块主要用于管理员对系统用户进行管理，包括用户信息查询、角色分配及状态控制等功能。管理员可以对用户进行启用、禁用或删除操作，从而保障系统运行的安全性与规范性。
五、系统难点与解决方案
难点一：前后端分离登录问题
问题：传统 Session 不适用于前后端分离
解决方案：采用 JWT 实现无状态登录
难点二：数据库字段映射问题
问题：user_id 与 userId 不一致
解决方案：使用 MyBatis 驼峰映射
难点三：接口参数问题
问题：Long / Integer 不一致导致报错
解决方案：统一接口参数类型
结语
本文基于 Spring Boot 与 Vue 技术，设计并实现了一个宠物健康管理与社交分享系统。系统围绕宠物信息管理、健康记录以及社交互动等核心功能模块展开，实现了对宠物健康数据的记录与可视化展示，同时提供了用户之间的交流平台。在系统开发过程中，通过前后端分离架构提高了系统的扩展性与可维护性，利用 MyBatis 实现数据持久化操作，并结合 JWT 完成用户认证与权限控制，保证了系统运行的安全性与稳定性。总体而言，本系统功能完整、结构清晰，能够满足基本的宠物健康管理与社交需求，达到了预期的设计目标。
)
