使用React + Antd 搭建部落格後臺系統

ZALE發表於2019-03-04

部落格後臺管理

部落格前臺的專案地址: github.com/zaleGZL/zal…

前言

部落格後臺管理是基於 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

首頁

blog_admin_home

修改部落格

blog_admin_edit_blog

釋出部落格

使用React + Antd 搭建部落格後臺系統

標籤管理

blog_admin_tags_page

相關文章