基于Vue + Antd 搭建自己的博客后台管理系统

最新推荐文章于 2025-07-11 17:34:59 发布

weixin_33860722

最新推荐文章于 2025-07-11 17:34:59 发布

阅读量8.8k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 前端 markdown ViewUI

原文链接：https://juejin.im/post/5ca985e36fb9a05e526d9514

本项目采用Vue与Antd构建了一个博客后台管理系统，具备博客的增删改查等功能。技术栈包括Vue、Antd UI库、异步请求库Fly等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

博客后台管理

博客前台的项目地址: 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.

转载于:https://juejin.im/post/5ca985e36fb9a05e526d9514