这是一个是香格里拉酒店的网页项目，用户可以注册、登录、浏览、预定房间，同时拥有后台管理系统，实现对订单删除、房间部分信息修改、可视化展示等功能。

注册登陆页面：
注册页面填写各种信息并且满足格式，并且连接后台数据库，注册成功后保存在数据库里用于登陆，登陆页面，写入账号密码，从数据拉取信息，并且验证账号密码是否正确，正确跳转到登陆页面，并且改变页头登陆状态。

首页：
采用卡片化风格的轮播图，el-carousel添加card属性以此来达到卡片轮播效果；跳转详情页需要传递参数，采用的是跳转时带上参数传递给到详情页去接收。

详情页：
接收从首页的传来的参数，并根据不同的参数发送axios请求获取数据库对应不同参数的详情数据，并他们呈现在网页上。在根据点击不同酒店的名称与图片为购物车传入相对应的酒店的名称参数。

订单页：
1.从详情页跳转到订单页，通过页面间传参，在页面加载时，发送axios请求从数据库获取该酒店和该酒店房间信息。渲染到页面；
2.入住日期添加 picker-option，禁用过去的日期，让客户选择更方便；
3.提交订单信息后，将客户填写信息和从session获取的客户名（查询为uid）写入订单，并在页面展示订单信息，方便客户查看。

后台管理：
1.主要分为商品管理 用户管理和订单管理。查询修改酒店信息、订单信息、用户信息（用户信息不可删除）。
2.设置路由守卫，实现在进入这里页面之前，都必须返回登录页，其他方式，比如地址栏输入方式，无法访问订单和后台。
3.用户的登录信息每个页面都需要，所以使用vuex进行vue的状态管理,
又因为vuex，在页面刷新时，vuex里的数据会被清空，所以使用webStorage的配合。
3.分页按钮做成组件的形式：前端需要在created函数中将页码和每页存的数据量发送axios请求，同时数据的总数保存下来，当下次分页触发，数据总数不变化，数据和分页样式变化。

vue2 + vuex + vue-router +ES6/7 + axios + elementUI + 阿里图标iconfont 
nodejs + mysql + express等

登录、注册页面

首页、页头页尾组件

详情页（酒店展示）

购物车订单页

后台管理系统（商品、用户、订单管理）

数据库、接口、部署

user 用户（管理员）信息表
indexinf  首页信息表
ordering  订单信息表
location  区域酒店信息表
room  房间信息表

通过外键约束，保证信息的完整性。

暂无描述

{
	"code": 1,
	"msg": "注册成功"
}

暂无描述

{
	"code": 1,
	"msg": "注册成功",
	"data": {
		"fieldCount": 0,
		"affectedRows": 1,
		"insertId": 29,
		"serverStatus": 2,
		"warningCount": 0,
		"message": "",
		"protocol41": true,
		"changedRows": 0
	}
}

用户名+密码登录

{
	"code": 1,
	"msg": "登录成功",
	"data": [
		{
			"uid": 8,
			"email": "123594095@qq.com",
			"phone": "18913218141",
			"upwd": "123456",
			"realname": "虞中迎",
			"userName": "莹莹",
			"id_number": "320301199208039659",
			"gender": 1,
			"is_vip": 0
		}
	]
}

手机号 + 密码登录

{
	"code": 1,
	"msg": "登录成功"
}

{
	"code": 0,
	"msg": "登录失败"
}

uid 作为匹配标准

{
	"code": 1,
	"msg": "修改成功"
}

{
	"code": 0,
	"msg": "修改失败"
}

暂无描述

{
	"code": 1,
	"message": "查询成功",
	"data": [
		{
			"uid": 1,
			"email": "17600228617@163.com",
			"phone": "17600228617",
			"upwd": "123456",
			"realname": "吴文豪",
			"userName": "豪哥",
			"id_number": "353466199111014520",
			"gender": 1,
			"is_vip": 1
		}
	],
	"paging": {
		"page_num": 1,
		"page_size": 10,
		"total": 20
	}
}

用 手机号 或 用户名 去查用户，不存在则数据不重复，存在则手机号或用户名占用，不可用。
可单独验证手机号（或用户名）是否重复
此接口注意状态码

{
	"code": 0,
	"msg": "该手机号可以使用"
}

{
	"code": 1,
	"msg": "该手机号已存在"
}

