# hotelManegement
基于 Vue + Element UI 的酒店管理系统解决方案。前端仓库地址(https://github.com/mynameisly/HotelManagement.git)
> fontend-manage(Vue + Element UI) + backend (springboot) 的版本正在开发中,仓库地址:[hotelManagement](http://120.24.186.190/XXX)
## 前言
酒店管理系统,基于 vue.js,使用 vue-cli3 脚手架,引用 Element UI 组件库,方便开发快速简洁好看的组件。分离颜色样式,支持手动切换主题色,而且很方便使用自定义主题色。
## 功能模块
- [x] 登录/注销
- [x] 员工管理
- [x] 客房信息
- [x] 入住信息
- [x] 退房办理
- [x] 客房服务
- [x] 富文本编辑器
- [x] 财务管理
## 安装步骤
```
git clone https://github.com/mynameisly/HotelManagement.git or download zip // 把模板下载到本地
cd hotelManagement // 进入模板目录
npm install // 安装项目依赖,等待安装完成之后,安装失败可用 cnpm 或 yarn
// 开启服务器,浏览器访问 http://localhost:8080
npm run serve
// 执行构建命令,生成的dist文件夹放在服务器下即可访问
npm run build
```
## 其他注意事项
### 一、如何切换主题色呢?
第一步:打开 src/main.js 文件,找到引入 element 样式的地方,换成浅绿色主题。
```javascript
import 'element-ui/lib/theme-default/index.css'; // 默认主题
// import './assets/css/theme-green/index.css'; // 浅绿色主题
```
第二步:打开 src/App.vue 文件,找到 style 标签引入样式的地方,切换成浅绿色主题。
```javascript
@import "./assets/css/main.css";
@import "./assets/css/color-dark.css"; /*深色主题*/
/*@import "./assets/css/theme-green/color-green.css"; !*浅绿色主题*!*/
```
第三步:打开 src/components/common/Sidebar.vue 文件,找到 el-menu 标签,把 background-color/text-color/active-text-color 属性去掉即可。
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【项目资源】: 包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。 包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python、web、C#、EDA、proteus、RTOS等项目的源码。 【项目质量】: 所有源码都经过严格测试,可以直接运行。 功能在确认正常工作后才上传。 【适用人群】: 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】: 项目具有较高的学习借鉴价值,也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。 【沟通交流】: 有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 鼓励下载和使用,并欢迎大家互相学习,共同进步。
资源推荐
资源详情
资源评论
收起资源包目录
课程设计:宾馆管理系统。 前端采用 Vue + ElementUI 设计,后端采用 SpringBoot,数据库使用.zip (140个子文件)
.browserslistrc 33B
mvnw.cmd 6KB
index.css 228KB
main.css 2KB
color-green.css 673B
color-dark.css 421B
icon.css 100B
.editorconfig 185B
.gitignore 2KB
.gitignore 333B
.gitignore 238B
index.html 764B
maven-wrapper.jar 50KB
OrderController.java 6KB
MavenWrapperDownloader.java 5KB
AdminController.java 4KB
RoomController.java 2KB
RoomTypeController.java 2KB
Order.java 2KB
OrderMapper.java 2KB
GuestController.java 2KB
Room.java 1KB
Response.java 974B
ResponseData.java 899B
RoomType.java 867B
Guest.java 803B
BedTypeController.java 772B
AdminMapper.java 767B
RoomMapper.java 765B
RoomTypeMapper.java 676B
NewCheckinDTO.java 672B
GuestMapper.java 651B
AdminRole.java 580B
ExceptionMsg.java 405B
SimplifyOrder.java 376B
BedType.java 368B
HotelSystemApplication.java 333B
RoomSearchFormDTO.java 330B
BedTypeMapper.java 326B
NewRoomDTO.java 317B
RoomTypeSearchFormDTO.java 277B
Admin.java 263B
MonthTurnover.java 230B
HotelSystemApplicationTests.java 224B
OrderSearchFormDTO.java 181B
AdminSearchFormDTO.java 154B
NewCheckoutDTO.java 117B
login.jpg 744KB
login-bg.jpg 69KB
280.jpg 14KB
img.jpg 6KB
directives.js 3KB
index.js 3KB
permission.js 2KB
main.js 2KB
user.js 1KB
request.js 1KB
employee.js 1KB
service.js 1KB
app.js 1KB
roomtype.js 954B
checkin.js 873B
room.js 823B
category.js 699B
position.js 694B
getters.js 637B
formateDate.js 619B
login.js 551B
checkout.js 548B
vue.config.js 471B
menu.js 420B
index.js 368B
dashbord.js 230B
uploadFile.js 214B
finance.js 172B
bedType.js 142B
bus.js 87B
postcss.config.js 59B
babel.config.js 53B
package.json 631B
index.less 66B
LICENSE 1KB
LICENSE 1KB
README.md 2KB
数据库表设计.md 2KB
查询全部客房.md 800B
查看某个详细预订信息.md 686B
查看当天客房预订信息.md 510B
README.md 69B
README.md 34B
mvnw 10KB
logo.png 7KB
.prettierrc 86B
maven-wrapper.properties 218B
schema.sql 2KB
element-icons.ttf 55KB
room.vue 12KB
addCheckin.vue 11KB
index.vue 10KB
index.vue 9KB
共 140 条
- 1
- 2
资源评论
妄北y
- 粉丝: 1w+
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功