个人博客管理系统

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

项目简介

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

采用技术

前端技术栈:





















技术名称 技术版本 官方地址
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 下载地址

目录介绍

  1. blog-front 网站前台(前端)
  2. blog-manage 网站后台(前端)
  3. blog-server 网站后端(后端)

项目安装

  1. # 导入数据库,注意数据库账号和密码
  2. blog.sql
  3. # 克隆项目
  4. git clone https://gitee.com/caochenlei/blog.git

blog-server安装及启动:

  1. # 进入后端
  2. cd blog-server
  3. # 安装依赖
  4. mvn install
  5. # 运行项目
  6. mvn spring-boot:run

blog-manage安装及启动:

  1. # 进入后台
  2. cd blog-manage
  3. # 安装依赖
  4. npm i --legacy-peer-deps
  5. # 运行项目
  6. npm start

blog-front安装及启动:

  1. # 进入前台
  2. cd blog-front
  3. # 安装依赖
  4. npm i --legacy-peer-deps
  5. # 运行项目
  6. npm start
  7. 访问地址:http://localhost:4000/
  8. 登录账号:zhangsan
  9. 登录密码: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/

发表评论

表情:
评论列表 (有 0 条评论,499人围观)

还没有评论,来说两句吧...

相关阅读

    相关 个人系统

    个人博客系统 摘 要 个人博客系统采用B/S结构、java开发语言、以及Mysql数据库等技术。系统主要分为管理员和博客两部分,管理员主要功能包括:个人中心、文章分类管理、

    相关 个人管理系统

    项目简介 Blog是一款个人博客管理系统,是我和同学上学期的期末大作业,完成的比较仓促,大部分功能已经完成。 访问地址:[https://gitee.com/caoch