摘要：在科技发展迅速的今天，越来越多的美食爱好者喜欢在各式各样的网站上分享自己的厨艺，也有很多厨艺小白在这个特殊时期走进厨房体会做饭的乐趣，在社交网站上分享着略显稚嫩的手法。那么如何做好食物的搭配，做到营养均衡且集美味于一身的菜谱便成为了许多人关心的问题。

针对这一问题，本次毕业设计开发了一个基于web全栈的营养套餐菜谱网站。网站开发使用MySql作为后台数据库来实现数据存储，使用VScode作为开发工具，利用Vue框架以及Element组件搭配JQuery实现前端页面交互，利用NodeJs技术实现前后端的数据连接。用户可以分享自己对美食套餐的搭配，网站也会向用户普及健康饮食的文章。网站的最终目的是美食爱好者通过网站的互动交流，实现用户分享与学习营养套餐菜谱的搭配与做法。运行结果表明，该网站运行稳定，用户体验效果较好。

关键词：营养套餐菜谱网站；MySql；Vue；JQuery；NodeJs

目 录

摘 要

Abstract

1 绪论-1

1.1 课题的目的和意义-1

1.1.1 课题的目的-1

1.1.2 课题的意义-2

1.2 文献综述-2

1.3 研究的主要内容-3

2 需求分析-3

2.1 开发工具与运行环境-3

2.1.1 开发工具-3

2.1.2 运行环境-3

2.2 可行性分析-3

2.2.1 技术可行性-4

2.2.2 经济可行性-4

2.2.3 操作可行性-4

2.3 系统用例图分析-4

2.3.1 套餐模块用例图-4

2.3.2 健康饮食用例图-4

2.3.3 分享圈用例图-5

2.3.4 个人中心用例图-5

3 概要设计-7

3.1 系统总体设计-7

3.2 数据库设计-8

3.2.1 概念结构设计-8

3.2.2 逻辑结构设计-9

4 网站实现-12

4.1 用户管理模块-12

4.1.1 注册-12

4.1.2 登录-13

4.2 首页管理模块-13

4.3 套餐管理模块-14

4.4 健康饮食管理模块-15

4.5 分享圈管理模块-16

4.6 个人中心管理模块-17

4.7 章节小结-18

5 网站测试-19

5.1 测试目的-19

5.2 测试方法-19

5.2.1 功能测试-19

5.2.2 性能测试-19

5.2.3 界面测试-19

5.3 测试结果-20

结    论-21

致    谢-22

参考文献-23