SpringBoot+Vue构建美食推荐系统全栈实践

1. 项目概述：从零搭建美食推荐系统全栈架构

这套"美食信息推荐系统"采用当前主流的前后端分离架构，后端基于SpringBoot 2.x技术栈实现RESTful API服务，前端使用Vue 2.x+ElementUI构建管理界面，数据存储选用MySQL 8.0关系型数据库。系统核心功能包括用户行为采集、菜品特征分析、个性化推荐算法实现以及后台管理功能模块，完整代码已做好生产环境适配，解压后通过Maven和npm安装依赖即可启动运行。

我在实际部署中发现，这套代码对开发环境的要求较为宽松：

• JDK 1.8+（推荐Amazon Corretto 11）
• MySQL 5.7+/MariaDB 10.3+
• Node.js 12.x+
• Redis 5.0+（用于缓存用户行为数据）
• Maven 3.6+（后端依赖管理）

重要提示：首次运行前需修改application.yml中的数据库连接配置，并执行resources/sql目录下的DDL脚本初始化数据库表结构。如果遇到MyBatis映射文件报错，检查target/classes下是否生成了对应的XML文件。

2. 核心模块设计与技术选型

2.1 后端SpringBoot架构解析

采用经典的三层架构设计：

code复制controller（API入口）
├── interceptor（JWT鉴权）
├── exception（全局异常处理）
service（业务逻辑）
├── impl（实现类）
dao（数据访问）
├── mapper（MyBatis接口）
├── entity（POJO对象）
config（Spring配置）
├── redis（缓存配置）
├── swagger（API文档）

关键技术实现：

• 用户认证：JWT+Spring Security组合方案，access_token有效期设置为2小时
• 接口文档：Swagger UI自动生成API文档，访问路径/swagger-ui.html
• 分页查询：PageHelper插件实现物理分页，配合Vue前端Element表格组件
• 文件存储：本地磁盘存储（开发环境）与阿里云OSS集成（生产环境配置）

java复制// 典型Controller示例
@RestController
@RequestMapping("/api/dish")
public class DishController {
    @Autowired
    private DishService dishService;
    
    @GetMapping("/recommend")
    public Result<List<Dish>> recommend(
        @RequestHeader("Authorization") String token,
        @Requ