254基于SpringBoot4+Vue3的菜谱美食推荐系统、个性化菜谱推荐、协同过滤推荐、Web 美食平台、智能浏览系统；协同过滤推荐算法、富文本内容编辑、DFA 敏感词过滤机制、数据可视化大屏

项目简介

移动互联网与美食平台普及之后，用户每天面对海量菜谱推送，却难以快速找到符合个人兴趣的内容；平台方也普遍面临内容分散、用户互动数据难以沉淀、投稿审核与运营统计各自为政等问题。终端读者缺少「做什么菜」的个性化指引，运营人员则难以从浏览量、分类分布与用户增长等维度掌握平台运行状况。在 Web 美食服务持续深化的背景下，建设一套贯通菜谱浏览—互动反馈—上传审核—推荐分发—运营统计全链路，并能结合协同过滤推荐算法与浏览行为可视化分析提升浏览与运营效率的菜谱美食推荐系统，已成为中小型美食平台信息化建设的现实需求。

针对上述问题，本项目设计并实现了菜谱美食推荐系统。系统采用前后端分离架构，分为 Web 用户端与 Web 管理端，前端基于 Vue3、Element Plus、Echarts 等技术栈构建，后端基于 Spring Boot4、MyBatis-Plus、MySQL 等技术栈搭建。用户端提供菜谱浏览与搜索、分类导航、收藏点赞评论、浏览记录、上传菜谱与个人口味分析；管理端提供菜谱与分类标签管理、投稿审核、评论与留言处理、轮播与公告运营及可视化工作台。在完整业务闭环之上，系统重点实现了 4 项差异化能力：一是基于用户协同过滤与时间衰减权重的个性化菜谱推荐；二是支持富文本投稿、敏感词校验与管理员审核的用户上传菜谱运营闭环；三是融合浏览、收藏、点赞与评论行为的浏览数据采集与个人分析看板；四是面向管理员的多维度运营数据可视化工作台。

本项目的意义主要体现在以下几方面。在读者体验层面，首页推荐、分类检索与详情页互动降低了信息筛选成本，浏览记录与收藏功能便于用户延续浏览兴趣。在平台运营层面，投稿审核、敏感词过滤、热门标记与浏览榜等功能支撑内容生产与分发治理，管理端图表帮助运营人员掌握浏览趋势与用户增长。在算法应用层面，系统将多源行为数据构建为用户—菜谱交互矩阵，以余弦相似度实现可解释的协同过滤推荐，为美食类毕设与中小型平台提供了可落地的推荐方案参考。

关联课题

关键词：菜谱美食推荐系统、个性化菜谱推荐、协同过滤推荐、Web 美食平台、智能浏览系统

课题列表：

1. 基于 Spring Boot4+Vue3 的菜谱美食推荐系统的设计与实现

2. 基于 Spring Boot4+Vue3 的个性化菜谱推荐 Web 平台的设计与实现

3. 基于 Spring Boot4+Vue3 的协同过滤菜谱美食推荐系统的设计与实现

4. 基于 Spring Boot4+Vue3 的 Web 智能美食浏览系统的设计与实现

5. 基于 Spring Boot4+Vue3 与用户行为分析的菜谱美食推荐系统的设计与实现

项目技术栈

• 架构：B/S 结构、MVC 软件架构、RESTful API、前后端分离架构

• 后端：Spring Boot4、MyBatis-Plus、Sa-Token、Hutool、Lombok

• 前端：Vue3、Element Plus、ECharts、Axios、Vite、Pinia、Vue Router、WangEditor

• 数据库：MySQL

• 其它：协同过滤推荐算法、富文本内容编辑、DFA 敏感词过滤机制、数据可视化大屏、文件上传

功能模块设计

本系统包含用户端与管理端。各角色核心功能如下：

一、用户端功能

• 注册：填写账号、昵称、密码、手机号等信息完成注册

• 登录：账号密码登录，系统采用 JWT 风格进行身份认证

• 忘记密码：通过账号与手机号验证后重置密码

• 首页：轮播图展示、菜谱分类侧边导航；未登录时展示热门菜谱推荐，登录后展示基于协同过滤的个性化推荐，并以标签区分「协同推荐」、「热门精选」、「热门回顾」等推荐来源

• 全部菜谱：按分类浏览、按标签筛选、关键词搜索、分页加载

