基于vue3.0+express框架+mysql数据库的简易酒店管理系统

基于vue3.0+express框架+mysql数据库的简易酒店管理系统

 

项目介绍：项目使用vue-cli3.0进行构建，实现前后端分离，前端使用vue3.0+elementui，后端使用express框架，使用vue-router进行路由跳转，使用vuex进行数据管理，使用axios请求后端，使用mysql存储数据

 

项目功能：

1.管理员登录与注册

(1)登录：使用给定的工号和密码进行登录，才能获得操作管理系统的权限

(2)注销：点击退出登录按钮进行注销

 

2.入住登记

填写入住登记表，只有所有选项不为空且格式正确才能成功提交入住登记表

 

3.预订管理

(1)电话预订：填写预订登记表，只有所有选项不为空且格式正确才能成功提交预订登记表

(2)预订确认：通过顾客的姓名和手机号码查询预订信息，点击确认预订按钮完成预订确认

(3)预订取消：通过顾客的姓名和手机号码查询预订信息，点击取消预订按钮完成预订取消

 

4.客房管理

(1)客房信息：查看每间客房的相关信息，包括客房编号，客房类型以及客房状态，客房状态包括空闲，已预订以及已入住

(2)客房查询：通过顾客的姓名和手机号码查询顾客所在客房编号

 

5.其他功能尚在开发中

 

项目表单说明：

1.管理员登录表：

(1)工号：格式为5位数字

(2)密码：格式为5位数字

 

2.入住登记表：

(1)姓名：格式为2-4个中文字符

(2)联系电话：格式为11位国内手机号码

(3)客房类型：单人间或多人间

(4)客房编号：格式为(1-5)0(1-5)，其中客房编号末尾为1-3的客房为单人间，4-5的客房为多人间

(5)入住日期：格式为xxxx-xx-xx

 

3.预订登记表：与入住登记表一致

 

附：管理员的工号和密码：

(1)工号：12345 密码：12345

(2)工号：23456 密码：23456

(3)工号：34567 密码：34567

 

项目所使用的技术：

1. 后端使用base64对数据进行加密并返回前端，前端将加密的数据解密后存储到vuex中
2. 后端使用es6异步函数封装请求处理操作(先获取请求的参数，再根据请求参数对数据库进行增删查改

 

项目地址：http://47.102.117.112/

 

数据库相关：

1.E-R图

 

 

 

 

 

 

2.数据字典

manager

id	varchar(5)	not null unique
password	varchar(5)	not null
image	varchar(50)	not null

checkin

name	varchar(5)	not null
telephone	varchar(11)	not null unique
roomType	varchar(5)	not null
roomNumber	varchar(5)	not null unique
date	varchar(15)	not null

booking

name	varchar(5)	not null
telephone	varchar(11)	not null unique
roomType	varchar(5)	not null
roomNumber	varchar(5)	not null unique
date	varchar(15)	not null

room

roomNumber	varchar(5)	not null unique
roomType	varchar(5)	not null
roomStatus	varchar(5)	not null

附：id为工号，password为密码，image为头像路径，name为中文姓名，telephone为国内手机号码，roomType为“单人间”或“多人间”，roomNumber为(1-5)0(1-5)的格式，roomStatus为“空闲”或“已预订”或“已入住”，checkin的date表示入住日期，booking的date表示预订日期

 

提示：由于开发时间较短(兼顾大学学业和前端其他相关技术的学习)，项目中还有其他功能未能开发出来，后期会逐渐完善该项目

 

原文地址：https://www.cnblogs.com/kongweijian/p/10982957.html