项目运行
环境配置:
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所示。
![](https://i-blog.csdnimg.cn/blog_migrate/a2fb6f72a2a112f9b15198258a870cec.png)
图5-1系统首页界面图
用户注册,在用户注册页面通过填写用户名,密码,确认密码,姓名,年龄,身份证,手机等信息进行注册操作,如图5-2所示。
![](https://i-blog.csdnimg.cn/blog_migrate/703fc07486f73beb5b2d7045217cac79.png)
图5-2用户注册界面图
旅游路线,在旅游路线页面可以查看路线名称,出发城市,到达城市,旅游团,价格,组团人数,出游天数,出发日期,结束日期,工号,导游姓名等内容,并进行收藏,组团操作;如图5-3所示。
![](https://i-blog.csdnimg.cn/blog_migrate/7d2b08497f1ac3940558e867e3ccbb15.png)
图5-3旅游路线界面图
旅游公告,在旅游公告页面可以查看公告标题,公告内容,时间等内容;如图5-4所示。
![](https://i-blog.csdnimg.cn/blog_migrate/14456b79ce741dd1b8654cc0ef276a22.png)
图5-4旅游公告界面图
个人中心,在个人中心页面通过填写用户名,密码,姓名,性别,上传图片等信息进行更新信息,还可以根据需要对我的收藏进行详细操作,如图5-5所示。
![](https://i-blog.csdnimg.cn/blog_migrate/7cd768cd3c30d50ad4ff6df231748b5e.png)
图5-5个人中心界面图
5.2管理员功能模块
管理员登录系统后,可以对首页,个人中心,用户管理,导游管理,旅游路线管理,组团信息管理,出团签到管理,请假信息管理,评价信息管理,工资信息管理,留言反馈,系统管理等功能进行相应的操作管理,如图5-6所示。
![](https://i-blog.csdnimg.cn/blog_migrate/17aa8a7b38f82c17f1fe6047badbf476.png)
图5-6管理员功能界面图
用户管理,在用户管理页面可以对索引,用户名,姓名,性别,头像,年龄,身份证,手机等内容进行详情,修改和删除等操作,如图5-7所示。
![](https://i-blog.csdnimg.cn/blog_migrate/b7835476d79a20158ec8cd7e45e83cde.png)
图5-7用户管理界面图
导游管理,在导游管理页面可以对索引,工号,导游姓名,性别,头像,年龄,邮箱,电话等内容进行详情,工资,修改和删除等操作,如图5-8所示。
![](https://i-blog.csdnimg.cn/blog_migrate/88372d3af80d38c205c9344e50e3792c.png)
图5-8导游管理界面图
旅游路线管理,在旅游路线管理页面可以对索引,标题,图片,出发城市,到达城市,旅游团,价格,组团人数,出游天数,出发日期,结束日期,工号,导游姓名等信息进行详情,修改和删除等操作,如图5-9所示。
![](https://i-blog.csdnimg.cn/blog_migrate/5f50ca5061207ce4ed73c3dd630303fb.png)
图5-9旅游路线管理界面图
组团信息管理,在组团信息管理页面可以对索引,订单编号,标题,旅游团,工号,导游姓名,价格,组团人数,总价格,下单时间,用户名,姓名,身份证,手机,是否支付等内容进行详情,修改和删除操作,如图5-10所示。
![](https://i-blog.csdnimg.cn/blog_migrate/3ab4d817541e94f5090b061dcba583d0.png)
图5-10组团信息管理界面图
出团签到管理,在出团签到管理页面可以对索引,标题,工号,导游姓名,签到类型,签到时间,用户名,姓名,手机等内容进行详情,修改和删除操作,如图5-11所示。
![](https://i-blog.csdnimg.cn/blog_migrate/6eaf160b5c379304a25dc0804b479162.png)
图5-11出团签到管理界面图
5.3导游功能模块
导游登录进入系统可以对首页,个人中心,旅游路线管理,组团信息管理,出团签到管理,请假信息管理,评价信息管理,工资信息管理等功能进行相应操作,如图5-12所示。
![](https://i-blog.csdnimg.cn/blog_migrate/44398d1d19bf982f3a06fd5f16f2e5ad.png)
图5-12导游功能界面图
个人中心,在个人中心页面通过填写工号,导游姓名,性别,头像,年龄,邮箱,电话等内容并提交进行个人信息修改操作,如图5-13所示。
![](https://i-blog.csdnimg.cn/blog_migrate/6942113b5bf7044775ef86b179fedee0.png)
图5-13个人中心界面图
旅游路线管理,在旅游路线管理页面可以对索引,标题,图片,出发城市,到达城市,旅游团,价格,组团人数,出游天数,出发日期,结束日期,工号,导游姓名等信息进行详情,修改和删除等操作,如图5-14所示。
![](https://i-blog.csdnimg.cn/blog_migrate/1974c5508f6d5c16646995d9992ecb0b.png)
图5-14旅游路线管理界面图
组团信息管理,在组团信息管理页面可以对索引,订单编号,标题,旅游团,工号,导游姓名,价格,组团人数,总价格,下单时间,用户名,姓名,身份证,手机,是否支付等内容进行详情和删除操作,如图5-15所示。
![](https://i-blog.csdnimg.cn/blog_migrate/df27cf6ba955605fb1bc0d4621297cd5.png)
图5-15组团信息管理界面图
出团签到管理,在出团签到管理页面可以对索引,标题,工号,导游姓名,签到类型,签到时间,用户名,姓名,手机等内容进行详情和删除操作,如图5-16所示。
![](https://i-blog.csdnimg.cn/blog_migrate/6776bd3c0e6dd94cb3179887847a4768.png)
图5-16出团签到管理界面图
5.4用户功能模块
用户登录进入系统可以对首页,个人中心,组团信息管理,出团签到管理,请假信息管理,评价信息管理等功能进行相应操作,如图5-17所示。
![](https://i-blog.csdnimg.cn/blog_migrate/ccfd0e437f778e4120ca9f2ac4d7c5ce.png)
图5-17用户功能界面图
个人中心,在个人中心页面通过填写用户名,姓名,性别,头像,年龄,身份证,手机等内容并提交进行个人信息修改操作,如图5-18所示。
![](https://i-blog.csdnimg.cn/blog_migrate/06032f0a7159399181b9f03f4c401725.png)
图5-18个人中心界面图
组团信息管理,在组团信息管理页面可以对索引,订单编号,标题,旅游团,工号,导游姓名,价格,组团人数,总价格,下单时间,用户名,姓名,身份证,手机,是否支付等内容进行详情,支付,签到,评价和删除操作,如图5-19所示。
![](https://i-blog.csdnimg.cn/blog_migrate/24529b87e1e72220b9d1dc8e6e4079cc.png)
图5-19组团信息管理界面图
出团签到管理,在出团签到管理页面可以对索引,标题,工号,导游姓名,签到类型,签到时间,用户名,姓名,手机等内容进行详情操作,如图5-20所示。
![](https://i-blog.csdnimg.cn/blog_migrate/425cd7844ff80362d5ba24901f1d5aa5.png)
图5-20出团签到管理界面图