littlebot
Published on 2025-04-09 / 3 Visits
0

【源码】基于React和Egg.js的个人网站项目

项目简介

这是一个基于React和Egg.js的个人网站项目,主要用于展示个人博客和提供博客管理功能。前端运用React和React Hook技术,UI框架采用Ant - Design;后端采用Egg.js框架。项目旨在锻炼React开发能力,搭建功能完善的个人网站。

项目的主要特性和功能

用户端

  • 博客展示:用户可浏览博客内容并查看个人简介。
  • 静态资源:包含favicon、header图片等静态资源。

管理端

  • 博客管理:管理员能对博客进行增删改查操作,支持Markdown格式编辑。
  • 权限管理:通过中间件进行session验证,保障管理端安全。

安装使用步骤

1. 复制项目代码到本地

bash git clone 项目仓库地址

2. 进入项目目录并安装依赖

bash cd 项目目录 npm install 或者 yarn install

3. 配置环境

  • 修改后端配置文件中的数据库连接信息。
  • 配置Nginx反向代理,确保前后端服务正常通信。

4. 启动服务

  • 前端用户端: bash npm start 或者 yarn start
  • 后端服务: bash npm run dev

5. 访问网站

  • 用户端:打开浏览器访问http://localhost:3000
  • 管理端:访问http://localhost:3001进行博客管理操作。

6. 部署上线

  • 将代码部署到服务器,配置Nginx进行反向代理。
  • 使用pm2管理后端服务,确保服务稳定运行。

下载地址

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