YummyStory — 美食菜谱分享平台
发现美食灵感，分享你的菜谱故事
YummyStory 是一个双向美食社区平台。家庭烹饪爱好者在这里浏览菜谱、寻找灵感；美食创作者在这里发布菜谱、打造个人品牌、与粉丝互动。设计风格走"周末午后的阳光厨房"——纯白底色、暖珊瑚主色调、衬线标题字体搭配无衬线正文、大图留白，像一本精心排版的美食杂志。
页面展示
首页
首页是产品的门面：顶部精选菜谱大图（Hero 区）、分类快捷入口、热门标签、发现/关注双 Tab 切换的菜谱卡片流，支持无限滚动。
菜谱详情页
菜谱详情是核心页面：封面大图、烹饪时间/难度等元信息、评分星级、标签、食材清单（每项可一键加入购物清单）、步骤图文、图片画廊、评论区、"别人做的"展示区，以及打印/下载 Word 文档按钮。
发布菜谱
支持手动填写表单或AI 一键生成：可调用 AI 生成封面图，也可根据主题自动生成完整菜谱内容（标题、食材、步骤），发布时支持存为草稿。
排行榜
按周榜 / 月榜 / 总榜切换，支持按点赞数、浏览量、评分排名，体现社区活跃度。
主要功能
菜谱系统
- 发布 / 编辑 / 删除菜谱，支持草稿与发布状态
- 分类筛选、关键词搜索、难度和烹饪时间过滤
- 热门菜谱、关注动态、热门标签
- 点赞、评分（1-5 星）、收藏（书签 + 自定义合集）
- 评论区 + "我做过"晒图区
- 打印（HTML 友好格式）和下载 Word 文档（.docx）
- AI 生成封面图（阿里云 DashScope wan2.7-image）
- AI 生成菜谱内容（DeepSeek，自动产出标题/食材/步骤）
用户系统
- JWT 注册 / 登录（7 天有效）
- 个人主页（菜谱数、粉丝数、关注数统计）
- 关注 / 取关、个人资料编辑
- 邮件重置密码
社区互动
- 通知系统（点赞、评分通知，未读计数，一键已读）
- 分享功能（复制链接、微博、微信二维码）
购物清单
- 从菜谱食材一键添加到购物清单
- 勾选 / 清除 / 打印 / 下载 Word
排行榜
- 周榜 / 月榜 / 总榜 + 按点赞 / 浏览 / 评分排名
管理后台
- 仪表盘统计数据、用户管理、菜谱管理
技术栈
| 前端 | Nuxt 3 (Vue 3 + TypeScript)，纯 CSS (OKLCH 色彩空间)，暗色模式支持 |
| 后端 | Spring Boot 3.4.0，Java 17，Maven |
| 数据库 | MySQL 8.0 + JPA/Hibernate |
| 认证 | Spring Security + JWT 无状态认证 |
| 存储 | 阿里云 OSS |
| AI | 阿里云 DashScope（封面图 + 菜谱内容生成） |
| 部署 | Docker + Docker Compose 一键部署 |
项目规模
- 数据库: 14 张表
- API: 70+ 个端点
- 前端页面: 18 个
- 代码结构: 后端 10 个控制器 + 12 个 Service，前端 9 个组件 + 6 个 Composables
联系我
如果你对这个项目感兴趣，欢迎联系我获取完整源码。
- 邮箱: Zane6e@163.com
