# 饮食健康菜谱推荐分享网站

**Repository Path**: w12321/healthy_recipe

## Basic Information

- **Project Name**: 饮食健康菜谱推荐分享网站
- **Description**: 系统分为：用户（web+微信小程序）、管理员（web）。 基于：springboot + vue + 微信小程序 + mysql数据库。 首页（轮播图、菜谱分类、热门最新菜谱）、每日推荐、菜谱浏览、发布菜谱、营养知识、社区交流、健康计划、BMI计算、我的菜谱、我的收藏、饮食记录、评价。持续更新中...
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 2
- **Created**: 2025-12-04
- **Last Updated**: 2025-12-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 项目介绍
首页（轮播图、菜谱分类、热门最新菜谱）、每日菜谱推荐、菜谱浏览、发布菜谱、营养知识、社区交流、健康计划、BMI体脂率计算器、我的菜谱、我的收藏、饮食记录、评价、过敏原、忌口。功能完善，持续更新中...

<p align="center">
  <a href="#" style="border-radius: 50%;width: 100px;height: 100px">
    <img src="front-end/public/favicon.ico" alt="健康饮食菜谱推荐分享网站" >
  </a>
</p>

<p align="center">
   <a target="_blank" href="https://github.com/your-github-username/healthy-recipe-system">
      <img src="https://img.shields.io/hexpm/l/plug.svg"/>
      <img src="https://img.shields.io/badge/JDK-1.8+-green.svg"/>
      <img src="https://img.shields.io/badge/springboot-2.3.5.RELEASE-green"/>
      <img src="https://img.shields.io/badge/vue-2.6.11-green"/>
      <img src="https://img.shields.io/badge/mysql-8.0.20-green"/>
      <img src="https://img.shields.io/badge/mybatis--plus-3.3.1-green"/>
      <img src="https://img.shields.io/badge/element--ui-2.15.13-green"/>
   </a>
</p>

