博客管理后台 blog-react-admin 项目文档说明

效果图

前言

此 blog-react-admin 项目是基于 蚂蚁金服开源的 ant design pro 之上，用 react 全家桶 + Ant Design 的进行再次开发的，项目已经开源，项目地址在 github 上。

效果预览 https://preview.pro.ant.design/user/login

1. 后台管理

1.1 已经实现功能

√登录

√文章管理（支持 MarkDown 语法）

√标签管理

√留言管理

√用户管理

√友情链接管理

√时间轴管理

1.2 待实现功能

x点赞、留言和评论 的通知管理

x评论管理

x个人中心（用来设置博主的各种信息）

x工作台（ 接入百度统计接口，查看网站浏览量和用户访问等数据 ）

2. 主要项目结构

- pages
  - Account 博主个人中心
  - article 文章管理
  - Category 分类
  - Dashboard 工作台
  - Exection 403 404 500 等页面
  - Link 链接管理
  - Message 留言管理
  - OtherUser 用户管理
  - Tag 标签管理
  - TimeAsix 时间轴
  - User 登录注册管理

文章管理、用户管理、留言等 具体业务需求，都是些常用的逻辑可以实现的，也很简单，这里就不展开讲了。

3. 使用

使用详情请查看 Ant Design Pro ，因为本项目也是在这个基础之上，按这个规范来构建的。

4. 缺点

开发时，程序出错后，修改正确后，webpack 有时不会及时查觉到内容已经更改，从而不能及时编译，要重新运行命令打包。

5. 项目地址

开源不易，如果觉得该项目不错或者对你有所帮助，欢迎到 github 上给个 star，谢谢。

项目地址：

前台展示: https://github.com/biaochenxuying/blog-react 管理后台：https://github.com/biaochenxuying/blog-react-admin 后端：https://github.com/biaochenxuying/blog-node blog：https://github.com/biaochenxuying/blog

本博客系统的系列文章：

• 1. react + node + express + ant + mongodb 的简洁兼时尚的博客网站
• 2. react + Ant Design + 支持 markdown 的 blog-react 项目文档说明
• 3. [基于 node + express + mongodb 的 blog-node 项目文档说明] 敬请期待…

6. Build Setup ( 构建安装 )

¨K14Knpm install¨K15Knpm start¨K16Knpm run build

如果要看完整的效果，是要和后台项目 blog-node 一起运行才行的，不然接口请求会失败。