个人博客管理系统

小灰灰 2022-08-29 05:58 335阅读 0赞

# 项目简介 #

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

访问地址：[https://gitee.com/caochenlei/blog][https_gitee.com_caochenlei_blog]

# 主要页面 #

*  ### 网站前台 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NDkwNDU3_size_16_color_FFFFFF_t_70_pic_center][]

*  ### 分类专栏 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NDkwNDU3_size_16_color_FFFFFF_t_70_pic_center 1][]

*  ### 搜索模块 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NDkwNDU3_size_16_color_FFFFFF_t_70_pic_center 2][]

*  ### 文章详情 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NDkwNDU3_size_16_color_FFFFFF_t_70_pic_center 3][]

*  ### 网站后台 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NDkwNDU3_size_16_color_FFFFFF_t_70_pic_center 4][]

*  ### 分类管理 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NDkwNDU3_size_16_color_FFFFFF_t_70_pic_center 5][]

*  ### 文章添加 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NDkwNDU3_size_16_color_FFFFFF_t_70_pic_center 6][]

*  ### 文章列表 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NDkwNDU3_size_16_color_FFFFFF_t_70_pic_center 7][]

*  ### 轮播管理 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NDkwNDU3_size_16_color_FFFFFF_t_70_pic_center 8][]

*  ### 博主信息 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NDkwNDU3_size_16_color_FFFFFF_t_70_pic_center 9][]

*  ### 网站信息 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NDkwNDU3_size_16_color_FFFFFF_t_70_pic_center 10][]

# 采用技术 #

**前端技术栈：**

<table> 
 <thead> 
  <tr> 
   <th>技术名称</th> 
   <th>技术版本</th> 
   <th>官方地址</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>React</td> 
   <td>17.0.2</td> 
   <td><a href="https://react.docschina.org/" rel="nofollow">点击访问</a></td> 
  </tr> 
  <tr> 
   <td>Antd</td> 
   <td>4.15.2</td> 
   <td><a href="https://ant.design/index-cn" rel="nofollow">点击访问</a></td> 
  </tr> 
 </tbody> 
</table>

**后端技术栈：**

<table> 
 <thead> 
  <tr> 
   <th>技术名称</th> 
   <th>技术版本</th> 
   <th>官方地址</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Spring Boot</td> 
   <td>2.4.5</td> 
   <td><a href="https://docs.spring.io/spring-boot/docs/2.4.5/reference/html/" rel="nofollow">点击访问</a></td> 
  </tr> 
  <tr> 
   <td>Spring Security</td> 
   <td>5.4.6</td> 
   <td><a href="https://docs.spring.io/spring-security/site/docs/5.4.6/reference/html5/" rel="nofollow">点击访问</a></td> 
  </tr> 
  <tr> 
   <td>Tomcat</td> 
   <td>9.0.45</td> 
   <td><a href="https://tomcat.apache.org/download-90.cgi" rel="nofollow">点击访问</a></td> 
  </tr> 
  <tr> 
   <td>MyBatis</td> 
   <td>3.4.1</td> 
   <td><a href="https://mybatis.org/mybatis-3/zh/index.html" rel="nofollow">点击访问</a></td> 
  </tr> 
  <tr> 
   <td>JJWT</td> 
   <td>0.11.2</td> 
   <td><a href="https://github.com/jwtk/jjwt" rel="nofollow">点击访问</a></td> 
  </tr> 
  <tr> 
   <td>Knife4j</td> 
   <td>3.0.2</td> 
   <td><a href="https://gitee.com/xiaoym/knife4j" rel="nofollow">点击访问</a></td> 
  </tr> 
 </tbody> 
</table>

**开发的工具：**

<table> 
 <thead> 
  <tr> 
   <th>工具名称</th> 
   <th>采用版本</th> 
   <th>下载地址</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>IntelliJ IDEA</td> 
   <td>2021.1</td> 
   <td><a href="https://www.jetbrains.com/idea/download/#section=windows" rel="nofollow">下载地址</a></td> 
  </tr> 
  <tr> 
   <td>Maven</td> 
   <td>3.6.3</td> 
   <td><a href="https://maven.apache.org/download.cgi" rel="nofollow">下载地址</a></td> 
  </tr> 
  <tr> 
   <td>MySQL</td> 
   <td>5.7.34</td> 
   <td><a href="https://dev.mysql.com/downloads/mysql/" rel="nofollow">下载地址</a></td> 
  </tr> 
  <tr> 
   <td>Redis</td> 
   <td>3.2.100</td> 
   <td><a href="https://github.com/MicrosoftArchive/redis/tags" rel="nofollow">下载地址</a></td> 
  </tr> 
  <tr> 
   <td>Visual Studio Code</td> 
   <td>1.58.2</td> 
   <td><a href="https://code.visualstudio.com/" rel="nofollow">下载地址</a></td> 
  </tr> 
  <tr> 
   <td>Node.js</td> 
   <td>14.17.1</td> 
   <td><a href="https://nodejs.org/zh-cn/" rel="nofollow">下载地址</a></td> 
  </tr> 
  <tr> 
   <td>Java JDK</td> 
   <td>1.8.0_291</td> 
   <td><a href="https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html" rel="nofollow">下载地址</a></td> 
  </tr> 
 </tbody> 
</table>

# 目录介绍 #

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][774908833_qq.com]

CSDN：[https://caochenlei.blog.csdn.net/][https_caochenlei.blog.csdn.net]

[https_gitee.com_caochenlei_blog]: https://gitee.com/caochenlei/blog
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NDkwNDU3_size_16_color_FFFFFF_t_70_pic_center]: /images/20220829/4dd215ac972a4eaaabb05e607e4099d8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NDkwNDU3_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20220829/a0ebdf631fc343abb4d9f7d7e55dc497.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NDkwNDU3_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20220829/929583d5dfce41428fcf3661fe4218e2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NDkwNDU3_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20220829/237bb413e89a4b3595504a898d399039.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NDkwNDU3_size_16_color_FFFFFF_t_70_pic_center 4]: /images/20220829/d4f0b3ef700b48f58893677f66183250.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NDkwNDU3_size_16_color_FFFFFF_t_70_pic_center 5]: /images/20220829/9d576e6a25804853aa66dcff54153aa6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NDkwNDU3_size_16_color_FFFFFF_t_70_pic_center 6]: /images/20220829/fcdefb56479d4e6ea63b47f1d469de9d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NDkwNDU3_size_16_color_FFFFFF_t_70_pic_center 7]: /images/20220829/fd8cfaa204cb44e0b3bc1c99b817d88d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NDkwNDU3_size_16_color_FFFFFF_t_70_pic_center 8]: /images/20220829/d7f581e7337d43d09413f89794549ce5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NDkwNDU3_size_16_color_FFFFFF_t_70_pic_center 9]: /images/20220829/b3de54841c724ff2b5b0cd8a75758558.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NDkwNDU3_size_16_color_FFFFFF_t_70_pic_center 10]: /images/20220829/7043627208394389835d373333f67ec9.png
[774908833_qq.com]: mailto:774908833@qq.com
[https_caochenlei.blog.csdn.net]: https://caochenlei.blog.csdn.net/