# react-manage

**Repository Path**: ma-sining/react-manage

## Basic Information

- **Project Name**: react-manage
- **Description**: 《react后台系统》项目主要是提供文章编辑、上传等功能。其中包括富文本编辑器调用、路由管理、权限管控、图片上传等主体模块。
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-10-27
- **Last Updated**: 2023-03-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: JavaScript, React, 后台管理

## README

<!--
 * @Author: MSN
 * @Date: 2022-10-27 10:56:18
 * @LastEditTime: 2023-02-09 22:28:52
 * @LastEditors: MSN
 * @Description: 
 * @FilePath: \react-manage\README.md
-->
# 🍇介绍
  《react后台系统》项目主要是提供文章编辑、上传等功能。其中包括富文本编辑器调用、路由管理、权限管控、图片上传等主体模块。

# 🍑技术栈
  基于React18.x、Ant Design4.x的管理系统架构。全局数据状态管理使用redux，ajax 使用库为 axios。webpack构建工具 用于快速搭建中后台页面


# 🍈安装教程

1.  clone下代码后，安装依赖 npm install ，运行服务npm run start启动项目。或者使用yarn install安装依赖，运行服务yarn start启动项目。
2.  接口是视频作者已经部署到云端，可以直接访问的，接口文档我也找不到了。

# 🍊其他

1.  Menu用法与视频中的用法有些改变在 4.20.0 版本后，我们提供了 ```<Menu items={[...]} />``` 的简写方式，有更好的性能和更方便的数据组织方式，开发者不再需要自行拼接 JSX。同时我们废弃了原先的写法，你还是可以在 4.x 继续使用，但会在控制台看到警告，并会在 5.0 后移除。
2.  视频中查看文章列表部分中表格实现使用两种ant内置模块进行实现（table、list）并拆分为了大模块，需要配置路由什么的，我是直接拆为两个组件进行实现。
3.  对webpack配置项有些许改变，关闭了eslint代码检查。
4.  此项目中的接口代理是写在了config文件/webpackDevServer.config文件中的`proxy`配置项中
# 🍌说明
此项目是在课后跟着b站博主学的，发现该视频下架了，因此没有链接。如有侵权，联系删除。
# 🍉演示图
![登入](./src/assets/images/markdown/login.png)
![登入](./src/assets/images/markdown/list.png)
![登入](./src/assets/images/markdown/edit.png)
![登入](./src/assets/images/markdown/userData.png)