# HostelWorld-Front

**Repository Path**: cuiods/HostelWorld-Front

## Basic Information

- **Project Name**: HostelWorld-Front
- **Description**: 基于redux+redux-saga+react-router@2.x的dva框架实现的HostelWorld酒店管理系统前端。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-03-29
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# HostelWorld-Front

[项目后端地址](https://github.com/cuiods/HostelWorld)

## Introduction

基于[redux](https://github.com/reactjs/redux)+[redux-saga](https://github.com/yelouafi/redux-saga)+[react-router@2.x](https://github.com/ReactTraining/react-router/tree/v2.8.1)+[react](https://github.com/facebook/react)+[antd](https://ant.design/index-cn)的[dva](https://github.com/dvajs/dva)框架实现的HostelWorld酒店管理系统前端。<br/>

 * 会员: 酒店预约、我的预约、入住记录、消费记录、会员中心
 * 酒店：实时数据、房间计划、签入签出、酒店管理、预约记录、入住记录
 * 经理：实时统计、开店审批、修改审核、支付结算
 * 注册：会员注册、酒店创建

## Features
 * 控制台风格的管理系统
 * 面包屑导航
 * 主题风格切换
 * ‘recharts’图表显示

## Get Started
 * 确保服务器已经打开，服务器地址在配置文件`service/hostConfig.js`里`const host = "http://localhost:8080/api/v1";`
 * INSTALL `npm install`
 * BUILD: `npm run build`
 * START: `npm run start`

## Preview
![](http://ww1.sinaimg.cn/large/005N9RKSly1fdm88r7tktj31gv0pgdkb)
![](http://ww1.sinaimg.cn/large/005N9RKSly1fdm89g19m8j31h90pe7hb)
![](http://ww1.sinaimg.cn/large/005N9RKSgy1fdm89zvoq7j31h60phac5)
![](http://ww1.sinaimg.cn/large/005N9RKSly1fdmb2jo8xnj31h50pe0tu)
![](http://ww1.sinaimg.cn/large/005N9RKSly1fdmb2ym4bij31hb0pfgn9)
![](http://ww1.sinaimg.cn/large/005N9RKSly1fdmb4zegzlj31ha0pc77j)

## License
[MIT](https://tldrlegal.com/license/mit-license)