基于SpringBoot+Vue餐厅点餐系统【源码+论文+演示视频+包运行成功(私聊)】(2)

简介: 基于SpringBoot+Vue餐厅点餐系统【源码+论文+演示视频+包运行成功(私聊)】

基于SpringBoot+Vue餐厅点餐系统【源码+论文+演示视频+包运行成功(私聊)】(1)https://developer.aliyun.com/article/1558228

5统详细设计

5.1前台首页功能模块

高校校园点餐系统,在系统首页可以查看首页、食堂菜单、新闻资讯、留言反馈、我的、跳转到后台、购物车等内容,如图5-1所示。


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

用户注册、用户登录,在用户注册页面可以填写账号、密码、姓名、角色、性别、年龄、手机、邮箱等信息进行用户注册、登录,如图5-2所示。



图5-2用户注册、登录界面图

食堂菜单,在食堂菜单页面通过填写食堂号、食堂名、菜品、菜系、图片、分量、食材、食堂地址、详情、价格、座位总数等信息进行添加到购物车、立即预定、点我收藏等操作,如图5-3所示。在我的地址页面通过填写联系人、手机号码、默认地址、选择地址等信息进行添加或重置操作,如图5-4所示。


图5-3食堂菜单界面图


图5-4我的地址界面图

5.2管理员功能模块

管理员登录,通过填写输入用户名、密码进行登录,如图5-5所示。


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

管理员登录进入高校校园点餐系统可以查看个人中心、用户管理、食堂管理、食堂菜单管理、菜系分类管理、消息留言管理、留言板管理、系统管理、订单管理等信息。

用户管理,在用户管理页面中可以通过填写账号、密码、姓名、角色、性别、年龄、手机、邮箱、照片、余额等内容进行查看、修改、删除等操作,如图5-6所示。

食堂管理,在食堂管理页面中可以查看食食堂号、密码、食堂名、管理员、食堂照片、卫生等级、联系电话、食堂地址、余额等信息,并可根据需要对已有食堂管理进行查看、修改、删除等操作,如图5-7所示。


图5-6用户管理界面图


图5-7食堂管理界面图

菜系分类管理,在菜系分类管理页面中可以查看菜系等信息,并可根据需要对已有菜系分类管理进行修改或删除等操作,如图5-8所示。


图5-8菜系分类管理界面图

消息留言管理,在消息留言管理页面中可以查看账号、姓名、角色、食堂号、食堂名、订单号、配送分、包装分、菜品分、时间、建议、是否审核、审核回复等信息,并可根据需要对已有消息留言管理进行审核、查看、修改或删除等详细操作,如图5-9所示。

图5-9消息留言管理界面图

留言板管理,在留言板管理页面中可以查看留言人id 、用户名、留言内容、回复内容等内容,并且根据需要对已有留言板管理进行查看、回复、修改或删除等详细操作,如图5-10所示。


图5-10留言板管理界面图

美食资讯管理,在美食资讯管理页面中可以查看标题、简介、图片、内容等内容,并且根据需要对已有美食资讯管理进行查看、修改或删除等详细操作,如图5-11所示。


图5-11美食资讯管理界面图

订单管理,在订单管理页面中可以查看订单编号、商品表名、用户ID、商品ID、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、

支付类型、状态、地址等内容,并且根据需要对已有订单管理进行查看,修改或删除等详细操作,如图5-12所示。

图5-12订单管理界面图

5.3食堂功能模块

食堂登录进入高校校园点餐系统可以查看个人中心、食堂菜单管理、菜系分类管理、消息留言管理、订单管理等内容。

食堂菜单管理,在食堂菜单管理页面中通过填写食堂号、食堂名、菜品、菜系、图片、分量、食材、食堂地址、详情、价格、座位总数、已选座位[用号隔开]等信息,还可以根据需要对食堂菜单管理进行查看、修改、删除等操作,如图5-13所示。


图5-13食堂菜单管理界面图

菜系分类管理,在菜系分类管理页面中可以填写菜系等信息,并且根据需要对已有菜系分类管理进行修改、删除等其他详细操作,如图5-14所示。


图5-14菜系分类管理界面图

订单管理,在订单管理页面中通过填写订单编号、商品表名、用户ID、商品ID、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、

支付类型、状态、地址等内容进行查看、发货等操作,如图5-15所示。


图5-15订单管理界面图

5.4用户功能模块

用户登录进入高校校园点餐系统可以查看个人中心、消息留言管理、我的收藏管理、订单管理等内容。

