项目简介
本项目是一个博客后台前端管理系统,主要为博主提供博客、标签等管理功能。项目以React作为UI库,搭配React - Router进行路由管理,使用Ant Design作为UI组件库增强界面美观度与易用性,借助Axios完成HTTP通信以与后端交互数据,还运用基于codemirror的HyperMD实现MarkDown网页编辑和效果实时展示。
项目的主要特性和功能
- 运用React和Ant Design构建出简洁直观的管理界面。
- 通过React - Router实现灵活的页面路由管理。
- 利用Axios高效开展HTTP通信,完成与后端的数据交互。
- 支持对博客和标签进行增删查改操作。
- 支持Markdown格式的博客编辑与实时效果展示。
- 代码结构简单,方便进行二次开发。
安装使用步骤
安装依赖
- 下载前端项目。
- 进入项目目录并安装运行依赖:
cd blog_admin npm install --registry=https://registry.npm.taobao.org
配置网络请求
进入项目下src/API
目录,打开config.js
文件,将baseUrl
常量修改为后端项目的URL(例如:http://1.15.125.162:3100
)。
启动项目
- 启动开发服务器:
npm start
- 生成部署用的
Build
文件夹:npm run build
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】