大家好,今天为大家带来的是 基于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所示。