%20(2).svg)
项目简介
本项目是基于React框架的文章管理系统，是一个功能完善的内容管理平台。使用了React、React Hooks、Mobx、Ant Design v4、axios、react-router-dom等技术和库进行开发，具备良好的扩展性和性能优化，支持用户登录、文章管理、富文本编辑、图片上传等功能。
项目的主要特性和功能
- 用户登录与权限管理：支持登录、退出，通过权限管理确保特定页面仅授权用户可访问。
- 文章管理：支持文章发布、修改、删除和查看，有文章列表和详情页面。
- 富文本编辑器：利用
react-quill库实现富文本编辑与预览功能。 - 图片上传与预览：使用
antd的Upload组件实现文章封面图片上传与预览。 - 路由懒加载：通过React的
Suspense和React.lazy实现，优化应用加载性能。 - CDN加速：配置
craco和webpack，实现第三方库CDN加速，提升加载速度。 - 图表展示：用
echarts库封装柱状图组件，可在首页展示数据图表。
安装使用步骤
假设用户已经下载了本项目的源码文件。
1. 安装依赖：在项目根目录下打开终端，执行以下命令安装项目依赖：
bash
yarn install
2. 启动开发服务器：执行以下命令启动开发服务器：
bash
yarn start
3. 打包项目：执行以下命令对项目进行打包：
bash
yarn build
4. 本地预览：全局安装serve包，并在项目根目录下执行以下命令启动本地服务器：
bash
serve -s ./build
然后在浏览器中访问http://localhost:3000/预览项目。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】