【源码】基于React技术栈的新闻管理系统

项目简介

本项目是一个基于React、React Router6、Redux、Redux-persist、Antd5、Axios等技术的新闻管理系统。该系统可动态生成侧边栏，会依据不同角色展示对应的新闻管理内容，涵盖首页、用户管理、权限管理、新闻管理、审核管理、发布管理及查看新闻页面。

项目的主要特性和功能

1. UI组件库：借助React和Antd5搭建页面，提供丰富UI组件，提升用户体验。
2. 数据持久化：运用Redux和Redux-persist实现数据持久化，避免页面刷新导致数据丢失，确保用户登录状态持续。
3. 请求封装：对Axios进行封装，便于处理数据请求，设置axios拦截器统一处理请求失败情况。
4. 富文本编辑：采用draft-js实现富文本编辑，利用html-to-draftjs进行文本解析与呈现。
5. 数据可视化：基于Echarts实现数据可视化展示，直观呈现数据。
6. 权限管理：实现用户角色管理，包含超级管理员、区域管理员、新闻管理员等不同角色，各角色权限不同。
7. 新闻管理：具备新闻撰写、审核、发布、查看等功能，有新闻列表、新闻编辑、发布管理等页面。

安装使用步骤

1. 复制本项目源码。
2. 在项目src目录下运行npm start启动项目。
3. 在项目db目录下运行json-server .\db.json --watch --port 5000启动json-server服务。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】