# Hotel management System - Front desk system

**Repository Path**: KaiKStore/my-store

## Basic Information

- **Project Name**: Hotel management System - Front desk system
- **Description**: 酒店管理系统——前台系统
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-12-11
- **Last Updated**: 2024-06-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue

## README

# 酒店管理系统——前台系统

#### 介绍
**《基于 Vue.js  框架的酒店管理系统》**是我的毕业设计。之所以选择这个选题是因为在当前时代发展下，数字技术与实体经济相结合是可以有效的为产业带来生产效率的提升以及新的生产模式的。并且，我国也在“十四五”规划与2035年远景目标中明确提出，加快产业数字化转型的发展。所以，在这样的大趋势之下，才驱使了我来做这样的一件事，进行了这一项研究。
初步是为了通过 web  技术，将顾客与企业线上线下业务进行打通。
前端通过使用 Vue.js  框架与 vue-router、vuex、element-ui  等插件，实现了一个 ToC  的前台系统，与一个 ToB  的后台系统。

服务器通过使用 Node.js，Express  框架与 mysql  插件，完成对数据库、端口监听、跨域处理、监听请求、响应请求等。

该项目属于（前台系统、后台系统、服务器）草原三侠中的**前台系统**。



#### 软件架构
- api：存放Axios的二次封装库request，以及对该前台系统所发送的api接口统一管理。
- assets：存放公共资源的，不参与打包的资源。
- components：存放组件，如日历组件、商品列表组件、订单详情组件等待。
- mock：开发过程中使用的假接口数据文件。
- pages：存放页面，如Detail页、GoodsList页、Login页等等。
- routers：存放前端路由配置。
- stores：存放vuex的配置。
- App.vue：页面的根组件，也是整个页面的加载核心。



#### 环境准备
1. 在node中安装vue。



#### 项目运行

在项目目录下启动终端，运行：

```
npm run serve
```



#### 项目截图

首页

![image-20230717194026062](README使用的图片/image001.png)



注册页

![image-20230717194039058](README使用的图片/image002.png)



登录页

![image-20230717194052858](README使用的图片/image003.png)



酒店页

![image-20230717194111128](README使用的图片/image004.png)



用户页

![image-20230717194136748](README使用的图片/image005.png)