资讯专栏INFORMATION COLUMN

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

chavesgu / 1553人阅读

摘要:前言此项目是基于蚂蚁金服开源的之上,用全家桶的进行再次开发的,项目已经开源,项目地址在上。项目地址开源不易,如果觉得该项目不错或者对你有所帮助,欢迎到上给个,谢谢。

前言

此 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

本博客系统的系列文章:

react + node + express + ant + mongodb 的简洁兼时尚的博客网站

react + Ant Design + 支持 markdown 的 blog-react 项目文档说明

基于 node + express + mongodb 的 blog-node 项目文档说明

服务器小白的我,是如何将node+mongodb项目部署在服务器上并进行性能优化的

6. Build Setup ( 构建安装 )
# 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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/99316.html

相关文章

  • react + node + express + ant + mongodb 简洁兼时尚博客网站

    摘要:前言此项目是用于构建博客网站的,由三部分组成,包含前台展示管理后台和后端。体验地址网站主页网站首页管理后台计划这次是一个完整的全栈式开发,只要部署了这三个项目的代码,是完全可以搭建好博客网站的。 showImg(https://segmentfault.com/img/remote/1460000017095592); 前言 此项目是用于构建博客网站的,由三部分组成,包含前台展示、管理...

    fish 评论0 收藏0
  • 服务器小白我,是如何成功将 node+mongodb 项目部署在服务器上并进行性能优化

    摘要:前言本文讲解的是做为前端开发人员,对服务器的了解还是小白的我,是如何一步步将项目部署在阿里云的服务器上,并进行性能优化,达到页面秒内看到,秒内看到首屏内容的。搭建的项目是采用了主流的前后端分离思想的,这里只讲服务器环境搭建与性能优化。 showImg(https://segmentfault.com/img/remote/1460000017143281); 前言 本文讲解的是:做为前...

    zsy888 评论0 收藏0
  • TypeScript 、React、 Redux和Ant-Design最佳实践

    摘要:使用官方的的另外一种版本和一起使用自动配置了一个项目支持。需要的依赖都在文件中。带静态类型检验,现在的第三方包基本上源码都是,方便查看调试。大型项目首选和结合,代码调试维护起来极其方便。 showImg(https://segmentfault.com/img/bVbrTKz?w=1400&h=930); 阿特伍德定律,指的是any application that can be wr...

    wangbinke 评论0 收藏0
  • TypeScript 、React、 Redux和Ant-Design最佳实践

    摘要:使用官方的的另外一种版本和一起使用自动配置了一个项目支持。需要的依赖都在文件中。带静态类型检验,现在的第三方包基本上源码都是,方便查看调试。大型项目首选和结合,代码调试维护起来极其方便。 showImg(https://segmentfault.com/img/bVbrTKz?w=1400&h=930); 阿特伍德定律,指的是any application that can be wr...

    UnixAgain 评论0 收藏0
  • TypeScript 、React、 Redux和Ant-Design最佳实践

    摘要:使用官方的的另外一种版本和一起使用自动配置了一个项目支持。需要的依赖都在文件中。带静态类型检验,现在的第三方包基本上源码都是,方便查看调试。大型项目首选和结合,代码调试维护起来极其方便。 showImg(https://segmentfault.com/img/bVbrTKz?w=1400&h=930); 阿特伍德定律,指的是any application that can be wr...

    codeKK 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<