【源码】基于Spring Boot和Vue的个人博客后台管理系统

项目简介

本项目是基于Spring Boot和Vue框架开发的个人博客后台管理系统。采用前后端分离架构，后端运用Java语言，结合Spring Boot、MyBatis、MySQL等技术栈；前端使用Vue.js、Axios、Element UI等技术。项目难度适中，部署简单，界面友好，代码结构清晰，适合初学者学习练习。

项目的主要特性和功能

后端功能

1. 以Spring Boot为核心框架，简化Spring应用配置与部署。
2. 集成Shiro安全框架，提供用户认证和授权功能，使用Shiro进行Token认证保障用户身份安全。
3. 采用MyBatis作为持久层框架，简化数据库操作。
4. 集成PageHelper分页插件，便于分页查询。
5. 使用Redis进行缓存管理，提升系统性能。
6. 通过@Scheduled注解实现定时任务调度。
7. 用Log4j2进行日志记录，方便系统调试与维护。
8. 支持文件上传功能，方便用户上传图片等资源。

前端功能

1. 以Vue.js为前端框架，实现动态交互和数据绑定。
2. 使用Axios进行HTTP请求，与后端进行数据交互。
3. 采用Element UI作为UI组件库，提供丰富UI组件。
4. 集成mavon-editor富文本编辑器，方便用户编辑文章内容。
5. 使用ECharts进行数据可视化展示，如词云、统计图表等。

安装使用步骤

前提条件

• 已下载本项目的源码文件。
• 已安装Java开发环境（JDK 1.8+）。
• 已安装MySQL数据库（版本8.0.32+）。
• 已安装Redis（版本7.0.8+）。
• 已安装Node.js和npm（用于前端开发环境）。

后端安装步骤

1. 创建数据库：
   • 创建名为db_blog的MySQL数据库。
   • 运行项目根目录下的db_blog.sql文件，初始化数据库表结构和数据。
2. 配置数据库连接：
   • 修改src/main/resources/application.yml文件中的数据库连接信息，确保连接到正确的数据库。
3. 启动Redis：
   • 安装并启动Redis服务。
4. 启动后端服务：
   • 在项目根目录下运行以下命令启动Spring Boot应用： bash mvn spring-boot:run

前端安装步骤

1. 安装依赖：
   • 进入前端项目目录（如db-blog_vue），运行以下命令安装项目依赖： bash npm install
2. 启动前端服务：
   • 在前端项目目录下运行以下命令启动Vue.js开发服务器： bash npm run dev

访问系统

启动后端和前端服务后，打开浏览器访问http://localhost:8080（假设前端服务运行在8080端口），即可进入个人博客后台管理系统。

注意事项

• 数据库中默认用户名密码为admin，123456。注意由于前端设置了角色控制，只有被置入valid_map中的用户才被允许登录。
• 注意修改application.yml的配置信息，特别是Redis的配置，若没有密码，留空即可。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】