基于Vue + Antd 搭建自己的博客后台管理系统
2022-08-03 09:57:03
212
{{single.collect_count}}

博客后台管理

博客前台的项目地址: github.com/WqhForGitHu…

前言

博客后台管理是基于 Vue + Antd 实现的,Antd 确实是非常适合中后台应用的开发,有非常多的组件可以使用,非常多的组件可以使用。

技术栈

  • Vue
  • ant-design-vue: 基于 Vue 的 UI 库
  • fly: 异步请求库
  • vue-router: 前端路由
  • vuex: 管理应用数据
  • async/await: 处理异步请求接口

实现的功能

  • 博客的增删改查
  • 分类、标签的增删
  • 写博客

TODO

  • markdown在线编辑器

预览

登录界面

首页

修改博客

发布博客

标签管理

Build Setup

# install dependenciesnpm install# serve with hot reload at localhost:8080npm run dev# build for production with minificationnpm run build# build for production and view the bundle analyzer reportnpm run build --report# run unit testsnpm run unit# run e2e testsnpm run e2e# run all testsnpm test复制代码

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

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

回帖
全部回帖({{commentCount}})
{{item.user.nickname}} {{item.user.group_title}} {{item.friend_time}}
{{item.content}}
{{item.comment_content_show ? '取消' : '回复'}} 删除
回帖
{{reply.user.nickname}} {{reply.user.group_title}} {{reply.friend_time}}
{{reply.content}}
{{reply.comment_content_show ? '取消' : '回复'}} 删除
回帖
收起
没有更多啦~
{{commentLoading ? '加载中...' : '查看更多评论'}}