项目运行
环境配置:
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-3所示。
图5-3用户管理界面图
维修人员管理,管理员可在维修人员管理页面查看维修账号、维修姓名、性别、维修电话、头像等内容,还可进行新增、修改或删除等操作,如图5-4所示。
图5-4维修人员管理界面图
维修信息管理,管理员可在维修信息管理页面查看维修编号、家电名称、家电类型、维修地址、维修时间、维修封面、维修账号、维修姓名等内容, 还可进行新增、修改或删除等操作,如图5-5所示。
图5-5维修信息管理界面图
预约维修管理,管理员可在预约维修管理页面查看预约编号、家电名称、家电类型、维修项目、预约时间、封面、维修账号、维修姓名、用户账号、用户姓名、审核回复、审核状态等内容,还可进行修改或删除等操作,如图5-6所示。
图5-6预约维修管理界面图
上门维修管理,管理员可在上门维修管理页面查看维修编号、家电名称、家电类型、维修项目、维修时间、封面、维修账号、维修姓名、用户账号、用户姓名等内容,还可进行修改或删除等操作,如图5-7所示。
图5-7上门维修管理管理界面图
二次维修管理,管理员可在二次维修管理页面查看维修编号、家电名称、家电类型、维修项目、维修时间、封面、费用、维修账号、维修姓名、用户账号、用户姓名、是否支付、审核回复、审核状态等内容,还可进行修改或删除等操作,如图5-8所示。
图5-8二次维修管理界图面
5.2小程序端用户功能模块
用户注册,用户通过输入用户账号、密码、用户姓名、性别、用户电话进行注册,如图5-9所示。
图5-9用户注册界面图
用户通过登录进入小程序可查看首页、公告资讯、我的等内容,在首页还可查看维修信息、预约维修等内容,如图5-10所示。
图5-10用户功能界面图
我的,用户可在我的页面查看用户信息、维修信息、预约维修、上门维修、维修完成、预约取消、二次维修、维修员申请等内容,如图5-11所示。
图5-11我的界面图
维修信息,用户可在维修信息页面查看维修姓名、维修编号、封面、家电名称、家电类型、维修项目、维修时间、维修账号、详情等内容,如图5-12所示。
图5-12维修信息界面图
预约维修,用户可在预约维修页面查看家电名称、预约编号、家电类型、维修项目、预约时间、维修账号、维修姓名、用户账号、用户姓名、封面等内容,如图5-13所示。
图5-13预约维修界面图
5.3小程序端维修人员功能模块
维修人员登录维修人员通过输入账号、密码、选择登录类型进行登录,如图5-14所示。
图5-14维修人员登录界面图
维修人员通过登录进入小程序可查看首页、公告资讯、我的等内容,如图5-15所示。
图5-15维修人员功能界面图
我的,维修人员可在我的页面查看用户信息、维修信息、预约维修、上门维修、维修完
成、预约取消、二次维修等内容,如图5-16所示。
图5-16我的界面图
预约维修,维修人员可在预约维修页面查看家电名称、预约编号、家电类型、维修项目、预约时间、维修账号、维修姓名、用户账号、用户姓名等内容,还可进行上门维修、预约取消或审核等操作,如图5-17所示。
图5-17预约维修界面图
维修完成,维修人员可通过输入费用编号、家电名称、家电类型、维修项目、完成时间、
封面、维修账号维修姓名、用户账号、用户姓名等内容进行提交等操作,如图5-18所示。
图5-18维修完成界面图