部落格後臺管理
部落格前臺的專案地址: 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.