littlebot
Published on 2025-04-11 / 1 Visits
0

【源码】基于React框架的博客后台管理系统

项目简介

这是一个基于React框架构建的简易博客后台管理系统,适用于业余学习。该系统可用于记录技术文章,具备文章发表、修改、分类管理、个人信息修改、用户留言回复、添加收藏、文章删除以及可视化数据面板统计等功能。借助React、Redux、Ant Design等技术,实现了友好的界面和流畅的操作体验。

项目的主要特性和功能

主要技术栈

React、Redux、Ant Design、Less、Node.js(egg.js框架)、MySQL、Axios。

功能特性

  • 文章管理:可进行文章的发表、修改、添加分类以及删除操作。
  • 用户管理:支持个人信息修改和用户留言回复。
  • 收藏功能:用户能够添加收藏。
  • 数据统计:提供可视化数据面板统计。

安装使用步骤

假设用户已经下载了本项目的源码文件,按以下步骤操作: 1. 复制项目到本地。 2. 安装依赖:运行yarn install命令安装项目所需依赖。 3. 启动项目:运行yarn start命令启动项目。 4. 打包:运行yarn build命令进行项目打包。

项目配置

  • 按需加载配置以及Less支持:通过修改config-overrides.jssetupProxy.js文件来配置按需加载和Less样式支持。
  • 跨域配置:通过setupProxy.js文件设置跨域代理,将前端请求代理到后端服务器。

遗留问题与待学习修改

遗留问题

  • draft.js暂不支持代码高亮。
  • BrowserRouter在生产环境出现404。
  • 用户留言回复后信息回显问题。
  • 文章图片上传功能尚未完成。
  • 增加主题换肤。
  • 全屏模式下按ESC或者F12出现BUG。

待学习修改

  • 使用marked+highlight.js重构代码高亮问题。
  • eslint配置。
  • webpack配置。

下载地址

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