基於Vue + Antd 搭建自己的部落格後臺管理系統

Wqh發表於2019-04-07

部落格後臺管理

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

前言

部落格後臺管理是基於 Vue + Antd 實現的,Antd 確實是非常適合中後臺應用的開發,有非常多的元件可以使用,非常多的元件可以使用。

技術棧

  • Vue
  • ant-design-vue: 基於 Vue 的 UI 庫
  • fly: 非同步請求庫
  • vue-router: 前端路由
  • vuex: 管理應用資料
  • async/await: 處理非同步請求介面

實現的功能

  • 部落格的增刪改查
  • 分類、標籤的增刪
  • 寫部落格

TODO

  • markdown線上編輯器

預覽

登入介面

登入

首頁

首頁

修改部落格

修改部落格

釋出部落格

釋出部落格

標籤管理

標籤管理

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test
複製程式碼

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

相關文章