博客后台管理
博客前台的项目地址: https://github.com/zaleGZL/zalegzl-website
前言
博客后台管理是基于 React Antd 实现的,Antd 确实是非常适合中后台应用的开发,有非常多的组件可以使用,非常? 的一个 React UI 库。
如果你觉得项目不错的话,欢迎点击右上角 'star' 支持下,万分感谢! ~(≧▽≦)/~
技术栈
- react
- ant-design: 基于 React 的 UI 库
- axios: 异步请求
- react-router-dom: 前端路由
- redux: 管理整个应用数据
- redux-thunk: redux的中间件,多用于处理异步action
- styled-components: CSS in JS 的一种,使得能够在JS中写原生的CSS
实现的功能
- [x] 博客增删改查
- [x] 分类、标签的增删
- [x] 写博客
- [x] 更改简历
TODO
- [ ] markdown在线编辑器
- [ ] 搜索功能
预览
登录界面
![blog_admin_signin](http://www.mk2048.com/web_upload/blog_imgs/9/https___user-gold-cdn-xitu-io_2018_3_7_161fec43c42efbdd_w-1436_h-726_f-jpeg_s-34224.gif)
首页
![blog_admin_home](http://www.mk2048.com/web_upload/blog_imgs/9/https___user-gold-cdn-xitu-io_2018_3_7_161fec4502474231_w-1433_h-726_f-jpeg_s-142874.gif)
修改博客
![blog_admin_edit_blog](http://www.mk2048.com/web_upload/blog_imgs/9/https___user-gold-cdn-xitu-io_2018_3_7_161fec43c7eedcea_w-1437_h-783_f-jpeg_s-138432.gif)
发布博客
![](http://www.mk2048.com/web_upload/blog_imgs/9/https___user-gold-cdn-xitu-io_2018_3_7_161fec43d7c91c79_w-1436_h-727_f-jpeg_s-71104.gif)
标签管理
![blog_admin_tags_page](http://www.mk2048.com/web_upload/blog_imgs/9/https___user-gold-cdn-xitu-io_2018_3_7_161fec43fe41865f_w-1438_h-725_f-jpeg_s-75127.gif)
更多专业前端知识,请上 【猿2048】www.mk2048.com