基于SpringBoot+Vue的智慧食堂的设计与实现

一、效果演示

二、 前言介绍

本系统尝试使用springboot在网上架构一个动态的“智慧食堂”系统，以使每一用户在家就能通过系统来进行“智慧食堂”系统管理。
关键词：“智慧食堂”系统； springboot；mysql数据库

本论文是以构建“智慧食堂”系统为目标，使用java技术制作，由管理员和用户两大部分组成。着重论述了系统设计分析，系统主要包括首页，个人中心，用户管理，菜品分类管理，菜品信息管理，留言板管理，系统管理，订单管理等功能，以及后台数据库管理。从设计到详细实现都根据了系统的建设思想和mysql数据库的设计方法。

二、主要技术

技术名	作用
SpringBoot	后端框架
Vue	前端框架
MySQL	数据库

三、系统设计(部分)

3.1. 系统总体设计

系统总体设计即对有关系统全局问题的设计，也就是设计系统总的处理方案，又称系统概要设计。它包括系统规划与系统功能设计等内容。
“智慧食堂”系统主要有两类用户。分别是用户模块和管理员模块，详细规划如图4-1所示。

其中各子模块的主要功能如下：
1、用户登录：用户进入网页先输入用户名与密码，选择权限登录，验证密码是否正确。如果密码正确，要记录登录的用户名和登录类型。
2、新用户注册：新用户填写用户账号，用户姓名，密码，确认密码，联系方式等信息，完成注册。
3、查看“智慧食堂”系统信息：用户登录成功后，能够按分类或者查找“智慧食堂”信息进行管理。
4、主页内容管理：管理员登录以后，可以对首页，个人中心，用户管理，菜品分类管理，菜品信息管理，留言板管理，系统管理，订单管理进行详细操作。

四、数据库设计(部分)

数据库是一个软件项目的根基，它决定了整个项目代码的走势，同时也决定了整个项目在后期的维护以及升级的难易程度。

4.1数据库概念设计

根据“智慧食堂”系统的功能需求，对数据库进行分析，得到相应的数据，设计用户需要的各种实体，以及相互之间的关联，为逻辑结构设计铺好路。根据所实体内的各种具体信息得于实现。
1.用户注册信息实体
用户注册信息实体包括用户账号，用户姓名，密码，确认密码，联系方式等属性。用户注册信息实体图如图4-2所示：

2.已支付订单实体
已支付订单实体包括订单编号，商品名称，商品图片，购买数量，价格/积分，折扣价格，总价格/总积分，折扣总价格，支付类型，状态，地址，电话，收货人，下单时间等属性；已支付订单实体图如图4-3所示：

五、运行截图(部分)

系统实现是新系统开发工作的最后一个阶段。它是将结构化系统设计的成果变成可实际运行的系统的过程。这一部分主要对系统的主要功能模块的实现细节进行了详细的阐述。

5.1功能页面实现

按照不同功能模块，在此对系统所涉及的关键页面的实现细节进行阐述，包括页面功能描述，页面涉及功能分析，介绍以及界面展示。

系统登录：
运行系统，首先进入登录界面，按照登录界面的要求填写相应的“用户名”和“密码”以及用户类型，点击“登录”然后系统判断填写是否正确，若正确进入相应的界面，否则给出要求先注册信息。具体流程如图5-1所示。

系统登录，通过输入用户名，密码，选择角色并点击登录进行系统登录操作，如图5-2所示。
图5-2系统登录界面图

5.2系统功能模块

“智慧食堂”系统，在系统首页可以查看首页，菜品信息，留言板，个人中心，购物车等内容进行详细操作，如图5-3所示。

用户注册，在用户注册页面通过填写用户账号，用户姓名，密码，确认密码，联系方式等信息完成用户注册操作，如图5-4所示。

菜品信息，在菜品信息页面可以查看菜品名称，价格，菜品分类，材料，分量等详细内容，并进行添加到购物车，立即购买，评论和收藏操作，如图5-5所示。

个人中心，在个人中心页面通过填写用户账号，用户姓名，密码，性别，上传图片，联系方式，余额等信息进行更新操作，还可以对我的订单，我的地址，我的收藏进行详细操作；如图5-6所示。

5.3管理员功能模块

管理员登录系统后，可以对首页，个人中心，用户管理，菜品分类管理，菜品信息管理，留言板管理，系统管理，订单管理等功能进行相应操作，如图5-7所示。

菜品分类管理，在菜品分类管理页面可以对索引和菜品分类进行详情，修改或删除等操作，如图5-8所示。

菜品信息管理，在菜品信息管理页面可以对索引菜品名称，菜品分类，图片，材料，分量，价格等内容进行详情，修改，查看评论或删除等操作，如图5-9所示。

订单管理，在已支付订单页面可以对订单编号，商品名称，商品图片，购买数量，价格/积分，折扣价格，总价格/总积分，折扣总价格，支付类型，状态，地址，电话，收货人，下单时间等内容进行详情和发货操作，还可以对已取消订单，已退款订单，已发货订单，已发货订单，未支付订单进行相应的操作管理如图5-10所示。