此 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 项目文档说明] 敬请期待…
¨K14K npm install ¨K15K npm start ¨K16K npm run build
如果要看完整的效果,是要和后台项目 blog-node 一起运行才行的,不然接口请求会失败。