项目运行
环境配置:
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毕设帮助,指导,本源码(见文末),调试部署
4.1 系统功能模块
畅玩电竞网咖购物点餐网站,用户进入到网站首页,可以查看首页,餐饮信息,个人中心,后台管理等内容进行操作,如图4-1所示。
图4-1网站首页界面图
餐饮信息;在餐饮信息页面中可以查看餐饮名称,图片,类别,价格,推荐指数,详情等内容;用户登录网站后可以根据需要进行下单操作;如图4-2所示。
图4-2餐饮信息界面图
用户注册;在用户注册页面中输入用户账号,密码,姓名,手机号码,邮箱,身份证号等内容进行用户注册操作;如图4-3所示。
图4-3用户注册界面图
个人中心;在个人中心页面中输入用户账号,密码,姓名,上传图片,性别,手机号码,邮箱,身份证号等内容进行个人信息更新操作,如图4-4所示。
图4-4个人中心界面图
4.2 管理员功能模块
管理员登录,通过填写注册时输入的用户名,密码和选择角色等信息进行登录操作,如图4-5所示。
图4-5管理员登录界面图
管理员登录进入畅玩电竞网咖购物点餐网站可以查看首页,个人中心,用户管理,类别管理,餐饮信息管理,订单信息管理,管理员管理,系统管理等信息进行详细操作,如图4-6所示。
图4-6管理员功能界面图
用户管理;在用户管理页面中可以查看索引,用户账号,姓名,头像,性别,手机号码,邮箱,身份证号等内容,并进行详情,修改和删除等操作;如图4-7所示。
图4-7用户管理界面图
类别管理:在类别管理页面中可以查看索引,类别等内容,并进行详情,修改和删除等操作,如图4-8所示。
图4-8类别管理界面图
餐饮信息管理;在餐饮信息管理页面中可以查看索引,名称,图片,类别,价格,推荐指数等内容,并进行详情,修改和删除等操作;如图4-9所示。
图4-9餐饮信息管理界面图
订单信息管理;在订单信息管理页面中可以查看索引,订单编号,名称,类别,价格,数量,总金额,下单时间,备注,用户账号,姓名,是否支付等内容,并进行详情,修改和删除等操作;如图4-10所示。
图4-10订单信息管理界面图
管理员管理;在管理员管理页面中可以查看索引,用户名,密码,角色等内容,并进行详情,修改和删除等操作;如图4-11所示。
图4-11管理员管理界面图
系统管理;在轮播图管理页面中可以查看索引,名称,值等内容,并进行详情和修改等操作;如图4-12所示。
图4-12系统管理界面图
4.3 用户后台功能模块
用户登录进入畅玩电竞网咖购物点餐网站后台可以查看首页,个人中心,订单信息管理等详细信息,并进行详细的操作管理,如图4-13所示。
图4-13用户后台功能界面图
个人中心;在个人中心页面通过填写用户账号,姓名,上传头像,性别,手机号码,邮箱,身份证号等内容进行个人信息修改操作;如图4-14所示。
图4-14个人中心界面图
订单信息管理;在订单信息管理页面中可以查看索引,订单编号,名称,类别,价格,数量,总金额,下单时间,备注,用户账号,姓名,是否支付等内容;如图4-15所示。
图4-15订单信息管理界面图