# TopskyHotelManagementSystem-Vue3

**Repository Path**: java-and-net/topsky-hotel-management-system-vue3

## Basic Information

- **Project Name**: TopskyHotelManagementSystem-Vue3
- **Description**: 基于Vue3开发的针对中小型酒店设计的管理系统，参与者请查看README.md。
- **Primary Language**: HTML/CSS
- **License**: MIT
- **Default Branch**: Main
- **Homepage**: https://tshotel.oscode.top/
- **GVP Project**: No

## Statistics

- **Stars**: 14
- **Forks**: 7
- **Created**: 2024-11-28
- **Last Updated**: 2026-04-18

## Categories & Tags

**Categories**: erp

**Tags**: Vue, Ant-Design, Frontend, ERP

## README

<h1 align="center"><img src="https://foruda.gitee.com/avatar/1677165732744604624/7158691_java-and-net_1677165732.png!avatar100" alt="Organization Logo.png" /></h1>
<h1 align="center">TopskyHotelManagerSystem-Vue3</h1>
<p align="center">
	<a href='https://gitee.com/java-and-net/topsky-hotel-manager-system-vue3/stargazers'><img src='https://gitee.com/java-and-net/topsky-hotel-manager-system-vue3/badge/star.svg?theme=white' alt='star'></img></a>
        <a href='https://gitee.com/java-and-net/topsky-hotel-manager-system-vue3/members'><img src='https://gitee.com/java-and-net/topsky-hotel-manager-system-vue3/badge/fork.svg?theme=white' alt='fork'></img></a>
        <a href='https://img.shields.io/badge/license-MIT-000000.svg'><img src="https://img.shields.io/badge/license-MIT-000000.svg" alt=""></img></a>
        <a href='https://img.shields.io/badge/language-C#-red.svg'><img src="https://img.shields.io/badge/language-CSharp-red.svg" alt=""></img></a>
</p>
<div align="center">
	<p>中文文档 | <a href="./README.en.md">English Document</a></p>
</div>

# :pray: 引用的开源项目：

1. ##### Vue——Your friendly JavaScript framework。[Vuejs,MIT开源协议](https://github.com/vuejs/)

2. ##### Vite——Next generation frontend tooling. It's fast! [Vitejs,MIT开源协议](https://github.com/vitejs/vite)

3. ##### Vue-Route——🚦 The official router for Vue.js [Vue-Route,MIT开源协议](https://github.com/vuejs/router)

4. ##### Ant Design for Vue——🌈 An enterprise-class UI components based on Ant Design and Vue. 🐜 [Ant Design of Vue,MIT开源协议](https://github.com/vueComponent/ant-design-vue)

5. ##### axios——Promise based HTTP client for the browser and node.js [axios,MIT开源协议](https://github.com/axios/axios)

6. ##### echarts——Apache ECharts is a powerful, interactive charting and data visualization library for browser.[echarts,Apache2.0开源协议](https://github.com/apache/echarts)

# :exclamation: 本项目说明：

1、在对本项目进行二次开发时，请遵循 MIT 开源协议。所有引用的其他开源项目均采用其各自的开源协议。使用这些开源项目时，请务必在项目介绍中添加相应的声明，并按照各自的开源协议进行开源等操作。

2、有bug欢迎提出issue！或进行评论

3、本系统UI框架主要基于Ant Design for Vue进行创建，在此特别声明！

4、本项目只包含TS酒店管理系统的管理员后台部分，工作人员前台部分请移步至[TSHotelManagementSystem,MIT开源协议](https://gitee.com/java-and-net/TopskyHotelManagerSystem)

# :thought_balloon: 开发目的：

在现如今发展迅速的酒店行业，随着酒店的日常工作增加，已经很难用人工去进行处理，一些繁琐的数据也可能会因为人工的失误而造成酒店的一些损失，因此很需要一款可以协助酒店进行内部管理的管理软件。

# :mag_right: 系统开发环境：

操作系统：Windows 11(x64)

开发工具：Microsoft Visual Studio Code

开发语言：HTML语言、CSS语言、JavaScript语言

开发框架：Vue 3

# :open_file_folder: 系统结构：

```tree
topsky-hotel-manager-system-vue3
├─ .gitee
├─ .vscode
├─ public
├─ src
├─ .env
├─ .env.development
├─ .env.production
├─ .gitignore
├─ LICENSE
├─ README.en.md
├─ README.md
├─ index.html
├─ package-lock.json
├─ package.json
└─ vite.config.js
```

# :books: 系统功能模块汇总：

| 功能汇总     |              |            |              |                |              |          |                  |
| ------------ | ------------ | ---------- | ------------ | -------------- | ------------ | -------- | ---------------- |
| 主页         | 仪表盘       |            |              |                |              |          |                  |
| 基础信息管理 | 职位管理     | 民族管理   | 学历管理     | 部门管理       | 公告类型管理 | 证件管理 | 宣传联动内容管理 |
| 财务信息     | 内部资产管理 |            |              |                |              |          |                  |
| 水电信息管理 | 水电信息     |            |              |                |              |          |                  |
| 监管统计管理 | 监管情况     |            |              |                |              |          |                  |
| 客房信息管理 | 预约管理     | 房态图一览 | 房间管理     | 客房配置       |              |          |                  |
| 客户管理     | 会员等级规则 | 客户管理   | 客户消费记录 | 客户类型管理   |              |          |                  |
| 酒店人事管理 | 员工管理     |            |              |                |              |          |                  |
| 酒店物资管理 | 商品管理     |            |              |                |              |          |                  |
| 操作行为管理 | 操作日志     | 请求日志   |              |                |              |          |                  |
| 系统管理     | 管理员管理   | 菜单管理   | 角色管理     | 管理员类型管理 |              |          |                  |

# :family: 项目作者：

**易开元(Easy Open Meta)**

# :computer: 项目运行部署：

**1、下载并安装nodejs。**

**2、下载并安装Microsoft Visual Studio Code，并通过下载Zip包解压，在VS Code的【文件】——>【打开文件夹】，在弹出的对话框里选择刚刚Zip包解压后的文件夹，点击【打开】按钮即可。**

# 项目效果图：

![主页](Review-Images/home.png)

![员工列表页](Review-Images/staff-list-page.png)

![员工详情页](Review-Images/staff-detail-page.png)

![员工详情页(英文版)](Review-Images/staff-detail-page-english-verison.png)

![登录页](Review-Images/login.png)

![员工打卡记录页](Review-Images/staff-check-page.png)

![权限插图](Review-Images/account-role-permission.png)

[![java-and-net/topsky-hotel-management-system-vue3](https://gitee.com/java-and-net/topsky-hotel-management-system-vue3/widgets/widget_card.svg?colors=4183c4,ffffff,ffffff,e3e9ed,666666,9b9b9b)](https://gitee.com/java-and-net/topsky-hotel-management-system-vue3)