酒店管理|基于Springboot+Vue前后端分离实现酒店管理系统（一）

项目编号：BS-XX-166        

一，项目简介

随着我国经济发展水平的迅速提高，酒店行业作为服务行业出的重要组成部分，已经越来越显示出其强劲的发展势头。纵观国内外酒店业信息化发展轨迹和趋势，我们不难看出，随着洒店业竞争的加剧，酒店之间客源的争夺越来越激烈，客房销售的利润空间越来越小，酒店需要使用更有效的信息化手段，拓展经营空间，降低运营成本，提高管理和决策效率。而经济型酒店通过信息化管理提高收益的需求更加突出。尤其是在疫情的影响下，酒店之间的竞争更加激烈，而线上预定能够使中小型酒店在同类型酒店更具竞争。

本系统分为前台、后台两部分。前台用户需要通过手机短信验证，进行注册后，再通过手机号、密码进行登录。未登录时，可以看到展示的酒店信息，包括酒店环境、客房展示图；登陆前台后，用户可以进行客房预定，预定后进行订单支付、订单查询，还可以点击右上角查看用户中心，在用户中心，用户可以修改头像、密码等信息。后台用户分为两种角色：酒店员工与酒店管理员。员工可以进行房间信息的管理，例如添加新的房间、修改房间状态、房间信息批量导入等，也可以进行房客登记、退房、查看订单等操作。前台系统功能图如图3-1所示吗，后台系统功能图如图3-2所示。

图3-1  前台系统功能图

图3-2  后台系统功能图

二，环境介绍

语言环境：Java:  jdk1.8

数据库：Mysql: mysql5.7

应用服务器：Tomcat:  tomcat8.5.31

开发工具：IDEA或eclipse

后台开发技术：Mybatis-plus持久层框架处理数据+SpringBoot整合依赖；

前端页面开发技术：Vue+ElementUI

三，系统展示

5.1 前台用户登录注册模块

5.1.1 注册

用户在浏览器进入注册界面，按照提示输入用户名、密码、手机号后，发起短信验证。这个过程，前台会判断输入是否为空、以及两次密码输入是否一致。用户接收到短信验证码后，输入验证码，点击注册，向后台注册接口/register发起请求。后台接收到数据后，进行验证码验证，通过验证后再查询手机号是否已经注册。如果都通过，则注册成功，页面跳转至登陆界面。界面实现效果如图5-1所示。

图5-1  注册界面

5.1.2 登录

用户在注册完毕后，进入酒店登陆界面。输入自己的注册所用的手机号、密码，以及程序生成的验证码，点击登录按钮。前端先验证验证码是否正确，确定正确之后，向后台接口地址/lo/login发起ajax请求，后台验证手机号是否存在，手机号对应密码是否正确。手机号、密码验证正确后，登陆成功，反之失败。

界面实现效果如图5-2所示。

图5-2  登录界面

5.2 用户中心模块

5.2.1 查看用户信息

用户进行登录后，点击右上角用户名出现的下拉框内中户中心选项，进入用户中心界面。在这个界面，用户可以查看到用户名、性别、头像等信息。界面实现效果如图5-3所示。

图5-3  查看用户信息界面

5.2.2 修改用户信息

在用户中心界面，用户可以对自己的用户名、性别、头像等信息进行修改。点击资料框中的头像，弹出文件选择框，选择图片文件，上传到阿里云oss文件存储服务器，返回一个图片地址。点击更改资料后，前端向后端发起请求前判断用户名是否为空，非空就继续发起请求。后端将数据库数据更改后，返回成功码，前端接受修改成功信息，弹出提示框，刷新页面。界面实现效果如图5-4所示。

图5-4  修改用户信息界面

5.3 客房预定模块

5.3.1 预定客房

用户查看客房类型详细信息时，可在此页面填写入住日期、退房日期、姓名、预留手机号等预定信息。点击预定，前端对信息进行非空判定，如果为空则无法向后端发起请求。通过判定后，向/createOrder接口发起请求，生成预定订单。

界面实现效果如图5-5所示。

图5-5  预定客房界面

5.3.2 支付订单

用户在点击预定后，进入订单核对页面，核对后点击支付订单，进行支付宝沙箱支付。扫码或登录支付宝沙箱账号支付成功后，发起异步通知，修改数据库订单状态，页面跳至成功支付界面。界面实现效果如图5-6所示。

图5-6  预定客房界面

5.4 订单管理模块

5.4.1 订单查询

进入订单列表，页面查询所有订单，分页展示。后台用户可以在搜索条件框中输入想要查询的条件，店家查询按钮进行条件分页查询。后端收到查询请求，对数据库查询数据，得到数据后，返回给前端，前端进行数据展示。界面实现效果如图5-7所示。

图5-7  订单查询界面

5.4.2 订单管理

在订单列表，后台用户点击不同的操作按钮，可以对订单进行不同的操作。对于已经支付完成的订单，点击退款操作按钮，输入小于房费的金额，发起退款请求，退款成功后，修改订单状态为已退款。对于待支付的订单，点击关闭操作按钮，将订单状态改为已取消。对于任意订单记录点击删除，可以将选中记录逻辑删除。点击修改按钮，可以修改订单中的房费信息。退款界面实现效果如图5-8所示；关闭界面实现效果如图5-9所示；

图5-8  订单退款界面

图5-9  订单关闭界面

5.5 入住管理模块

5.5.1 查询入住信息

后台用户点击入住信息，分页查看入住信息列表。在此页面的条件搜索框中输入条件信息，点击查询按钮，进行条件分页查询。界面实现效果如图5-10所示。

图5-10  查询入住信息界面

5.5.2 添加入住信息

后台用户点击新增用户，跳转至入住信息新增界面。用户在此输入房客登记的信息，点击保存，即可将此条入住信息传至后端，由后端程序将数据插入数据库保存。界面实现效果如图5-11所示。

酒店管理|基于Springboot+Vue前后端分离实现酒店管理系统（二）https://developer.aliyun.com/article/1423378