项目简介
这是一个基于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.js
和setupProxy.js
文件来配置按需加载和Less样式支持。 - 跨域配置:通过
setupProxy.js
文件设置跨域代理,将前端请求代理到后端服务器。
遗留问题与待学习修改
遗留问题
- draft.js暂不支持代码高亮。
- BrowserRouter在生产环境出现404。
- 用户留言回复后信息回显问题。
- 文章图片上传功能尚未完成。
- 增加主题换肤。
- 全屏模式下按ESC或者F12出现BUG。
待学习修改
- 使用marked+highlight.js重构代码高亮问题。
- eslint配置。
- webpack配置。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】