基于JAVA+SpringBoot+Vue的美食烹饪互动平台

课题背景

二十一世纪互联网的出现，改变了几千年以来人们的生活，不仅仅是生活物资的丰富，还有精神层次的丰富。在互联网诞生之前，地域位置往往是人们思想上不可跨域的鸿沟，信息的传播速度极慢，信息处理的速度和要求还是通过人们骑马或者是信鸽传递，这些信息传递都是不可控制的，中间很有可能丢失，信息的传递水平决定了人们生活的水平。如今大家都在使用互联网软件产品，从内部管理设置计算机管理，提高内部信息化的管理水准，从外部市场也可以用计算机获取相关数据进行处理，如今各行各业已经严重依赖于计算机了。

本课题研究和开发美食烹饪互动平台，让安装在计算机上的该系统变成管理人员的小帮手，提高美食信息处理速度，规范美食信息处理流程，让管理人员的产出效益更高。

课题意义

传统处理数据，必须是一张张纸，然后处理完毕又是统计在一张张纸上面，不断的重复处理，最终有个结果给最高层作为参考，这个模式在互联网没有出现之前，是一种常见的事情，信息管理的效率提不上去，人多不一定力量大，因为人多肯定更加消耗资源，并且因为人类需要休息，需要管理，思想会不统一，会偷懒，所以人们研究出专门帮助人们计算的机器，就是计算机的前身，到了互联网时代，人们发现完全可以让程序供应商提供解决方案，自己挑选自己合适的方案来提高自己的产出比。所以在日常工作和生活中会发现各种各样方便人们的工具。

本课题研发的美食烹饪互动平台，就是提供美食信息处理的解决方案，它可以短时间处理完信息，并且这些信息都有专门的存储设备，而且数据的备份和迁移都可以设定为无人值守，从人力角度和信息处理角度以及信息安全角度，美食烹饪互动平台是完胜传统纸质操作的。

系统流程

操作流程

使用者在操作美食烹饪互动平台中，应该按照本系统提供的操作流程（图3.1即为本系统的操作流程图）进行操作，可以减少操作失误，从而节省进入美食烹饪互动平台的时间。

图3.1 系统操作流程

登录流程

美食烹饪互动平台通过登录功能（图3.2即为其登录的流程）引导使用者进入指定的功能操作区，也避免非本系统的用户享受本系统提供的服务以及查看本系统提供的信息，进而保证用户安全。

图3.2 登录流程

删除信息流程

美食烹饪互动平台在经过长期使用后，会产生很多的数据信息。为了腾出存储空间存放更多的数据，本系统数据库中存储的数据，一些没有参考价值的数据需要进行删除（图3.3即为删除信息的流程），删除数据过程中，为避免误删，使用者要根据系统的提示来决定是否删除数据。

图3.3 删除信息流程

添加信息流程

美食烹饪互动平台提供可视化的功能操作区，非常方便使用者进行数据操作，当使用者往系统中录入数据时（图3.4即为添加信息的流程），本系统也会进行数据合法性的判断，符合要求的数据才能够在数据库指定表中进行登记。

图3.4 添加信息流程

功能需求

美食烹饪互动平台根据使用权限的角度进行功能分析，并运用用例图来展示各个权限需要操作的功能。

图3.5即为管理员用例图，管理员权限操作的功能包括管理美食，对美食留言进行回复，管理美食知识信息，管理美食知识类型，管理用户，管理公告等。

图3.5 管理员用例图

图3.6即为用户用例图，用户权限操作的功能包括在线观看美食做法视频，查看美食食材信息以及美食详细介绍信息，查看美食知识以及公告信息等。

图3.6 用户用例图

用户对着浏览器操作，肯定会出现某些不可预料的问题，但是不代表着系统对于用户在浏览器上的操作不进行处理，所以说，要提前考虑可能会出现的问题。

功能结构设计

图4.1即为设计的管理员功能结构，管理员权限操作的功能包括管理美食，对美食留言进行回复，管理美食知识信息，管理美食知识类型，管理用户，管理公告等。

图4.1 管理员功能结构

图4.2即为设计的用户功能结构，用户权限操作的功能包括在线观看美食做法视频，查看美食食材信息以及美食详细介绍信息，查看美食知识以及公告信息等。

图4.2 用户功能结构

数据库设计

美食烹饪互动平台运行中产生的数据需要按照提前设置的存储规则进行保存，设计出一个符合项目的最优数据存储格式，因为它能减少用户的等待时间，还可以对系统的请求在最短时间内进行响应。所以，对数据库设计时，需要对功能需求进行详细的拆分，以及对业务状态的细分，然后设计具体的存储规则，保证数据库能正常运作，缩短数据处理时间，并在一定程度上降低数据冗余，节省存储空间。

数据库概念设计

实体-联系图还有一个名称即E-R图，是Entity Relationship Diagram各英文单词首字母的缩写，它这种概念模型通常用于对现实世界进行描述。同时它还是一种能够直观表达数据中实体，联系，属性的有效手段。绘制E-R图能够选择的工具也有很多，但是Office Visio 这款软件在E-R图的绘制上一般都是作为首选工具，因为它是基于可视化处理，使用它创建E-R图非常简单。使用基本的E-R图构成元素，比如椭圆，菱形，矩形，还有实线段来表达对应的信息，椭圆代表属性，即实体的特征，矩形代表实体，即数据库中的一个具体数据表，菱形代表实体中相互关系，实线段主要是完成椭圆，矩形，菱形的连接。

（1）图4.4即为管理员这个实体所拥有的属性值。

