react + Ant Design 的 blog-react-admin 项目的项目文档说明

发布时间:2019-08-05 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了react + Ant Design 的 blog-react-admin 项目的项目文档说明脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

效果图

前言

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

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

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. 使用

使用详情请查看 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

本博客系统的系列文章:

6. Build SETUP ( 构建安装 )

@H_393_126@# install dePEndencies npm install # serve with hot reload at localhost: 3000 npm start # build for PRoduction with minification npm run build

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

7. 最后

全栈开发 有兴趣的朋友可以扫下方二维码关注我的公众号,我会不定期更新有价值的内容。

微信公众号:BiaoChenXuYing
分享 前端、后端开发等相关的技文章,热点资源,全栈程序员的成长之路。

关注公众号并回复 福利 便免费送你视频资源,绝对干货。

福利详情请点击: 免费资源分享--Python、Java、Linux、Go、node、vue、react、javaScript

BiaoChenXuYing

脚本宝典总结

以上是脚本宝典为你收集整理的react + Ant Design 的 blog-react-admin 项目的项目文档说明全部内容,希望文章能够帮你解决react + Ant Design 的 blog-react-admin 项目的项目文档说明所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。