# 1-宠物综合服务平台 - 功能说明
# 项目演示
# 项目概述
宠物综合服务平台是一个集宠物管理、社交互动、在线商城、宠物服务预约于一体的综合性Web应用系统。采用前后端分离架构,基于Vue 3和Spring Boot技术栈,为宠物主人提供一站式的宠物生活服务解决方案。
# 项目概览
# ✨ 创新点
# 1. 多角色权限体系
- 三级角色设计：用户、商家、管理员三级角色，职责分明。
- 动态权限控制：基于角色的动态访问控制，灵活配置权限。
- 角色隔离：严格的数据与操作隔离，确保系统安全与稳定。
# 2. 线上线下服务融合
- O2O服务模式：线上预约、购买，线下到店服务或自提，形成闭环。
- 店铺订单管理：商家后台对线上线下订单进行统一管理。
- 实时状态跟踪：用户可实时查看订单或服务进度。
# 3. 宠物社交生态
- 宠物日记：记录宠物成长点滴，支持图文分享。
- 求助信息发布：快速发布寻宠、医疗等求助信息。
- 富文本内容：集成WangEditor，支持丰富的图文内容编辑与展示。
# 4. 智能化用户体验
- 数据可视化：集成ECharts，关键数据图表化展示。
- 余额支付系统：便捷的内置余额支付流程。
- 自动库存管理：商品库存自动扣减与预警，智能管理。
# 5. 技术架构创新
- 前后端分离：清晰的职责划分，提升开发效率与系统可维护性。
- JWT认证：基于Token的无状态认证，安全高效。
- 组件化开发：前端高复用组件库，后端模块化设计。
# ✨ 项目亮点
# 一、 业务功能亮点
- 完整的宠物生命周期管理：从日常、健康到社交，提供一站式管理。
- 丰富的社交互动功能：宠物日记、求助、互动，构建宠物主社区。
- 一体化商城系统：结合O2O，集成商品与服务交易。
- 多维度数据统计：为用户、商家、管理员提供多视角数据看板。
# 二、 技术实现亮点
- 现代化前端技术栈：采用 Vue 3 + Vite 5 + Element Plus + Pinia，高效开发，体验流畅。
- 稳定可靠的后端架构：基于 Spring Boot 3 + MyBatis，配合JWT认证，构建稳健后端。
- 完善的数据库设计：13张核心表，采用utf8mb4字符集，确保数据规范与完整。
- 丰富的第三方集成：集成WangEditor（富文本）、ECharts（图表）、Axios（HTTP）等。
- 安全性设计：全面的Token认证、接口权限拦截、多角色数据隔离机制。
# 三、 用户体验亮点
- 双界面设计：前台水平导航简洁直观，后台侧边导航高效专注。
- 响应式布局：基于Element Plus栅格系统。
- 交互优化：
- 友好的加载提示。
- 重要的操作确认弹窗。
- 及时的全局消息提示。
- 严谨的前后端表单验证。
- 文件上传体验：支持图片预览、拖拽上传、大文件分片上传，操作便捷。
# 管理员
# 系统管理
管理员管理:管理全部管理员账号,支持新增、编辑、删除、启用/禁用操作
宠物店管理:管理全部宠物店铺,包括店铺信息、店长账号、启用/禁用店铺
普通用户管理:管理全部用户账号,可修改用户信息、余额、状态,支持重置密码
求助信息管理:管理用户发布的救助信息,可查看详情、删除不当信息
# 宠物管理
宠物类型:管理全部的宠物类型(猫、狗、鹦鹉等),支持新增、编辑、删除
宠物信息:管理用户提交的全部宠物信息,可查看、编辑、删除宠物档案
宠物日记:管理用户发布的宠物日记,可查看、编辑、删除日记内容
# 宠物订单
喂养订单:可查看全部喂养订单,可协助修改订单状态(原则上宠物店负责状态修改)
寄养订单:可查看全部寄养订单,可协助修改订单状态(原则上宠物店负责状态修改)
# 宠物商城
商品管理:管理全部商品,支持新增、编辑、删除、上下架、库存管理
收货地址:管理全部用户的收货地址,可查看、编辑、删除地址信息
商品订单:管理全部商品订单,可进行状态扭转(待发货→待收货→已完成),可取消订单并退款
# 宠物店
# 宠物订单
喂养订单:管理用户提交的本店喂养订单,可接单(已下单→进行中)、完成订单(进行中→已完成)
寄养订单:管理用户提交的本店寄养订单,可接单(已下单→进行中)、完成订单(进行中→已完成)
# 普通用户
# 宠物管理
我的宠物:管理自己的宠物信息,支持新增宠物(上传照片、填写名称、选择类型、填写基本信息)、编辑、删除
# 社交互动
求助信息:浏览全部求助信息,可发布求助(宠物搭车、领养、走失、托管等),可管理自己的求助信息
宠物日记:浏览全部宠物日记,可发布日记(记录宠物日常、趣事、成长),可管理自己的日记
# 宠物服务
查找店铺:浏览全部宠物店铺信息(店铺名称、地址、电话),可预约喂养或寄养服务
# 宠物商城
宠物商城:浏览全部商品,可查看商品详情,可购买商品(选择收货地址、使用余额支付)
# 个人中心
临时寄养订单:管理自己的宠物寄养订单,可查看订单详情(宠物信息、店铺信息、寄养时间段、状态)
上门喂养订单:管理自己的宠物喂养订单,可查看订单详情(宠物信息、店铺信息、预约时间、状态)
收货地址:管理商品收货地址,支持新增、编辑、删除地址(购买商品必须要有收货地址)
商城订单:管理购买商品的订单,可查看订单详情、取消订单(自动退款)、确认收货
个人信息:修改个人信息(昵称、头像、手机号、邮箱)
修改密码:修改登录密码
余额/充值:查看账户余额,充值余额(当前需联系管理员充值)
# 功能权限对照表
| 功能模块 | 管理员 | 宠物店 | 普通用户 |
|---|---|---|---|
| 首页 | ✓ | - | ✓ |
| 管理员管理 | ✓ | - | - |
| 宠物店管理 | ✓ | - | - |
| 普通用户管理 | ✓ | - | - |
| 求助信息管理 | ✓ | - | ✓(仅自己的) |
| 宠物类型管理 | ✓ | - | - |
| 宠物信息管理 | ✓ | - | ✓(仅自己的) |
| 宠物日记管理 | ✓ | - | ✓(仅自己的) |
| 喂养订单管理 | ✓(全部) | ✓(本店) | ✓(仅自己的) |
| 寄养订单管理 | ✓(全部) | ✓(本店) | ✓(仅自己的) |
| 商品管理 | ✓ | - | - |
| 收货地址管理 | ✓(全部) | - | ✓(仅自己的) |
| 商品订单管理 | ✓(全部) | - | ✓(仅自己的) |
| 查找店铺 | - | - | ✓ |
| 宠物商城购物 | - | - | ✓ |
# 订单状态说明
# 宠物服务订单(喂养/寄养)
- 已下单:用户提交预约,等待店铺确认
- 进行中:店铺已接单,正在提供服务
- 已完成:服务完成
# 商品订单
- 待支付:订单已创建,等待支付(当前系统自动支付)
- 待发货:已支付,等待商家发货
- 待收货:商家已发货,等待用户确认收货
- 已完成:交易完成
- 已取消:订单已取消,已退款
# 默认账号
# 管理员
用户名: admin
密码: 123456
2
# 测试用户
用户名: user
密码: 123456
余额: 169元
2
3
# 测试店铺
用户名: admin
密码: 123456
店铺: 北京朝阳区宠物店
2
3
# 核心业务流程
# 用户注册流程
1. 填写注册信息(用户名、密码、昵称、邮箱)
2. 系统创建用户账号(初始余额100元、状态启用)
3. 跳转到登录页
2
3
# 购买商品流程
1. 浏览商品列表 → 查看商品详情
2. 点击"立即购买" → 选择收货地址
3. 确认订单信息 → 使用余额支付
4. 扣减余额、扣减库存、增加销量
5. 生成订单(状态:待发货)
6. 管理员发货(状态:待收货)
7. 用户确认收货(状态:已完成)
2
3
4
5
6
7
# 预约寄养流程
1. 查找店铺 → 选择店铺 → 点击"预约寄养"
2. 选择宠物、选择寄养时间段、填写备注
3. 提交预约(状态:已下单)
4. 店长查看订单 → 店长接单(状态:进行中)
5. 宠物寄养期间,店铺提供照顾服务
6. 寄养结束,用户取回宠物
7. 店长完成订单(状态:已完成)
2
3
4
5
6
7
# 发布宠物日记流程
1. 进入"宠物日记"页面 → 点击"发布日记"
2. 填写日记标题
3. 编辑日记内容(富文本编辑器,支持插入图片)
4. 提交发布
5. 所有用户可浏览该日记
2
3
4
5
# 技术说明
# 系统架构
- 前端:Vue 3.4.29 + Element Plus 2.8.4 + Vite 5.3.1
- 后端:Spring Boot 3.2.10 + MyBatis 3.0.4
- 数据库:MySQL 8.0
- 认证:JWT Token
# 访问地址
- 后端API:http://localhost:1000
- 前端页面:http://localhost:5173(开发环境)
# 数据库
- 数据库名:pet_system
- 字符集:utf8mb4
- 总表数:13张表
# 系统特色
# 富文本编辑
- 组件:WangEditor 5.1.x
- 应用:宠物日记、求助信息、商品详情、宠物基本信息
- 功能:支持文本格式化、图片插入、链接插入、列表、对齐
# 数据可视化
- 组件:ECharts 5.5.1
- 图表:宠物类型占比(饼图)、商品销售额统计(柱状图)
- 位置:管理后台首页
# 文件上传
- 单文件限制:100MB
- 支持格式:.jpg、.jpeg、.png、.gif
- 访问格式:http://localhost:1000/file/{哈希值}.{扩展名}