hotelManage是一个基于springboot+vue的前后端分离酒店管理系统hotelManage.zip

# hotelManage <p align="center"> hotelManage，一个基于springboot+Vue的前后端分离酒店管理系统 <br> <img src="https://img.shields.io/badge/jdk-1.8+-brightgreen.svg" ></img><img src="https://img.shields.io/badge/springboot-2.3.1-brightgreen.svg" ></img><img src="https://img.shields.io/badge/mybatisplus-3.3.2-brightgreen.svg" ></img><img src="https://img.shields.io/badge/swagger-2.9.2-brightgreen.svg" ></img><img src="https://img.shields.io/badge/vue-2.6.10-brightgreen.svg" ></img><img src="https://img.shields.io/badge/elementui-2.8.2-brightgreen.svg" ></img> </p> ## 1.前言 - **hotelMange** 是由于学校数据库课设而诞生 - 次项目为简单DEMO现已不再更新 ## 2.解释 - **guest** 为后端模块，可直接用idea打开运行 - **vue-manage-system** 为前端模块，可直接用webstorm打开运行 ## 3.开始步骤 - 下载/克隆两个文件夹分别用 idea & webstorm打开 ### 3.1 后端guest模块启动 - **将guest.sql导入 （存在resource目录下的）** - 修改application.yaml中的数据库配置(用户名，密码，端口号)  - 直接运行即可 > **数据库版本请用 5.6.X 版本** > > 后端运行成功后可直接访问swagger文档：http://localhost:80/swagger-ui.html > > 已将前端文件放入后端，也可直接访问登陆页面：http://localhost/#/login ### 2.3 前端vue-manage-system模块启动 - 安装项目依赖 ```bash npm install --registry=https://registry.npm.taobao.org ``` - 开启服务器，浏览器访问 http://localhost:8080 ``` npm run serve ``` ## 4.项目截图 ### 4.1 数据库结构  ### 4.2 登录界面  ### 4.3 预定界面  ### 4.4 客户界面 ###  ## 5. 采用技术 | 技术 | 说明 | 官网 | | :----------: | :---------------------: | :----------------------------------------------------------: | | SpringBoot | MVC框架 | [ https://spring.io/projects/spring-boot](https://spring.io/projects/spring-boot) | | MyBatis-Plus | ORM框架 | https://mp.baomidou.com/ | | Swagger-UI | 接口文档生成工具 | [ https://github.com/swagger-api/swagger-ui](https://github.com/swagger-api/swagger-ui) | | Screw | 数据库文档生成工具 | https://github.com/pingfangushi/screw | | Druid | 数据库连接池 | [ https://github.com/alibaba/druid](https://github.com/alibaba/druid) | | JWT | JWT登录支持 | https://github.com/jwtk/jjwt | | SLF4J | 日志框架 | http://www.slf4j.org/ | | Lombok | 简化对象封装工具 | [ https://github.com/rzwitserloot/lombok](https://github.com/rzwitserloot/lombok) | | Nginx | HTTP和反向代理web服务器 | http://nginx.org/ | | Vue.js | 前端框架 | https://vuejs.org/ | | Vue-router | 路由框架 | https://router.vuejs.org/ | | Vuex | 全局状态管理框架 | https://vuex.vuejs.org/ | | Element | 前端ui框架 | [ https://element.eleme.io](https://element.eleme.io/) | | Axios | 前端HTTP框架 | [ https://github.com/axios/axios](https://github.com/axios/axios) | ## 6.开发工具 | 工具 | 说明 | 官网 | | :------: | :---------------: | :-----------------------------------------: | | IDEA | Java开发IDE | https://www.jetbrains.com/idea/download | | WebStorm | 前端开发IDE | https://www.jetbrains.com/webstorm/ | | X-shell | Linux远程连接工具 | https://xshell.en.softonic.com/ | | X-ftp | Linux文件传输工具 | https://www.netsarang.com/zh/all-downloads/ | | Navicat | 数据库连接工具 | https://www.navicat.com.cn/ | ## 7.致谢 - 实验室小伙伴zhangxueping：https://github.com/zhangxueping21 - vue-manage-system：https://github.com/looniink/vue-manage-system