消息留言管理,在消息留言管理页面中通过填写账号、姓名、角色、食堂号、食堂名、订单号、配送分、包装分、菜品分、时间、建议、是否审核、审核回复等信息,还可以根据需要对消息留言管理进行查看、修改、删除等操作,如图5-16所示。


图5-16消息留言管理界面图

订单管理,在订单管理页面中可以查看订单编号、商品表名、用户ID、商品ID、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、

支付类型、状态、地址等信息,并且根据需要对已有订单管理进行查看等其他详细操作,如图5-17所示。


图5-17订单管理界面图

相关文章
|
21天前
|
存储 JavaScript 前端开发
基于 SpringBoot 和 Vue 开发校园点餐订餐外卖跑腿Java源码
一个非常实用的校园外卖系统,基于 SpringBoot 和 Vue 的开发。这一系统源于黑马的外卖案例项目 经过站长的进一步改进和优化,提供了更丰富的功能和更高的可用性。 这个项目的架构设计非常有趣。虽然它采用了SpringBoot和Vue的组合,但并不是一个完全分离的项目。 前端视图通过JS的方式引入了Vue和Element UI,既能利用Vue的快速开发优势,
104 13
|
29天前
|
JavaScript 安全 Java
java版药品不良反应智能监测系统源码,采用SpringBoot、Vue、MySQL技术开发
基于B/S架构,采用Java、SpringBoot、Vue、MySQL等技术自主研发的ADR智能监测系统,适用于三甲医院,支持二次开发。该系统能自动监测全院患者药物不良反应,通过移动端和PC端实时反馈,提升用药安全。系统涵盖规则管理、监测报告、系统管理三大模块,确保精准、高效地处理ADR事件。
|
2月前
|
安全 Java 应用服务中间件
如何将Spring Boot应用程序运行到自定义端口
如何将Spring Boot应用程序运行到自定义端口
64 0
|
2月前
|
JavaScript NoSQL Java
CC-ADMIN后台简介一个基于 Spring Boot 2.1.3 、SpringBootMybatis plus、JWT、Shiro、Redis、Vue quasar 的前后端分离的后台管理系统
CC-ADMIN后台简介一个基于 Spring Boot 2.1.3 、SpringBootMybatis plus、JWT、Shiro、Redis、Vue quasar 的前后端分离的后台管理系统
53 0
|
缓存 Java Spring
Spring&SpringBoot源码笔记整理 |Bean的加载流程二
昨天的文章里提到Bean的加载流程和如何获取bean,今天继续源码解读。还是老规矩,看着Bean加载的时序图进入主题。
338 0
Spring&SpringBoot源码笔记整理 |Bean的加载流程二
|
缓存 Java Spring
Spring&SpringBoot源码笔记整理 |Bean的加载流程一
本篇文章主要介绍Bean的加载流程,以及Spring是怎么解决循环依赖的问题。
143 0
Spring&SpringBoot源码笔记整理 |Bean的加载流程一
|
3月前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 实现动态路由和菜单功能,快速搭建前后端分离的应用框架
本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 实现动态路由和菜单功能,快速搭建前后端分离的应用框架。首先,确保开发环境已安装必要的工具,然后创建并配置 Spring Boot 项目,包括添加依赖和配置 Spring Security。接着,创建后端 API 和前端项目,配置动态路由和菜单。最后,运行项目并分享实践心得,包括版本兼容性、安全性、性能调优等方面。
199 1
|
2月前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个具有动态路由和菜单功能的前后端分离应用。
本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个具有动态路由和菜单功能的前后端分离应用。首先,创建并配置 Spring Boot 项目,实现后端 API;然后,使用 Ant Design Pro Vue 创建前端项目,配置动态路由和菜单。通过具体案例,展示了如何快速搭建高效、易维护的项目框架。
131 62
|
2月前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个前后端分离的应用框架,实现动态路由和菜单功能
本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个前后端分离的应用框架,实现动态路由和菜单功能。首先,确保开发环境已安装必要的工具,然后创建并配置 Spring Boot 项目,包括添加依赖和配置 Spring Security。接着,创建后端 API 和前端项目,配置动态路由和菜单。最后,运行项目并分享实践心得,帮助开发者提高开发效率和应用的可维护性。
124 2
|
2月前
|
JavaScript Java 项目管理
Java毕设学习 基于SpringBoot + Vue 的医院管理系统 持续给大家寻找Java毕设学习项目(附源码)
基于SpringBoot + Vue的医院管理系统,涵盖医院、患者、挂号、药物、检查、病床、排班管理和数据分析等功能。开发工具为IDEA和HBuilder X,环境需配置jdk8、Node.js14、MySQL8。文末提供源码下载链接。