用 手机号 或 用户名 去查用户，不存在则数据不重复，存在则手机号或用户名占用，不可用。
可单独验证手机号（或用户名）是否重复
此接口注意状态码

{
	"code": 0,
	"msg": "该用户名可以使用"
}

{
	"code": 1,
	"msg": "该用户名已存在"
}

暂无描述

{
	"code": 1,
	"msg": "查询成功",
	"data": [
		{
			"uid": 2,
			"email": "17600228617@163.com",
			"phone": "17600228617",
			"upwd": "123456",
			"realname": "吴文豪",
			"userName": "豪哥",
			"id_number": "353466199111014520",
			"gender": 1,
			"is_vip": 0
		}
	]
}

{
	"code": 0,
	"msg": "查询失败"
}

暂无描述

暂无描述

{
	"code": 1,
	"msg": "加载成功",
	"data": [
		{
			"caid": 1,
			"ctitle": "一家同乐",
			"img": "香格里拉1.jpg"
		}
	]
}

暂无描述

{
	"code": 1,
	"message": "查询成功",
	"data": [
		{
			"lid": 1,
			"loc_id": 1,
			"lname": "北京王府井香格里拉酒店",
			"ltitle": "地处北京闻名遐迩的王府井大街",
			"lpic": "详情页北京1.jpg",
			"lprice": 1140
		}
	],
	"paging": {
		"page_num": 1,
		"page_size": 10,
		"total": 35
	}
}

路由传参   location/lid

{
	"code": 1,
	"msg": "获取数据成功",
	"data": [
		{
			"lid": 1,
			"loc_id": 1,
			"lname": "北京王府井香格里拉酒店",
			"ltitle": "地处北京闻名遐迩的王府井大街",
			"lpic": "详情页北京1.jpg",
			"lprice": 1140
		}
	]
}

暂无描述

{
	"code": 1,
	"message": "查询成功",
	"data": [
		{
			"rid": 1,
			"hotel_id": 1,
			"hotelname": "北京王府井香格里拉酒店",
			"rpic": "room01.jpg",
			"rdetail": "入住客房1晚|国贸79西餐厅双人早餐|任选其一：酒廊双人晚餐 或 红馆中餐厅双人晚餐 或 单人水疗身体裹敷一次 （每晚）|水疗CNY 200代金券一张 （入住享受一次）|2张鸡尾酒券可在云·酷酒吧享用（入住享受一次）|入住超豪华套房可享受入住期间停车礼遇（限一辆）",
			"rspec": "免费上网|24小时热水|会员积分|健身房",
			"type": "双床豪华客房",
			"rprice": 1890.74,
			"empty": 50
		}
	],
	"paging": {
		"page_num": 1,
		"page_size": 10,
		"total": 140
	}
}

按酒店名称分类显示，传参1-32 （目前有32个酒店）
http://127.0.0.1:3000/room/:hotel_id

{
	"code": 1,
	"msg": "加载成功",
	"data": [
		{
			"rid": 45,
			"hotel_id": 12,
			"hotelname": "上海东锦江香格里拉酒店",
			"rpic": "room01.jpg",
			"rdetail": "入住客房1晚|国贸79西餐厅双人早餐|任选其一：酒廊双人晚餐 或 红馆中餐厅双人晚餐 或 单人水疗身体裹敷一次 （每晚）|水疗CNY 200代金券一张 （入住享受一次）|2张鸡尾酒券可在云·酷酒吧享用（入住享受一次）|入住超豪华套房可享受入住期间停车礼遇（限一辆）",
			"rspec": "免费上网|24小时热水|会员积分|健身房",
			"type": "双床豪华客房",
			"rprice": 1890.74,
			"empty": 50
		}
	]
}

不同酒店的不同房间套餐
http://116.62.59.65:5000/room/:hotel_id/:type
type: 双床豪华客房, 特大床超豪华客房, 特大床行政套房, 特大床花园套房

{
	"code": 1,
	"msg": "加载成功",
	"data": [
		{
			"rid": 1,
			"hotel_id": 1,
			"hotelname": "北京王府井香格里拉酒店",
			"rpic": "room01.jpg",
			"rdetail": "入住客房1晚|国贸79西餐厅双人早餐|任选其一：酒廊双人晚餐 或 红馆中餐厅双人晚餐 或 单人水疗身体裹敷一次 （每晚）|水疗CNY 200代金券一张 （入住享受一次）|2张鸡尾酒券可在云·酷酒吧享用（入住享受一次）|入住超豪华套房可享受入住期间停车礼遇（限一辆）",
			"rspec": "免费上网|24小时热水|会员积分|健身房",
			"type": "双床豪华客房",
			"rprice": 1890.74,
			"empty": 50
		}
	]
}

