Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/harhao/react-admin-system

基于React开发后台管理系统模板(Ant Design)
https://github.com/harhao/react-admin-system

ant-design chart css-animations react react-redux react-router4 redux

Last synced: about 1 month ago
JSON representation

基于React开发后台管理系统模板(Ant Design)

Awesome Lists containing this project

README

        

## React-Admin-System后台管理系统
[![Build Status](https://travis-ci.com/Harhao/react-admin-system.svg?branch=master)](https://travis-ci.com/Harhao/react-admin-system)
[![](https://img.shields.io/badge/License-MIT-brightgreen)](https://img.shields.io/badge/License-MIT-brightgreenm)
[![](https://img.shields.io/badge/version-v1.0.0-brightgreen)](https://img.shields.io/badge/version-1.0.0-brightgreen)
#### 一、开发环境
```
操作系统:Window 10
React版本:v16.8.6
Node版本:v10.15.0
AntDesign:v3.19.2
react-redux: v7.0.3
react-router-dom: v5.0.0
bizcharts: v3.5.3
```
#### 二、现阶段运行效果
- 登录

![login](https://github.com/Harhao/react-admin-system/blob/master/screenShot/login.png)

- 图表展示

![dataChart](https://github.com/Harhao/react-admin-system/blob/master/screenShot/dataCount.png)
- message展示

![message](https://github.com/Harhao/react-admin-system/blob/master/screenShot/message.png)
- progress

![progress](https://github.com/Harhao/react-admin-system/blob/master/screenShot/progress.png)
- spin

![spin](https://github.com/Harhao/react-admin-system/blob/master/screenShot/spin.png)
#### 三、安装依赖并运行程序

1.进入项目根目录,安装依赖:尽量使用cnpm安装项目依赖,npm安装比较慢,而且容易出现安装失败情况

```bash
cnpm install
```

2.运行以下命令启动程序

```bash
npm start
```

## License
[MIT](http://opensource.org/licenses/MIT)