图4.4 管理员实体属性图

（2）图4.5即为美食知识这个实体所拥有的属性值。

图4.5 美食知识实体属性图

（3）图4.6即为美食这个实体所拥有的属性值。

图4.6 美食实体属性图

（4）图4.7即为用户这个实体所拥有的属性值。

图4.7 用户实体属性图

（5）图4.8即为上面介绍的实体中存在的联系。

图4.8 实体间关系E-R图

数据库物理设计

本小节主要任务即是根据上述内容进行数据存储结构的设计，实体的属性就用来表示字段名称，不同的字段表示的数据类型以及取值都不相同，以及该表各个字段是否能够保持空等进行说明，设计完成一张数据表的结构之后，在保存时同样要命名，尽量选择英文名称进行命名并保存，还不容易导致系统出错。接下来就对设计的表进行简单说明。

表4.1 公告表

字段

注释

类型

空

id (主键)

主键

int(11)

否

gonggao_name

公告名称

varchar(200)

是

gonggao_photo

公告图片

varchar(200)

是

gonggao_types

公告类型

int(11)

否

insert_time

公告发布时间

timestamp

是

gonggao_content

公告详情

text

是

create_time

创建时间

timestamp

是

表4.2 美食表

字段

注释

类型

空

id (主键)

主键

int(11)

否

yonghu_id

用户

int(11)

是

meishi_uuid_number

美食编号

varchar(200)

是

meishi_name

美食名称

varchar(200)

是

meishi_photo

美食照片

varchar(200)

是

meishi_video

美食做法

varchar(200)

是

zan_number

赞

int(11)

是

cai_number

踩

int(11)

是

meishi_types

美食类型

int(11)

是

meishi_clicknum

游览量

int(11)

是

meishi_shicai_text

相关食材

text

是

meishi_content

美食详情

text

是

shangxia_types

是否上架

int(11)

是

meishi_delete

逻辑删除

int(11)

是

create_time

创建时间

timestamp

是

表4.3 美食知识表

字段

注释

类型

空

id (主键)

主键

int(11)

否

meishizhishi_name

美食知识名称

varchar(200)

是

meishizhishi_photo

美食知识图片

varchar(200)

是

meishizhishi_types

美食知识类型

int(11)

否

insert_time

美食知识发布时间

timestamp

是

meishizhishi_content

美食知识详情

text

是

create_time

创建时间

timestamp

是

表4.4 美食收藏表

字段

注释

类型

空

id (主键)

主键

int(11)

否

meishi_id

美食

int(11)

是

yonghu_id

用户

int(11)

是

meishi_collection_types

类型

int(11)

是

insert_time

收藏时间

timestamp

是

create_time

创建时间

timestamp

是

表4.5 美食留言表

字段

注释

类型

空

id (主键)

主键

int(11)

否

meishi_id

美食

int(11)

是

yonghu_id

用户

int(11)

是

meishi_liuyan_text

留言内容

text

是

insert_time

留言时间

timestamp

是

reply_text

回复内容

text

是

update_time

回复时间

timestamp

是

create_time

创建时间

timestamp

是

表4.6 管理员表

字段

注释

类型

空

id (主键)

主键

bigint(20)

否

username

用户名

varchar(100)

否

password

密码

varchar(100)

否

role

角色

varchar(100)

是

addtime

新增时间

timestamp

否

表4.7 用户表

字段

注释

类型

空

id (主键)

主键

int(11)

否

username

账户

varchar(200)

是

password

密码

varchar(200)

是

yonghu_name

用户姓名

varchar(200)

是

yonghu_phone

用户手机号

varchar(200)

是

yonghu_id_number

用户身份证号

varchar(200)

是

yonghu_photo

用户头像

varchar(200)

是

sex_types

性别

int(11)

是

yonghu_email

电子邮箱

varchar(200)

是

create_time

创建时间

timestamp

是

管理员功能实现

美食管理

图5.1 即为编码实现的美食管理界面，美食信息包括美食名称，美食照片，美食相关食材，美食做法，美食名称等信息，对于本界面展示的美食信息，管理员可以下架，上架，修改，删除，查询等。

图5.1 美食管理界面

用户管理

图5.2 即为编码实现的用户管理界面，管理员在用户管理界面中可以为本界面显示的所有用户信息进行查询，修改，删除。

图5.2 用户管理界面

美食留言管理

图5.3 即为编码实现的美食留言管理界面，用户查看美食之后，会发布跟美食相关的留言信息，管理员在美食留言管理界面对这些留言进行查看以及回复。

图5.3 美食留言管理界面

美食知识管理

图5.4 即为编码实现的美食知识管理界面，用户在前台查看的美食知识信息都是管理员在美食知识管理界面发布的信息，美食知识管理界面展示的美食知识信息可以让管理员修改，查询，删除等。

图5.4 美食知识管理界面

用户功能实现

美食信息

图5.5 即为编码实现的美食信息界面，用户在美食信息界面查看美食详细介绍以及相关食材信息，可以观看美食做法视频，可以收藏美食，也能在美食信息界面的下方留言区域发布留言。

图5.5 美食信息界面

美食知识

图5.6 即为编码实现的美食知识界面，用户可以通过美食知识类型来筛选美食知识信息，可以在查询框中编辑美食知识名称来实现对美食知识信息的查询。

图5.6 美食知识界面

公告信息

图5.7 即为编码实现的公告信息界面，用户可以通过公告类型来筛选公告信息，可以在查询框中编辑公告名称来实现对公告信息的查询。

图5.7 公告信息界面