个人博客管理系统

Posted 2021-08-29 轻松的小希

项目简介

Blog是一款个人博客管理系统，是我和同学上学期的期末大作业，完成的比较仓促，大部分功能已经完成。

访问地址：https://gitee.com/caochenlei/blog

主要页面

• 网站前台

• 分类专栏

• 搜索模块

• 文章详情

• 网站后台

• 分类管理

• 文章添加

• 文章列表

• 轮播管理

• 博主信息

• 网站信息

采用技术

前端技术栈：

技术名称	技术版本	官方地址
React	17.0.2	点击访问
Antd	4.15.2	点击访问

后端技术栈：

技术名称	技术版本	官方地址
Spring Boot	2.4.5	点击访问
Spring Security	5.4.6	点击访问
Tomcat	9.0.45	点击访问
MyBatis	3.4.1	点击访问
JJWT	0.11.2	点击访问
Knife4j	3.0.2	点击访问

开发的工具：

工具名称	采用版本	下载地址
IntelliJ IDEA	2021.1	下载地址
Maven	3.6.3	下载地址
mysql	5.7.34	下载地址
Redis	3.2.100	下载地址
Visual Studio Code	1.58.2	下载地址
Node.js	14.17.1	下载地址
Java JDK	1.8.0_291	下载地址

目录介绍

blog-front           网站前台（前端）
blog-manage          网站后台（前端）
blog-server          网站后端（后端）

项目安装

# 导入数据库，注意数据库账号和密码
blog.sql

# 克隆项目
git clone https://gitee.com/caochenlei/blog.git

blog-server安装及启动：

# 进入后端
cd blog-server

# 安装依赖
mvn install

# 运行项目
mvn spring-boot:run

blog-manage安装及启动：

# 进入后台
cd blog-manage

# 安装依赖
npm i --legacy-peer-deps

# 运行项目
npm start

blog-front安装及启动：

# 进入前台
cd blog-front

# 安装依赖
npm i --legacy-peer-deps

# 运行项目
npm start

访问地址：http://localhost:4000/
登录账号：zhangsan
登录密码：123456

注意事项

问题一：blog-front如何修改对接后台的地址？

回答一：找到blog-front\\src\\axios\\request.ts，然后进行修改。

问题二：blog-manage如何修改对接后台的地址？

回答二：找到blog-manage\\src\\axios\\request.ts，然后进行修改。

回答三：为什么我部署完成以后页面图片缺失？

回答三：本博客采用腾讯云存储进行图片存取，为了我个人的隐私，我在配置文件中，将密钥设置为XXXX，请设置为您自己的密钥，并将《blog-images》中的存储桶里的图片上传到自己账户的存储桶中，并在配置文件中配置存储信息。如果还是不显示，还需要将数据库中的存储的图片地址的域名更换一下。

如果您有其他的问题，请联系作者或者关注CSDN进行私信。

下个版本

• 没有下个版本迭代计划

联系作者

Email：[e-mail]

CSDN：https://caochenlei.blog.csdn.net/