个人博客管理系统

项目简介

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

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

主要页面

  • 网站前台

《个人博客管理系统》

  • 分类专栏

《个人博客管理系统》

  • 搜索模块

《个人博客管理系统》

  • 文章详情

《个人博客管理系统》

  • 网站后台

《个人博客管理系统》

  • 分类管理

《个人博客管理系统》

  • 文章添加

《个人博客管理系统》

  • 文章列表

《个人博客管理系统》

  • 轮播管理

《个人博客管理系统》

  • 博主信息

《个人博客管理系统》

  • 网站信息

《个人博客管理系统》

采用技术

前端技术栈:

技术名称技术版本官方地址
React17.0.2点击访问
Antd4.15.2点击访问

后端技术栈:

技术名称技术版本官方地址
Spring Boot2.4.5点击访问
Spring Security5.4.6点击访问
Tomcat9.0.45点击访问
MyBatis3.4.1点击访问
JJWT0.11.2点击访问
Knife4j3.0.2点击访问

开发的工具:

工具名称采用版本下载地址
IntelliJ IDEA2021.1下载地址
Maven3.6.3下载地址
MySQL5.7.34下载地址
Redis3.2.100下载地址
Visual Studio Code1.58.2下载地址
Node.js14.17.1下载地址
Java JDK1.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:774908833@qq.com

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

    原文作者:轻松的小希
    原文地址: https://blog.csdn.net/qq_38490457/article/details/119278457
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