项目运行
环境配置:
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-2所示。
图5-2登录界面图
5.2网站功能模块
云生烟咖啡厅网站,在网站首页可以查看首页,店铺信息,咖啡信息,咖啡论坛,咖啡资讯,留言板,个人中心,后台管理,购物车,客服中心等内容进行详细操作,如图5-3所示。
图5-3网站首页界面图
用户注册,在用户注册页面通过填写用户账号,密码,用户姓名,联系方式等信息完成用户注册操作,如图5-4所示。
图5-4用户注册界面图
咖啡信息,在咖啡信息页面可以查看咖啡名称,价格,图片,咖啡编号,咖啡类型,温度,甜度,营业时间,点击次数,咖啡详情等详细内容,并进行添加到购物车,立即购买,评论和收藏等操作,如图5-5所示。
图5-5咖啡信息界面图
咖啡论坛,在咖啡论坛页面通过填写标题,类型,内容等详细信息进行发布帖子操作,如图5-6所示。
图5-6咖啡论坛界面图
留言板,在留言板页面通过填写留言内容,图片,用户名等详细信息,提交或重置进行留言操作,还可以对留言信息进行回复操作,如图5-6所示。
图5-6留言板界面图
个人中心,在个人中心页面通过填写用户账号,密码,用户姓名,性别,联系方式,余额等详细内容进行信息更新操作,还可以对我的发布,我的订单,我的地址,我的收藏进行相应的操作管理;如图5-6所示。
图5-6个人中心界面图
购物车,在购物车页面可以查看购买商品,价格,数量,总价等详细信息进行购买或删除操作,如图5-6所示。
图5-6购物车界面图
5.3管理员功能模块
管理员登录系统后,可以对首页,个人中心,用户管理,咖啡类型管理,店铺信息管理,咖啡信息管理,咖啡论坛,留言板,系统管理,订单管理等功能进行相应操作,如图5-7所示。
图5-7管理员功能界图面
用户管理,在用户管理页面可以查看索引,用户账号,用户姓名,性别,联系方式等内容,并根据需要进行详情,修改和删除等操作,如图5-8所示。
图5-8用户管理界面图
咖啡类型管理,在咖啡类型管理页面可以查看索引,咖啡类型等内容,并根据需要进行详情,修改和删除等操作,如图5-9所示。
图5-9咖啡类型管理界面图
店铺信息管理,在店铺信息管理页面可以查看索引,标题,图片,发布时间等内容,并根据需要进行详情,修改和删除等操作,如图5-10所示。
图5-10店铺信息管理界面图
咖啡信息管理,在咖啡信息管理页面可以查看索引,咖啡编号,咖啡名称,咖啡类型,图片,温度,甜度,营业时间,价格等内容,并根据需要进行详情,修改,查看评论和删除等操作,如图5-10所示。
图5-10咖啡信息管理界面图
咖啡论坛,在咖啡论坛页面可以查看索引,帖子标题,用户名,状态等内容,并根据需要进行详情,修改和删除等操作,如图5-10所示。
图5-10咖啡论坛界面图
留言板,在留言板页面可以查看索引,用户名,留言内容,留言图片,回复内容,回复图片等内容,并根据需要进行详情,修改,回复和删除等操作,如图5-10所示。
图5-10留言板界面图
系统管理,在咖啡资讯页面可以对索引,标题,图片等内容进行详情,修改和删除操作,还可以对轮播图管理,客服中心进行相应的操作管理;如图5-11所示。
图5-11系统管理界面图
订单管理,在已支付订单页面可以对索引,订单编号,商品名称,商品图片,购买数量,价格/积分,折扣价格,总价格/总积分,折扣总价格,支付类型,状态,地址,电话,收货人,下单时间等内容进行详情,发货和删除操作,还可以对已退款订单,已完成订单,已发货订单,未支付订单,已取消订单进行相应的操作管理;如图5-11所示。
图5-11订单管理界面图
5.4用户后台功能模块
用户登录进入系统后台,可以对首页,个人中心,我的收藏管理等功能进行相应操作,如图5-13所示。
图5-13用户后台功能界面图