# react-manage-project

**Repository Path**: haijun885/react-manage-project

## Basic Information

- **Project Name**: react-manage-project
- **Description**: 基于React+React-router+Redux+Hooks+antd 搭建的后台管理系统，用于商品的上架下架，和设置角色权限，商品详情修改，更新，用户设置，图表展示等模块。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-09-27
- **Last Updated**: 2021-09-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# React项目实战(用的是Hooks与函数式组件做的，好处：整个项目没有this) 后台管理系统

##  项目描述：

1. 此项目为一个前后台分离的后台管理的 SPA,应用。包括前端 PC 应用和后端应用
2. 整个项目是包括：用户登录 / 用户管理 / 商品分类管理 / 商品管理 / 权限管理 / 图表模块 等功能模块
3. 前端: 使用 React 全家桶(react, react-router, hokks ,路由传参,高阶组件等等)\+ Antd + Axios + ES6 + Webpack+redux+redux-thunk+styled-components++echarts
4. 后端: 使用 Node + Express + Mongodb 等技术
5. 采用模块化、组件化、工程化的模式开发

## 效果展示：

登录界面：

![登录界面](https://images.gitee.com/uploads/images/2021/0927/220324_c5dca95c_5672479.png "屏幕截图.png")

分类管理：

![分类管理](https://images.gitee.com/uploads/images/2021/0927/215800_e722a475_5672479.png "屏幕截图.png")

商品管理：

![商品管理](https://images.gitee.com/uploads/images/2021/0927/215838_376df3ab_5672479.png "屏幕截图.png")

商品详情管理：

![商品详情管理](https://images.gitee.com/uploads/images/2021/0927/215915_de815605_5672479.png "屏幕截图.png")

用户管理：

![用户管理](https://images.gitee.com/uploads/images/2021/0927/215941_0d145057_5672479.png "屏幕截图.png")

角色管理：

![角色管理](https://images.gitee.com/uploads/images/2021/0927/220003_d1df1b5c_5672479.png "屏幕截图.png")



图表展示：

![输入图片说明](https://images.gitee.com/uploads/images/2021/0927/220030_1c07c26a_5672479.png "屏幕截图.png")

![输入图片说明](https://images.gitee.com/uploads/images/2021/0927/220045_2a54bbe1_5672479.png "屏幕截图.png")

## 主要依赖：

- react
- react-router
- react-router-config
- redux
- react-redux
- antd
- echarts
- styled-components
- react-draft-wysiwyg
- 其他省略....

## 最后说明：

这个项目是用hook和函数式组件写的，目前还没有用hooks搭配TS,后续会用Hooks+TS重写项目。希望大家多提提建议！！！