[在线地址](#在线体验地址) | [技术介绍](#技术介绍) | [功能描述](#功能描述) | [演示截图](#演示截图) | [目录结构](#目录结构) | [项目特点](#项目特点) | [联系博主](#联系博主)

---

## 在线体验地址  [在线体验系统](http://47.97.154.151:18002/)

**项目演示地址**: [在线体验系统](http://47.97.154.151:18002/)

**注意**: 测试账号请查看 `back-end/ddl.sql` 文件中的初始数据

---

## 技术介绍

### 后端技术栈

| 技术         | 说明           | 官网                                                         |
| ------------ | -------------- | ------------------------------------------------------------ |
| Spring Boot  | 容器 + MVC框架 | https://spring.io/projects/spring-boot                       |
| MyBatis-Plus | ORM框架        | https://baomidou.com                                         |
| MySQL        | 数据库         | https://www.mysql.com                                        |
| JWT          | JWT登录支持    | https://jwt.io                                               |
| Hutool       | Java工具类库   | https://hutool.cn                                            |
| POI          | Excel导入导出  | https://poi.apache.org                                       |
| WebSocket    | 实时通讯       | https://docs.spring.io/spring-framework/docs/current/reference/html/web.html#websocket |

### 前端技术栈

| 技术       | 说明       | 官网                       |
| ---------- | ---------- | -------------------------- |
| Vue        | 前端框架   | https://cn.vuejs.org       |
| Vue Router | 路由框架   | https://router.vuejs.org   |
| Axios      | HTTP框架   | https://axios-http.com     |
| Element UI | UI框架     | https://element.eleme.cn   |
| ECharts    | 数据可视化 | https://echarts.apache.org |

### 小程序技术栈

| 技术       | 说明       | 官网                                                       |
| ---------- | ---------- | ---------------------------------------------------------- |
| 微信小程序 | 小程序框架 | https://developers.weixin.qq.com/miniprogram/dev/framework |

---

## 功能描述

系统分为（身份）：普通用户、管理员。

**普通用户功能：**
1. 登录 / 注册 / 找回密码
2. 账号安全：修改密码、个人资料维护、饮食偏好与过敏源记录
3. 首页推荐：轮播图、热门菜谱、最新菜谱、个性化推荐
4. 菜谱中心：菜谱搜索、分类筛选、详情查看、视频播放、点赞收藏
5. 我的菜谱：发布菜谱、草稿管理、发布记录、数据统计
6. 收藏夹：我的收藏、取消收藏、批量管理
7. 每日推荐：个性化每日菜谱推荐、点赞收藏互通
8. 健康管理：健康计划列表、计划详情、饮食记录、营养摄入统计
9. 体质评估：BMI/BFR计算器与饮食建议
10. 营养知识：营养文章列表、详情阅读、标签筛选
11. 社区互动：社区帖子浏览、帖子详情、评论互动、点赞收藏
12. 文件上传：头像修改、菜谱图文上传

**管理员功能：**
1. 登录 / 权限校验
2. 数据概览：关键指标统计、图表展示
3. 用户管理：用户列表、角色切换、状态禁用/启用
4. 轮播图管理：轮播图配置、排序、上下线控制
5. 食材管理：食材库维护、营养信息管理
6. 菜谱分类管理：分类维护、排序、描述配置
7. 菜谱管理：菜谱审核、发布、下架、推荐位设置
8. 菜谱互动管理：评论审核、互动数据监控
9. 健康计划管理：计划模板、推荐菜谱配置
10. 营养知识管理：文章维护、标签管理
11. 社区管理：帖子审核、内容屏蔽、置顶推荐
12. 社区评论管理：评论审核、违规处理
13. 系统设置：站点信息配置、文件上传路径管理

---

## 演示截图 （仅展示部分，请在顶部在线体验）

![用户端](https://foruda.gitee.com/images/1762967059364872991/de0f3706_7556892.png "df82d609d25cb56b8c5e7d600a179e95.png")

![管理员端](https://foruda.gitee.com/images/1762967082196085485/349e973c_7556892.png "437b8fdfb957380764a137ca3d290aee.png")

![用户端-微信小程序1](https://foruda.gitee.com/images/1762967105708967528/a5a2590f_7556892.png "62367d67c822c7a76599cd7a2ee84b2f.png")

![用户端-微信小程序2](https://foruda.gitee.com/images/1762967128188586732/7f59250f_7556892.png "d0fd73cedd88c8d2154907b39fd9decf.png")

![用户端-微信小程序3](https://foruda.gitee.com/images/1762967148225943658/4d72eb40_7556892.png "67f83c3879fb80f28ee4e27ca2d44373.png")

---

## 目录结构

```
健康饮食菜谱分享网站/
├── back-end/                    # 后端项目
│   ├── src/
│   │   └── main/
│   │       ├── java/
│   │       │   └── com/notmaker/
│   │       │       ├── controller/      # 控制器层
│   │       │       ├── service/         # 服务层
│   │       │       ├── mapper/          # 数据访问层
│   │       │       ├── entity/          # 实体类
│   │       │       ├── config/          # 配置类
│   │       │       └── SpringBootStarter.java  # 启动类
│   │       └── resources/
│   │           ├── mapper/              # XML映射文件
│   │           └── application.yml      # 配置文件
│   ├── ddl.sql                  # 数据库建表脚本
│   └── pom.xml                  # Maven依赖配置
│
├── front-end/                   # 前端项目
│   ├── src/
│   │   ├── views/               # 页面
│   │   ├── router/              # 路由配置
│   │   ├── api/                 # 接口封装
│   │   ├── assets/              # 静态资源
│   │   ├── App.vue              # 根组件
│   │   └── main.js              # 入口文件
│   ├── public/
│   │   └── index.html
│   ├── package.json             # 依赖配置
│   └── vue.config.js            # Vue配置
│
├── wechat/                      # 微信小程序
│   ├── pages/                   # 小程序页面
│   ├── utils/                   # 工具类
│   ├── assets/                  # 静态资源
│   ├── app.js                   # 小程序入口
│   ├── app.json                 # 小程序配置
│   └── app.wxss                 # 全局样式
│
└── README.md                    # 项目说明文档
```

---

## 项目特点

### 功能特点

- **多端协同**：提供Web用户端、管理端及微信小程序用户端
- **健康推荐**：支持每日推荐、BMI身体指标计算、健康计划与饮食记录
- **菜谱生态**：菜谱发布、图文视频展示、食材营养信息、收藏点赞互动
- **内容社区**：内置社区帖子与评论体系，促进用户交流
- **可视化面板**：管理员端结合ECharts展示多维度数据
- **灵活配置**：系统设置、轮播图、分类、食材、推荐位均可后台配置

### 技术特点

- **前后端分离**：RESTful接口设计，Axios统一封装请求
- **组件化实现**：Vue组件+Element UI构建可复用UI模块
- **安全认证**：基于JWT的登录态管理，拦截器统一处理
- **便捷导入导出**：借助POI完成Excel的数据导入与导出
- **实时通知**：预留WebSocket能力支撑实时互动场景
- **示例完备**：提供完整DDL与示例数据，开箱即用

### 设计特点

- **用户端**：简洁明快的健康主题设计，卡片式菜谱呈现
- **管理端**：左侧菜单 + 顶部面包屑，操作入口清晰
- **小程序端**：贴合移动端交互体验，支持随时记录饮食

---

## 运行环境

- **JDK**: 1.8+
- **MySQL**: 8.0+
- **Node.js**: 12.0+
- **Maven**: 3.0+

---

## 开发工具

- **后端**: IDEA / Eclipse
- **前端**: VSCode / WebStorm
- **数据库**: Navicat / MySQL Workbench
- **小程序**: 微信开发者工具

---

## 运行步骤

### 1. 数据库准备

```bash
# 创建数据库并导入表结构和数据
执行 back-end/ddl.sql 文件
```

### 2. 后端启动

```bash
# 进入后端目录
cd back-end

# 修改数据库配置
编辑 src/main/resources/application.yml
修改数据库连接信息（url、username、password）

# 启动后端项目
运行 SpringBootStarter.java 主类

# 默认访问地址
http://localhost:18003
```

### 3. 前端启动

```bash
# 进入前端目录
cd front-end

# 安装依赖
npm install

# 启动前端项目
npm run serve

# 默认访问地址
http://localhost:8080
```

> 若部署至服务器，请同步修改 `src/api/request.js` 中的 `baseURL`。

### 4. 小程序启动

```bash
# 使用微信开发者工具打开 wechat 目录
# 修改 utils/request.js 或全局配置中后端地址
# 编译运行即可体验
```

---

## 默认账号

| 角色     | 账号    | 密码   |
| -------- | ------- | ------ |
| 管理员   | admin   | 123456 |
| 普通用户 | user001 | 123456 |

> 更多示例账号可参考 `ddl.sql` 中的初始化数据。

---

## 许可证

本项目采用 Apache License 2.0 许可证

---

## 注意事项

1. 本项目主要用于学习与演示，代码以可读性为首要目标
2. 请勿直接用于生产环境或商业用途
3. 当前密码为明文存储，正式环境需替换为加密方案
4. 首次运行请确保文件上传目录已创建（默认：`D:\uploads\`）或在配置中修改
5. 数据库字符集建议使用 `utf8mb4`
6. 部署线上时请更新配置中的域名、端口及静态资源路径

---

## 联系博主

如有问题，欢迎提交 Issue 或 Pull Request 友好交流，请备注来源： 威X：167，流吧已一，八零吴刘