基于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订单管理界面图

相关文章
|
11小时前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的诗词学习系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的诗词学习系统附带文章源码部署视频讲解等
9 1
|
11小时前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的干洗店预约洗衣系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的干洗店预约洗衣系统附带文章源码部署视频讲解等
5 1
|
11小时前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的儿童阅读系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的儿童阅读系统附带文章源码部署视频讲解等
5 1
|
12小时前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的BBS论坛系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的BBS论坛系统附带文章源码部署视频讲解等
4 1
|
16小时前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的社区流浪动物救助领养系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的社区流浪动物救助领养系统附带文章源码部署视频讲解等
5 1
|
17小时前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的大学餐厅菜品推荐和点评系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的大学餐厅菜品推荐和点评系统附带文章源码部署视频讲解等
6 1
|
17小时前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物领养系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物领养系统附带文章源码部署视频讲解等
7 1
|
11小时前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的合庆镇停车场车位预约系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的合庆镇停车场车位预约系统附带文章源码部署视频讲解等
5 0
|
11小时前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的粤港澳大湾区旅游系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的粤港澳大湾区旅游系统附带文章源码部署视频讲解等
5 0
|
11小时前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的“期待相遇”图书借阅系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的“期待相遇”图书借阅系统附带文章源码部署视频讲解等
4 0