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

时间 2019-12-07

标签 react ant design blog admin 项目文档说明栏目 React 繁體版

原文原文链接

前言

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

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

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 登陆注册管理

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

3. 使用

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

4. 缺点

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

5. 项目地址

开源不易，若是以为该项目不错或者对你有所帮助，欢迎到 github 上给个 star，谢谢。webpack

项目地址：git

前台展现: https://github.com/biaochenxuying/blog-react
管理后台：https://github.com/biaochenxuying/blog-react-admin程序员

后端：https://github.com/biaochenxuying/blog-nodegithub

blog：https://github.com/biaochenxuying/blogweb

本博客系统的系列文章：

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