項目簡介

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：774908833@qq.com

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

總結

以上是生活随笔為你收集整理的个人博客管理系统的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。