【源码】基于React和Node.js的博客管理系统

项目简介

本项目是一个基于React和Node.js的全栈博客管理系统，包含前台展示系统bolg-web、后台管理系统blog-admin和提供数据服务的中台系统blog-service。此项目可用于学习前端React、Node.js后端开发和数据库操作等技术，能实现文章管理、数据统计、消息通知等基本博客网站功能。

项目的主要特性和功能

bolg-web（前端展示系统）

• 首页展示文章列表、导航模块、个人信息、学习路线和头部展示栏。
• 文章详情页展示文章内容、视频推荐、个人信息组件和文章目录。
• 面包屑导航根据文章分类展示不同文章列表。
• 展示文章阅读量和标签。

blog-admin（后台管理系统）

• 支持写博客、发布暂停及博客文章的状态管理。
• 提供网站数据统计，含文章等相关数据的报表展示。
• 进行消息通知，并按不同类型消息分类。
• 工作台可进行文章管理（增删改查）、文章类别管理、标签管理（含标签颜色修改）以及图标管理。

blog-service（中台系统）

通过Node.js的egg框架和mysql插件连接数据库，获取数据并返回给前后台系统。

安装使用步骤

前提条件

• 已安装Node.js和npm/yarn。
• 已安装MySQL数据库并创建好相应的数据库。

步骤

1. 下载源码：复制或下载本项目的源码文件。
2. 安装依赖：进入blog-service目录，运行yarn install安装依赖。
3. 配置数据库：配置MySQL数据库连接信息。
4. 启动服务：依次启动blog-service、bolg-web和blog-admin，分别进入对应目录，运行yarn dev启动开发服务器。
5. 访问网站：在浏览器中访问bolg-web的网址进行博客浏览和操作，通过blog-admin进行后台管理。

注：本项目主要为学习实践项目，部分功能可能未完成或存在不足，用于实际生产环境需进一步开发和优化。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】