• 菜谱详情：封面展示、富文本正文浏览、点赞与收藏、多级评论与回复、右侧浏览榜（按浏览量排序）；

• 我的收藏：查看与管理已收藏菜谱

• 浏览记录：查看个人浏览历史

• 菜谱投稿：使用富文本编辑器撰写正文，填写标题、分类、摘要、作者、标签与封面图，提交后进入待审核状态

• 我的投稿：查看投稿列表与审核状态；待审核或被驳回的投稿可富文本编辑后重新提交；已通过审核的投稿支持「公开显示 / 仅我可见」切换与删除

• 平台公告：浏览公告列表，查看公告详情

• 留言反馈：提交留言并查看管理员回复状态

• 我的浏览分析：基于个人浏览、收藏、点赞与评论行为，展示近 7 日浏览趋势、分类浏览分布、行为占比与浏览标签词频等图表等

• 个人中心：查看与编辑个人资料、修改登录密码

二、管理端功能

• 登录：管理员账号密码登录后台

• 工作台：展示今日浏览量、昨日浏览量、菜谱总数、评论总数、热门菜谱数、用户总量等 KPI；提供浏览量趋势、菜谱分类分布、评论趋势、用户注册趋势等图表

• 菜谱管理：菜谱新增、编辑、查询；支持分类、摘要、作者、标签、封面、富文本正文、热门标记与上下架；区分官方发布与用户投稿来源；对待审核投稿执行通过或驳回并填写审核备注

• 菜谱分类管理：分类的新增、编辑、查询

• 菜谱标签管理：标签的新增、编辑、查询

• 评论管理：查看用户评论并按需删除

• 留言管理：查看用户留言、回复留言、删除留言

• 轮播图管理：首页轮播图配置，支持关联菜谱跳转

• 公告管理：平台公告的新增、编辑、删除

• 敏感词管理：维护敏感词库，投稿与发布内容提交时自动校验

• 用户管理：查看普通用户列表、启用或禁用账号、新增与编辑用户

• 管理员管理：管理员账号的维护

• 个人中心：查看与编辑个人资料、修改登录密码

项目创新点

• 协同过滤个性化推荐：系统从浏览记录、收藏、点赞与评论四类行为构建用户—菜谱交互矩阵，对行为赋予不同基础权重并引入时间衰减函数，使近期互动对推荐结果影响更大；采用基于用户的协同过滤与余弦相似度计算相似用户，再聚合相似用户偏好生成推荐列表。未登录用户展示热门菜谱，登录用户无足够行为数据时自动降级为热门回顾，首页以推荐标签区分算法结果与兜底内容。

• 用户投稿与审核运营闭环：普通用户可通过富文本编辑器完成菜谱投稿，填写封面、标签等完整元数据；提交时经敏感词服务校验，进入待审核状态。管理员在后台审核通过或驳回并备注原因，用户可在「我的投稿」中查看状态、重新编辑提交，或对已通过内容切换公开与仅自己可见，形成 UGC 内容生产—审核—发布的完整闭环。

• 多源浏览行为采集与个人分析：详情页访问自动累计浏览量，登录用户离开页面时上报浏览时长并按用户、菜谱、日期合并浏览日志；同时将收藏、点赞、评论纳入行为矩阵。用户端「我的浏览分析」提供折线图、柱状图、饼图与标签词频图四类可视化，帮助用户回顾自身浏览偏好；管理端工作台则从平台维度统计浏览与互动趋势。

• 可视化内容运营工作台：管理端工作台集中展示核心运营指标，并以 ECharts 呈现浏览量趋势、菜谱分类分布、评论趋势与用户注册趋势，支撑运营人员快速掌握平台内容结构与用户增长情况，与推荐算法、浏览榜等前台能力形成「数据采集—分析展示—内容运营」联动。

• 基于 DFA 的敏感词过滤机制：系统采用确定有限状态自动机（DFA）结合字典树构建敏感词库，应用启动时从数据库加载全部启用词条并构建状态转移表，管理员在后台新增、修改或删除敏感词后自动热刷新词典，无需重启服务。匹配时对富文本内容先剥离 HTML 标签再逐字符扫描，支持多敏感词高效检测与最长匹配；用户投稿、评论与留言提交时统一校验，命中敏感词则拒绝提交并返回具体词条，在 UGC 内容进入审核流程前完成第一道内容安全拦截。

项目截图