媒介
此 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
本博客体系的系列文章:
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