项目运行
环境配置:
Node.js最新版+ Vscode + Mysql5.7 + HBuilderX+Navicat11+Vue。
项目技术:
Express框架 + Node.js+ Vue 等等组成,B/S模式 +Vscode管理+前后端分离等等。
环境需要
1.运行环境:最好是Nodejs最新版,我们在这个版本上开发的。其他版本理论上也可以。
2.开发环境:Vscode或HbuilderX都可以。推荐HbuilderX;
3.mysql环境:建议是用5.7版本均可
4.硬件环境:windows 7/8/10 1G内存以上;或者 Mac OS;
6.Navcat11:这个版本不限10/11/14/15都可以。;
Node.js毕设帮助,指导,本源码(见文末),调试部署
5.1系统登录注册
用户登录系统,通过输入用户名、密码,选择角色并点击登录进行系统登录操作,如图5-1所示。
图5-1登录界面图
学生注册,在学生注册页面通过填写学号,密码,确认密码,姓名,班级,手机,邮箱等信息完成学生注册,如图5-2所示。
图5-2学生注册界面图
5.2管理员功能模块
管理员登录系统后,可以对首页,个人中心,学生管理,自习室信息管理,预约信息管理,食品信息管理,食品选购管理,取餐通知管理,学生留言管理,呼救信息管理,食品类型管理等功能模块进行相应操作,如图5-3所示。
图5-3管理员功能界面图
学生管理,在学生管理页面可以对索引,学号,姓名,性别,班级,手机,邮箱等信息进行详情,修改和删除等操作,如图5-4所示。
图5-4学生管理界面图
自习室信息管理,在自习室信息管理页面可以对索引,自习室名称,自习室类型,自习室位置,座位数,空闲座位,可约时段等信息进行详情,修改和删除等操作,如图5-5所示。
图5-5自习室信息管理界面图
预约信息管理,在预约信息管理页面可以对索引,自习室名称,自习室类型,自习室位置,预约座位,预约时间,备注,学号,姓名,审核回复,审核状态,审核等信息进行详情和删除等操作,如图5-6所示。
图5-6预约信息管理界面图
食品信息管理,在食品信息管理页面可以对索引,食品名称,食品类型,规格,数量,价格,订餐时段等信息进行详情,修改和删除等操作,如图5-7所示。
图5-7食品信息管理界面图
食品选购管理,在食品选购管理页面可以对索引,订单编号,食品名称,食品类型,规格,数量,价格,总价,选购类型,选购时间,备注,学号,姓名,是否支付,审核回复,审核状态,审核等信息进行详情和删除等操作,如图5-8所示。
图5-8食品选购管理界面图
取餐通知,在取餐通知页面可以对索引,标题,通知时间,学号,姓名等信息进行详情,修改和删除等操作,如图5-9所示。
图5-9取餐通知界面图
学生留言管理,在学生留言管理页面可以对索引,标题,留言时间,学号,姓名等信息进行详情和删除等操作,如图5-10所示。
图5-10学生留言管理界面图
呼救信息管理,在呼救信息管理页面可以对索引,学号,姓名,体温,呼救时间,审核回复,审核状态,审核等信息进行详情和删除等操作,如图5-11所示。
图5-11呼救信息管理界面图
食品类型管理,在食品类型管理页面可以对索引,类型等信息进行修改和删除操作,如图5-12所示。
图5-12食品类型管理界面图
5.3学生功能模块
学生登录进入系统可以对首页,个人中心,自习室信息管理,预约信息管理,食品信息管理,食品选购管理,取餐通知管理,学生留言管理,呼救信息管理等功能模块进行相应操作,如图5-13所示。
图5-13学生功能界面图
个人中心,在个人信息页面通过填写学号,姓名,性别,班级,手机,邮箱等信息进行个人信息修改操作,如图5-14所示。
图5-14个人中心界面图
自习室信息管理,在自习室信息管理页面可以对索引,自习室名称,自习室类型,自习室位置,座位数,空闲座位,可约时段等信息进行详情,预约和留言等操作,如图5-15所示。
图5-15自习室信息管理界面图
预约信息管理,在预约信息管理页面可以对索引,自习室名称,自习室类型,自习室位置,预约座位,预约时间,备注,学号,姓名,审核回复,审核状态等信息进行详情,修改和删除等操作,如图5-16所示。
图5-16预约信息管理界面图
食品信息管理,在食品信息管理页面可以对索引,食品名称,食品类型,规格,数量,价格,订餐时段等信息进行详情和选购操作,如图5-17所示。
图5-17食品信息管理界面图
食品选购管理,在食品选购管理页面可以对索引,订单编号,食品名称,食品类型,规格,数量,价格,总价,选购类型,选购时间,备注,学号,姓名,是否支付,审核回复,审核状态等信息进行详情,修改和删除等操作,如图5-18所示。
图5-18食品选购管理界面图
学生留言管理,在学生留言管理页面可以对索引,标题,留言时间,学号,姓名等信息进行详情,修改和删除等操作,如图5-19所示。
图5-19学生留言管理界面图
呼救信息管理,在呼救信息管理页面可以对索引,学号,姓名,体温,呼救时间,审核回复,审核状态等信息进行详情,修改和删除等操作,如图5-20所示。
图5-20呼救信息管理界面图
Node.js毕设帮助,指导,源码获取,调试部署