# 菜谱小程序

**Repository Path**: deyoukong/menu

## Basic Information

- **Project Name**: 菜谱小程序
- **Description**: 菜谱小程序，根据用户的每日运动设置菜谱
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2025-03-05
- **Last Updated**: 2025-03-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

###  菜谱小程序加根据菜谱规划运动

#### 前言

 使用uniapp制作得菜谱小程序小程序，主要使用vuex前端缓存（可运用于毕业设计） 

后台：

#### 技术

前端：Js Es6 uniapp layui

后端：nodeJS epxress框架 mysql数据库

#### 页面

| ![](https://images.gitee.com/uploads/images/2021/0411/113536_41ab240a_5004132.png) | ![](https://images.gitee.com/uploads/images/2021/0411/114429_18c57ee4_5004132.png) |
| ------------------------------------------------------------ | ------------------------------------------------------------ |
| ![](https://images.gitee.com/uploads/images/2021/0411/114518_c0fde198_5004132.png) | ![](https://images.gitee.com/uploads/images/2021/0411/114552_1f5df84b_5004132.png) |
| ![](https://images.gitee.com/uploads/images/2021/0411/114618_4017ec4b_5004132.png) | ![](https://images.gitee.com/uploads/images/2021/0411/114724_f1fb499d_5004132.png) |
| ![](https://images.gitee.com/uploads/images/2021/0411/114738_18463bda_5004132.png) | ![](https://images.gitee.com/uploads/images/2021/0411/114753_e346d09e_5004132.png) |
| ![](https://images.gitee.com/uploads/images/2021/0411/114808_ae4c7651_5004132.png) | ![](https://images.gitee.com/uploads/images/2021/0411/114822_061e8a92_5004132.png) |

内容过多就不一一阐述.....

* * *

#### 安装

##### 开发的软件

| 软件名称           | 版本                                                        | 图标                                                         |
| ------------------ | ----------------------------------------------------------- | ------------------------------------------------------------ |
| HBuilder X         | 最新就可以                                                  | ![](https://images.gitee.com/uploads/images/2021/0322/224551_f9c6d707_5004132.png) |
| 微信小程序开发工具 | 最新就可以                                                  | ![](https://images.gitee.com/uploads/images/2021/0322/224626_ae0bcb13_5004132.png) |
| navicat            | 数据库的可视化工具，如果你手写sql语句能力很牛，可以不用这个 | ![](https://images.gitee.com/uploads/images/2021/0322/225239_8cec26ef_5004132.png) |

##### 开发环境

| 环境名称  | 版本                                                   |
| --------- | ------------------------------------------------------ |
| node、npm | 最新就好                                               |
| mysql     | 5.x的版本最好，8.x的版本可以出现问题（有些字段不支持） |


##### 步骤

1.  点赞项目（重点哦！！！）
2.  下载项目

![](https://images.gitee.com/uploads/images/2021/0411/114926_6ad85766_5004132.png)

3. 数据库
+ 数据库sql导入
![](https://images.gitee.com/uploads/images/2021/0411/114954_d2ae45a4_5004132.png)

+ 修改数据库配置
![](https://images.gitee.com/uploads/images/2021/0411/115115_a1c7d93b_5004132.png)

![](https://images.gitee.com/uploads/images/2021/0322/230702_a7b0a659_5004132.png)

4. 小程序配置

+ 后端配置
     ![](https://images.gitee.com/uploads/images/2021/0322/230535_897e080d_5004132.png )

   ![](https://images.gitee.com/uploads/images/2021/0323/104717_10b0f661_5004132.png)


+ 前端配置

  ![](https://images.gitee.com/uploads/images/2021/0411/115202_45bb5e14_5004132.png)

	![](https://images.gitee.com/uploads/images/2021/0323/105114_420af03b_5004132.png)
 5. 启动后端Node服务

   + 进入cmd窗口

   ![](https://images.gitee.com/uploads/images/2021/0411/115313_79d27048_5004132.png)


   + 下载启动工具npm i nodemon -g

     ![](https://images.gitee.com/uploads/images/2021/0411/115404_46b2fa4a_5004132.png)

   + 下载依赖 npm i（如果网卡，可以采用cnpm）

     ![](https://images.gitee.com/uploads/images/2021/0411/115525_bac3c3f8_5004132.png)

   + 启动服务 npm run start

     ![](https://images.gitee.com/uploads/images/2021/0411/115449_84d435b6_5004132.png)
     
  + 访问http://127.0.0.1:3000/进入后台管理

    

6. 启动小程序

   * 下载[https://www.dcloud.io/hbuilderx.html](https://www.dcloud.io/hbuilderx.html) 编辑器

   * 启动https://blog.csdn.net/qq_41988143/article/details/106122566
   
     

##### 注意

数据库最好是5.x的版本

###### 欢迎反馈问题，主页有联系方式，也可以留言