摘    要

疫情以来，越来越多的人在家自己制作美食并分享到社交平台上，我们可以看到这是互联网与美食的良好结合。在这个有利的基础上，设计并实现了一个注重于美食搜索分享的系统。该系统前端将使用目前流行的框架Vue.js，采用视图与逻辑分离的思想，后端使用Node.js语言编写接口，使用MySQL数据库提供数据源。本系统完成了菜谱展示、菜谱上传、饮食健康、社区活动、个人中心等模块，实现了搜索并浏览菜品信息、关注他人、收藏以及上传菜谱或动态、评论等功能，在前端页面展示上，保证页面流畅度完好，设计化繁为简，便于用户操作。通过软件测试，系统功能逻辑结构清晰，模块均可正常运行，测试的模块的运行结果符合预期的结果。该平台满足了美食与社交的两大需求，极大程度上方便丰富了人们的生活。

关键词：Vue.js；前后端分离模式；MySQL；美食平台

目    录

中文摘要 I

英文摘要 II

1 绪论 1

1.1 课题背景 1

1.2 课题意义 1

1.3 课题内容 1

2 需求分析 3

2.1 需求调研 3

2.2 可行性分析 3

2.2.1 经济可行性分析 3

2.2.2 技术可行性分析 3

2.2.3 操作可行性分析 4

2.3 开发工具与运行环境需求 4

3 概要设计 5

3.1 系统总体设计 5

3.2 数据库设计 5

3.2.1 数据库模型图 5

3.2.2 逻辑结构设计 6

4 详细设计 9

4.1 功能模块设计 9

4.1.1 菜谱展示模块 9

4.1.2 发布模块 9

4.1.3 社区模块 10

4.1.4 健康美食模块 10

4.1.5 个人中心模块 11

4.2 接口设计与实现 11

4.3 页面的设计与实现 14

4.3.1 登录注册设计与实现 14

4.3.2 首页页面设计与实现 14

4.3.3 菜谱展示页面设计与实现 15

4.3.4 社区页面设计与实现 15

4.3.5 发布页面设计与实现 16

4.3.6 个人中心页面设计与实现 17

5 系统测试 18

5.1 测试目的 18

5.2 测试方式 18

5.3 测试结论 18

结    论 21

参考文献 22

致    谢 23