暂无描述

{
	"code": 1,
	"msg": "修改成功"
}

暂无描述

暂无描述

{
	"code": 1,
	"msg": "预定成功"
}

多表查询（user, room, ordering)

{
	"code": 1,
	"message": "查询成功",
	"data": [
		{
			"oid": 1,
			"user_id": 1,
			"room_id": 1,
			"oname": "吴文豪",
			"oidentity": "353466199111014520",
			"ophone": "17600228617",
			"order_num": "20210000111101T",
			"checkin": "2021-01-01T04:00:00.000Z",
			"checkout": "2021-01-05T04:00:00.000Z",
			"breakfast": 0,
			"price": 3999,
			"remark": "正在赶来",
			"uid": 1,
			"email": "17600228617@163.com",
			"phone": "17600228617",
			"upwd": "123456",
			"realname": "吴文豪",
			"userName": "豪哥",
			"id_number": "353466199111014520",
			"gender": 1,
			"is_vip": 1,
			"rid": 1,
			"hotel_id": 1,
			"hotelname": "北京王府井香格里拉酒店",
			"rpic": "room01.jpg",
			"rdetail": "入住客房1晚|国贸79西餐厅双人早餐|任选其一：酒廊双人晚餐 或 红馆中餐厅双人晚餐 或 单人水疗身体裹敷一次 （每晚）|水疗CNY 200代金券一张 （入住享受一次）|2张鸡尾酒券可在云·酷酒吧享用（入住享受一次）|入住超豪华套房可享受入住期间停车礼遇（限一辆）",
			"rspec": "免费上网|24小时热水|会员积分|健身房",
			"type": "双床豪华客房",
			"rprice": 1890.74,
			"empty": 50
		}
	],
	"paging": {
		"page_num": 1,
		"page_size": 10,
		"total": 8
	}
}

暂无描述

{
	"code": 1,
	"msg": "删除成功"
}

{
	"code": 0,
	"msg": "删除失败"
}

暂无描述

{
	"code": 1,
	"msg": "有该订单数据",
	"data": [
		{
			"oid": 5,
			"user_id": 5,
			"room_id": 4,
			"oname": "程栋二",
			"oidentity": "320301198002037368",
			"ophone": "13978795352",
			"order_num": "20210000511104T",
			"checkin": "2021-01-01T04:00:00.000Z",
			"checkout": "2021-01-02T04:00:00.000Z",
			"breakfast": 0,
			"price": 999,
			"remark": "无"
		}
	]
}

{
	"code": 0,
	"msg": "没有查到该订单"
}

本接口用于用户预定成功后的反馈，   注意区别于 /search/:order_num(用于后台管理）
注意参数price为订单价格，rprice为房间单价。

{
	"code": 1,
	"msg": "有该订单数据",
	"data": [
		{
			"oid": 5,
			"user_id": 5,
			"room_id": 4,
			"oname": "程栋二",
			"oidentity": "320301198002037368",
			"ophone": "13978795352",
			"order_num": "20210000511104T",
			"checkin": "2021-01-01T04:00:00.000Z",
			"checkout": "2021-01-02T04:00:00.000Z",
			"breakfast": 0,
			"price": 999,
			"remark": "无",
			"rid": 4,
			"hotel_id": 1,
			"hotelname": "北京王府井香格里拉酒店",
			"rpic": "room04.jpg",
			"rdetail": "入住客房1晚|国贸79西餐厅双人早餐|任选其一：酒廊双人晚餐 或 红馆中餐厅双人晚餐 或 单人水疗身体裹敷一次 （每晚）|水疗CNY 200代金券一张 （入住享受一次）|2张鸡尾酒券可在云·酷酒吧享用（入住享受一次）|入住超豪华套房可享受入住期间停车礼遇（限一辆）",
			"rspec": "免费上网|24小时热水|会员积分|健身房",
			"type": "特大床花园套房",
			"rprice": 2790.74,
			"empty": 50
		}
	]
}