前言
此 blog-react-admin 项目是基于 之上,用 react 全家桶 + Ant Design 的进行再次开发的,项目已经开源,项目地址在 github 上。
效果预览
1. 后台管理
1.1 已经实现功能
- [x] 登录
- [x] 文章管理(支持 MarkDown 语法)
- [x] 标签管理
- [x] 留言管理
- [x] 用户管理
- [x] 友情链接管理
- [x] 时间轴管理
1.2 待实现功能
- [ ] 点赞、留言和评论 的通知管理
- [ ] 评论管理
- [ ] 个人中心(用来设置博主的各种信息)
- [ ] 工作台( 接入百度统计接口,查看网站浏览量和用户访问等数据 )
2. 主要项目结构
- pages - Account 博主个人中心 - article 文章管理 - Category 分类 - Dashboard 工作台 - Exection 403 404 500 等页面 - Link 链接管理 - Message 留言管理 - OtherUser 用户管理 - Tag 标签管理 - TimeAsix 时间轴 - User 登录注册管理
文章管理、用户管理、留言等 具体业务需求,都是些常用的逻辑可以实现的,也很简单,这里就不展开讲了。
3. 使用
使用详情请查看 ,因为本项目也是在这个基础之上,按这个规范来构建的。
4. 缺点
开发时,程序出错后,修改正确后,webpack 有时不会及时查觉到内容已经更改,从而不能及时编译,要重新运行命令打包。
5. 项目地址
开源不易,如果觉得该项目不错或者对你有所帮助,欢迎到 github 上给个 star,谢谢。
项目地址:
本博客系统的系列文章:
6. Build Setup ( 构建安装 )
# install dependenciesnpm install # serve with hot reload at localhost: 3000npm start # build for production with minificationnpm run build
如果要看完整的效果,是要和后台项目 一起运行才行的,不然接口请求会失败。
7. 最后
对 全栈开发 有兴趣的朋友可以扫下方二维码关注我的公众号,我会不定期更新有价值的内容。
微信公众号: BiaoChenXuYing 分享 前端、后端开发等相关的技术文章,热点资源,全栈程序员的成长之路。
关注公众号并回复 福利 便免费送你视频资源,绝对干货。
福利详情请点击: