React搭建一个文章后台管理系统

作者：小丑西瓜9 | 2024-04-15 12:15:34

踩

React搭建一个文章后台管理系统

1、项目准备

本篇文章讲解的是一个简单的文章后台管理系统，系统的功能很简单，如下：登录、退出；首页；内容(文章)管理：文章列表、发布文章、修改文章。

1）React官方脚手架：create-react-app

2）react-hooks

3）状态管理：mobx

4）UI组件库：antd v5

5）ajax请求库：axios

6) 路由：react-router-dom 以及 history

7) 富文本编辑器：react-quill

8) CSS预编译器：sass

2、项目搭建

本系统是基于react官方脚手架搭建，具体的详细搭建，React脚手架的搭建与使用-CSDN博客

3、scss预处理的使用

SASS是一种预编译的CSS，作用类似于Less。由于React中内置了处理SASS的配置，所有在CRA创建的项目中可以直接使用SASS来写样式，实现如下：

安装解析sass的第三方包：

npm install sass

创建全局样式文件并引入：

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小丑西瓜9/article/detail/427828