基于SpringBoot的宠物咖啡馆平台

1. 在线演示：

后台：http://springbootx9rzc.xiaobias.com/springbootx9rzc/admin/dist/index.html

前台：http://springbootx9rzc.xiaobias.com/springbootx9rzc/front/index.html

管理员：abo/abo

用户：用户1/123456、用户2/123456

看护师：看护师1/123456、看护师2/123456

资源：https://fifteen.xiaobias.com/source/68

2. 项目简介

该项目是一个集宠物服务与咖啡餐饮于一体的综合性在线平台。系统主要分为前台用户端和后台管理端。前台面向普通用户，提供咖啡菜品点单、宠物信息浏览与互动体验（如体验、寄养、购买）、周边商品购买等功能。后台面向管理员、看护师等角色，提供全面的内容管理、订单处理、健康状况跟踪、看护服务记录等功能。该系统旨在为用户提供一个可以线上享受咖啡、与宠物互动、购买宠物及周边商品的便捷环境。

3. 技术栈

该项目是一个典型的基于 Spring Boot 的全栈项目，具体技术栈如下：

层次	技术选型
后端框架	Spring Boot 2.2.2.RELEASE, Mybatis-Plus 2.3, Shiro 1.3.2 (权限控制)
数据库	MySQL 5.7
前端框架	后台管理端： Vue 2 + Element-UI 前台用户端：基于 Layui 的传统多页应用 (MPA)
构建工具	Maven
其他技术	FastJson (JSON处理), Hutool (Java工具库), ECharts (图表), 百度AI Java SDK (预留), Vue AMap (高德地图)

4. 详细介绍

4.1 系统功能模块

系统主要包含三大核心模块和对应的管理功能：

咖啡菜品模块
- 前台： 用户浏览咖啡菜单、点单、评论。
- 后台： 管理员管理菜品信息、分类、处理菜品订单。
宠物信息模块
- 前台： 用户浏览宠物信息、预约宠物互动体验、申请宠物寄养、购买宠物。
- 后台： 管理员管理宠物信息；看护师记录宠物的健康状况、提供看护服务（喂食、剪毛、上传视频）。
周边商品模块
- 前台： 用户浏览和购买宠物零食、用品等商品。
- 后台： 管理员管理商品信息、类型、入库记录，处理商品购买订单。

4.2 数据库设计

数据库 springbootx9rzc 包含了约20张表，核心表包括：

yonghu (用户表)
kanhushi (看护师表)
kafeicaipin (咖啡菜品表)
caipindingdan (菜品订单表)
chongwuxinxi (宠物信息表)
chongwutiyan (宠物体验表)
chongwujiyang (宠物寄养表)
chongwudingdan (宠物订单表)
jiankangzhuangkuang (健康状况表)
kanhufuwu (看护服务表)
zhoubianshangpin (周边商品表)
shangpingoumai (商品购买表)
discuss... (系列评论表)
config (系统配置表，用于存储轮播图等)
storeup (收藏表)

4.3 权限与角色管理

系统通过 Shiro 和前端路由控制实现了精细的权限管理，定义了三种角色及其权限：

管理员 (users): 拥有所有模块的增删改查、审核权限。
用户 (yonghu): 可进行前台所有消费操作（点单、体验、寄养、购买）、管理自己的订单和收藏。
看护师 (kanhushi): 主要负责宠物寄养、健康状况、看护服务等相关模块的管理。

权限细节在 menu.js 配置文件中明确定义。

5. 部分代码

5.1 后端 API 接口示例 (MyBatis-Plus Mapper)

/mapper/ChongwuxinxiDao.xml 中的查询片段展示了数据访问层的配置：

xml 复制代码

<select id="selectListView" resultType="com.entity.view.ChongwuxinxiView" >
    SELECT  chongwuxinxi.* FROM chongwuxinxi  chongwuxinxi         
    <where> 1=1 ${ew.sqlSegment}</where>
</select>

5.2 前端权限判断 (Vue)

/admin/admin/src/utils/utils.js 中的 isAuth 方法展示了前端如何根据用户角色和菜单配置控制按钮权限：

javascript 复制代码

export function isAuth(tableName,key) {
    let role = storage.get("role");
    // ... 从menu配置中查找当前角色对当前表(tableName)的操作权限(key)
    let buttons = menus[i].backMenu[j].child[k].buttons.join(',');
    return buttons.indexOf(key) !== -1 || false;
}

5.3 前台页面组件

前台首页 index.html 使用 Vue 和 Layui 动态生成导航：

html 复制代码

<li v-for="(item,index) in indexNav" v-bind:key="index">
    <a :href="'javascript:navPage(\''+item.url+'\')'">{{item.name}}</a>
</li>

javascript 复制代码

// 导航配置来自 config.js
var indexNav = [ {name: '咖啡菜品', url: './pages/kafeicaipin/list.html'}, ... ]

6. 部分截图

7. 项目总结

项目特点：

业务融合创新： 巧妙地将"咖啡馆"与"宠物服务"两种业态结合，满足了特定用户群体的需求。
权限设计清晰： 三权分立的角色设计（管理员、用户、看护师）使得业务流程清晰，责任明确。
技术栈选型合理： 采用 Spring Boot + Vue 的前后端分离架构（后台管理端）和 Spring Boot + Layui 的多页架构（前台用户端），兼顾了开发效率与传统部署的便利性。
功能完整： 涵盖了从商品/内容管理、订单流程、线下服务跟踪（看护服务）、到用户互动（评论、收藏）的完整业务链。