项目简介
本项目是一个基于React和Egg框架的博客管理系统,提供简单易用的博客管理平台。系统包含后台管理界面与前台展示界面,具备用户登录、文章管理、文章展示等功能。采用React构建前端界面,结合Egg框架提供的中台服务,实现前后端分离开发模式。
项目的主要特性和功能
- 用户登录:用户能通过登录界面验证身份,登录后可进入后台管理界面管理文章。
- 文章管理:管理员可在后台管理界面进行文章的添加、修改、删除操作,支持Markdown格式文章编辑与实时预览。
- 文章展示:前台展示界面展示所有发布文章,用户可浏览文章内容,实时预览Markdown格式文章。
- 路由守卫:通过Egg中间件实现路由守卫,防止未登录用户访问后台管理界面。
- 跨域支持:通过配置解决前后端分离开发的跨域问题,保障前后端通信顺畅。
安装使用步骤
- 复制项目源码:将项目源码复制到本地。
bash git clone <项目仓库地址>
- 安装依赖项:进入项目根目录,运行以下命令安装所有依赖项。
bash yarn install npm install
- 启动后台服务:进入后台服务目录,运行以下命令启动Egg服务。
bash npm run dev
- 启动前端应用:进入前端目录,运行以下命令启动React应用。
bash npm start
- 访问前台页面:在浏览器中访问
http://localhost:3000
,查看博客管理系统的前台展示界面。 - 登录后台管理:在浏览器中输入后台管理地址,进行登录操作,登录成功后进入后台管理界面管理文章。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】