项目运行
环境配置:
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.1APP端
登录,在登录界面通过输入账号和密码,选择角色进行系统登录,如图4-1所示。
图4-1登录界面图
注册,在注册页面通过填写用户信息等内容完成注册,如图4-2所示。
图4-2注册界面图
用户和车主登录进入系统首页可以对首页、拼车信息、我的等功能模块进行操作,如图4-3所示。
图4-3系统首页界面图
用户,在我的页面可以查看拼车信息、订单信息、服务评价、交流信息、回复信息、留言板等信息,如图4-4所示。
图4-4用户界面图
用户信息,在用户信息页面通过填写用户名、密码、姓名、性别、头像、身份证、手机等信息进行保存,如图4-5所示。
图4-5用户信息界面图
车主,在我的页面可以查看拼车信息、订单信息、服务评价、交流信息、回复信息、留言板等信息,如图4-6所示。
图4-6车主界面图
服务评价,在服务评价页面可以查看订单编号、账号、车主姓名、车牌号、评星、服务评价、清洁评价、用户名等信息,如图4-7所示。
图4-7服务评价界面图
回复信息,在回复信息页面可以查看编号、车主姓名、账号、用户名、姓名、回复内容等信息,如图4-8所示。
图4-8回复信息界面图
4.2服务端
管理员登录,管理员通过输入用户名和密码,选择角色并点击登录进行系统登录操作,如图4-9所示。
图4-9管理员登录界图面
管理员登陆系统后,可以查看首页、个人中心、用户管理、车主管理、拼车信息管理、订单信息管理、服务评价管理、交流信息管理、回复信息管理、留言板管理、系统管理等信息,如图4-10所示。
图4-10管理员功能界图面
用户管理,在用户管理页面可以查看索引、用户 名、姓名、性别、头像、身份证、手机等信息,并可根据需要进行修改或删除等操作,如图4-11所示。
图4-11用户管理界面图
车主管理,在车主管理页面可以查看索引、账号、车主姓名、性别、头像、驾龄、车型、车牌号、身份证、电话等信息,并可根据需要进行修改或删除等操作,如图4-12所示。
图4-12车主管理界面图
拼车信息管理,在拼车信息管理页面可以查看索引、订单编号、名称、出行内容、人数、发布时间、用户名、姓名、手机、上车位置、地址等信息,并可根据需要进行修改或删除等操作,如图4-13所示。
图4-13拼车信息管理界面图
订单信息管理,在订单信息管理页面可以查看索引、订单编号、名称、用户名、姓名、人数、时长、公里、出行路线、费用、账号、车主姓名、车牌号、上车位置、是否支付、地址等信息,并可根据需要进行修改或删除等操作,如图4-14所示。
图4-14订单信息管理界面图
服务评价管理,在服务评价管理页面可以查看索引、订单编号、账号、车主姓名、车牌号、评星、服务评价、清洁评价、用户名等信息,并可根据需要进行修改或删除等操作,如图4-15所示。
图4-15服务评价管理界面图
交流信息管理,在交流信息管理页面可以查看索引、编号、用户名、姓名、交流内容、日期、账号、车主姓名等信息,并可根据需要进行修改或删除等操作,如图4-16所示。
图4-16交流信息管理界面图
回复信息管理,在回复信息管理页面可以查看索引、编号、账号、车主姓名、回复内容、用户名、姓名等信息,并可根据需要进行修改或删除等操作,如图4-17所示。
图4-17回复信息管理界面图
留言板管理,在留言板管理页面可以查看索引、用户名、留言内容、回复内容等信息,并可根据需要进行回复、修改或删除等操作,如图4-18所示。
图4-18留言板管理界面图
系统管理,在轮播图管理页面可以查看索引、名称、值等信息,并可根据需要对公告资讯进行相对应操作,如图4-19所示。
图4-19系统管理界面图