项目运行
环境配置:
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.2管理员后台功能模块
管理员登录,管理员通过输入账号和密码,选择权限并点击登录进行系统登录操作,如图5-7所示。
图5-7管理员登录界图面
管理员登陆系统后,可以对首页、个人中心、用户管理、景点分类管理、景点信息管理、旅行攻略管理、酒店信息管理、客房信息管理、客房预订管理、门票预计管理、景区评价管理、票务信息管理、票务预订管理、行程创建管理、社区分享、管理员管理、系统管理等功能模块进行相应等操作,如图5-8所示。
图5-8管理员功能界图面
用户管理,在用户管理页面可以对索引、用户名、密码、姓名、性别、头像、手机、邮箱、身份证等进行详情、修改或删除等操作,如图5-9所示。
图5-9用户管理界面图
景点分类管理,在景点分类管理页面可以对索引、分类等进行详情、修改或删除等操作,如图5-10所示。
图5-10景点分类管理界面图
景点信息管理,在景点信息管理页面可以对索引、景点名称、分类、景点图片、景点星级、景点地址、门票价格、营业时间、注意事项等进行详情、修改、查看评论或删除等操作,如图5-11所示。
图5-11景点信息管理界面图
酒店信息管理,在酒店信息管理页面可以对索引、酒店名称、类别、星级、酒店图片、酒店地址、联系电话等进行详情、修改、查看评论或删除等操作,如图5-12所示。
图5-12酒店信息管理界面图
客房信息管理,在客房信息管理页面可以对索引、客房名称、客房类型、客房图片、客房设施、客房价格、客房状态、酒店名称、类别、星级、酒店地址、联系电话等进行详情、修改、查看评论或删除等操作,如图5-13所示。
图5-13客房信息管理界面图
票务信息管理,在票务信息管理页面可以对索引、票务名称、图片、票务分类、票务类型、起点站、终点站、出发时间、到站时间、价格、数量、备注等进行详情、修改或删除等操作,如图5-14所示。
图5-14票务信息管理界面图