# react-antd-master

**Repository Path**: tian_lin_chen/react-antd-master

## Basic Information

- **Project Name**: react-antd-master
- **Description**: react+antd+redux
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-04-11
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## React-Antd-Admin

### 简介
React-Antd-Admin，一个 JavaScript 应用，项目由业界最优秀的 React 应用开发工具 create-react-app 初始化创建， 搭配 Antd 开箱即用的高质量 React 组件，非常适合后台产品。

React-Antd-Admin 同时也是个很好的前端脚手架学习示例，如果你在学习 React 或即将学习 React，它应该可以做为教程给你一些帮助。如果你准备使用 React 全家桶开发应用，它能够快速给你提供项目脚手架，为你节省前期部分工作。 让我们一起享受整个 React 生态圈和工具链带来的愉悦开发体验。

在开始之前，推荐先学习 React、 ES2015、ES6、Node.js、Webpack 等知识，并正确安装和配置了 Node.js 环境。

### 技术栈
* [Create React App](https://facebook.github.io/create-react-app/docs/getting-started)
* [Antd-Design](https://ant.design/index-cn)
* [React](https://reactjs.org)
* [React-Router](https://reacttraining.com/react-router/)
* [React-Redux](https://react-redux.js.org)
* [Webpack](https://www.webpackjs.com)
* [ECMAScript 6](http://es6.ruanyifeng.com)
* [Babel](https://babeljs.io)

### 项目预览
还是先睹为快吧，建议 Chrome浏览器预览！[Live-Demo](https://c-jun.coding.me/static-web/react-antd-admin/)

### 功能
该项目基本搭建了一个企业级管理系统骨架，提供通用组件及页面扩展，不涉及业务逻辑开发。具体功能如下：
* 基本登录、登出
* 路由及菜单权限管理
* 支持多页签、面包屑导航
* 系统设置
* antd官方组件及第三方组件···
* ···
### 项目结构

```javascript
├── src                     项目主文件目录
│   ├── assets              样式图片及SVG文件
│   │   └── ...
│   ├── axios               axios请求
│   │   └── ...
│   ├── components          组件
│   │   ├── xxx.js
│   │   └── ...
│   ├── redux               redux目录
│   │   ├── actions
│   │   │   └── xxx.js
│   │   ├── constants
│   │   │   └── xxx.js
│   │   ├── reducers
│   │   │   └── xxx.js
│   │   └── store.js
│   ├── router              路由配置
│   │   ├── xxx.js
│   │   └── ...
│   ├── utils               工具
│   │   └── xxx.js
│   └── views               页面目录
│       ├── layout
│       │   │── xxx.js
│       │   └── ...
│       └── xx
│           │── xxx.js
│           └── ...
└── package.json
```

### 开始

克隆源碼
```
git clone https://github.com/chenjun1127/react-antd-admin.git
```
安裝依賴
```
cd react-antd-admin
npm i or yarn
```
调试
```
npm start
```
发布应用
```
npm run build
```
### [Github源码](https://github.com/chenjun1127/react-antd-admin)

### 致谢
* [Create React App](https://facebook.github.io/create-react-app/docs/getting-started)
* [Antd-Design](https://ant.design/index-cn)
* [React](https://reactjs.org)

:heart: :heart:欢迎 star 支持:kissing_heart: :kissing_heart: