计算机毕业设计 269的家庭美食食谱网站系统vue 毕设

第5章系统详细设计

一、技术路线：

开发语言：Java

前端技术：JavaScript、VUE.js（2.X）、css3

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

https://www.bilibili.com/video/BV14G411S7aL/

三、运行截图：

3.1前台首页功能模块

家庭食谱管理系统 ，在前台首页可以查看首页、食谱信息、一周食谱健康安排、材料信息、美食论坛、公告信息、个人中心、后台管理等内容，如图3-1所示。

图3-1前台首页功能界面图

    登录，在用户页面可以填写用户名、密码、信息进行登录，如图3-2所示。

图3-2用户登录界面图

食谱信息，在食谱信息页面通过填写食谱名称、图片、食谱分类、烹饪方式、做法、功效、时长、原材料、搭配禁忌、点击次数等信息进行添加我的收藏。如图3-3所示。在材料信息页面通过填写食物功效、食物搭配、食物禁忌等信息进行操作，如图3-4所示。

图3-3食谱信息界面图

图3-4材料信息界面图

3.2管理员功能模块

管理员登录，通过填写注册时输入的用户名、密码、角色进行登录，如图3-5所示。

图3-5管理员登录界面图

管理员登录进入家庭食谱管理系统可以查看首页、个人中心、用户管理、食谱分类管理、食谱信息管理、一周食谱健康安排管理、材料信息管理、美食论坛、系统管理等信息。

用户管理，在用户管理页面中可以通过填写用户名、密码、用户姓名、头像、性别、手机号码、邮箱等内容进行修改、删除，如图3-6所示。还可以根据需要对食谱分类管理进行详情，修改或删除等详细操作，如图3-7所示。

图3-6用户管理界面图

图3-7食谱分类管理界面图

一周食谱健康安排管理，在一周食谱健康安排管理页面中可以填写标题名称、图片、星期一、星期二、星期三、星期四、星期五、星期六、星期天等信息，并可根据需要对已有一周食谱健康安排管理进行修改或删除等操作，如图3-8所示。

图3-8一周食谱健康安排管理界面图

美食论坛管理，在美食论坛管理页面中可以填写帖子标题、用户名、状态等信息，并可根据需要对已有美食论坛管理进行详情、修改或删除等操作，如图3-9所示。

图3-9美食论坛管理界面图

轮播图；该页面为轮播图管理界面。管理员可以在此页面进行首页轮播图的管理，通过新建操作可在轮播图中加入新的图片，还可以对以上传的图片进行修改操作，以及图片的删除操作如图3-10所示。

图3-10轮播图界面图

公告信息，在公告信息页面中可以查看标题 简介 图片等内容，并且根据需要进行详情，修改或删除等详细操作，如图3-11所示。

图3-11公告信息界面图

3.3用户功能模块

用户登录进入家庭食谱管理系统可以查看首页、个人中心、我的收藏管理、美食论坛等内容。我的收藏管理，在我的收藏管理页面中通过填写收藏名称、收藏图片等信息，还可以根据需要对我的收藏管理进行修改、删除如图3-12所示。

图3-12我的收藏管理界面图