一个简易的基于 React + Ant Design Pro 的博客后台管理系统

前言

Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案

React 是一个用于构建用户界面的 JavaScript 库。其中主要使用了 React Hooks + 函数组件

安装

// 安装依赖包
npm i
// 运行
npm start

打开浏览器，输入 http://localhost:8000

功能介绍

博客拥有博客后台的基础功能，如下图所示

• 加载页

• 登录页

  • 管理员 账号：buchiyu 密码：buchiyu
  • 用户 账号：user 密码：buchiyu

  

• 外框架

  • 首先，跳转到欢迎页，目前为空

  

• 文章列表页面

  

  • 查看文章

    

  • 快速编辑文章

    

  • 编辑文章，跳转到文章详情页

  • 点击【+新文章】，跳转到文章详情页

• 文章详情页

  • 编辑文章

    

  • 添加新文章

    

• 标签列表页

  

  • 快速编辑标签

    

• 接下来的 分类/建站日志 列表页和标签列表页功能类似

• 友链列表页

  

• 管理页

  

• API 列表