README.md · 想名字中/小L星光个人博客

### 关注小L，为你分享更多优质文章和实用资源~
![输入图片说明](https://images.gitee.com/uploads/images/2021/0309/110313_186aef0d_7415731.png "屏幕截图.png")

### 简介
这是一个使用 SpringBoot+Vue+Mybatis-Plus 开发的前后端分离个人博客，有配套开发教程，欢迎star学习！

### 文件介绍
- vueblog：这是后台博客管理的前端
- xlblog：这是后台博客管理后端
- xlvueblog：这是前台博客

### 技术路线
- SpringBoot
- Vue
- Mybatis-Plus
- SpringSecurity
- MySQL ...

### 项目部署
 后端项目-xlblog
- 1、导入sql。
- 2、修改application.yml文件（配置数据库连接，修改账号密码）。
- 3、启动。

前端-vueblog、xlvueblog
- 1、输入 npm install 安装依赖。
- 2、输入 npm run serve 启动项目即可。
- 3、浏览器访问：http://localhost:8080。

### 配套教程
- [SpringBoot+Vue+Mybatis-plus 博客：个人博客介绍及效果展示](https://blog.csdn.net/m0_45234510/article/details/114599074)
- [SpringBoot+Vue+Mybatis-plus 博客（一）：完成博客后台前端登录页面、后端登录接口](https://blog.csdn.net/m0_45234510/article/details/110405346)
- [SpringBoot+Vue+Mybatis-plus 博客（二）：完成登录的前后端对接、完善左侧菜单栏](https://blog.csdn.net/m0_45234510/article/details/110494715)
- [SpringBoot+Vue+Mybatis-plus 博客（三）：完成搜索及博客列表展示功能前后端](https://blog.csdn.net/m0_45234510/article/details/110932322)
- [SpringBoot+Vue+Mybatis-plus 博客（四）：完成发布文章、编辑文章、删除文章及查询文章功能](https://blog.csdn.net/m0_45234510/article/details/111075386)
- [SpringBoot+Vue+Mybatis-plus 博客（五）：完成分类管理和标签管理前后端对接](https://blog.csdn.net/m0_45234510/article/details/112315926)
- [SpringBoot+Vue+Mybatis-plus 博客（六）：完成评论管理前后端交互](https://blog.csdn.net/m0_45234510/article/details/114150638)
- [SpringBoot+Vue+Mybatis-plus 博客（七）：完成友链管理前后端对接](https://blog.csdn.net/m0_45234510/article/details/114155484)

### 效果展示
#### 前台页面
- 博客首页
![输入图片说明](https://images.gitee.com/uploads/images/2021/0309/105453_c1edf8b8_7415731.png "屏幕截图.png")

- 分类专栏
![输入图片说明](https://images.gitee.com/uploads/images/2021/0309/105628_27202941_7415731.png "屏幕截图.png")

- 标签
![输入图片说明](https://images.gitee.com/uploads/images/2021/0309/105637_d49ec578_7415731.png "屏幕截图.png")

- 留言板
![输入图片说明](https://images.gitee.com/uploads/images/2021/0309/105649_0283e236_7415731.png "屏幕截图.png")

- 友链
![输入图片说明](https://images.gitee.com/uploads/images/2021/0309/105655_e73b8306_7415731.png "屏幕截图.png")

- 搜索
![输入图片说明](https://images.gitee.com/uploads/images/2021/0309/105705_9a2ac88f_7415731.png "屏幕截图.png")

#### 后台博客管理前端页面

- 写博客
![输入图片说明](https://images.gitee.com/uploads/images/2021/0309/105854_1c937a22_7415731.png "屏幕截图.png")

- 文章管理
![输入图片说明](https://images.gitee.com/uploads/images/2021/0309/105916_e6767076_7415731.png "屏幕截图.png")

- 分类管理
![输入图片说明](https://images.gitee.com/uploads/images/2021/0309/105930_b0f58f72_7415731.png "屏幕截图.png")

- 标签管理
![输入图片说明](https://images.gitee.com/uploads/images/2021/0309/105939_740c0bf7_7415731.png "屏幕截图.png")

- 评论管理
![输入图片说明](https://images.gitee.com/uploads/images/2021/0309/105948_1a4cbee5_7415731.png "屏幕截图.png")

- 友链管理
![输入图片说明](https://images.gitee.com/uploads/images/2021/0309/105958_f5046423_7415731.png "屏幕截图.png")

想名字中/小L星光个人博客

简介

发行版

贡献者

近期动态

想名字中/小L星光个人博客 .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

想名字中/小L星光个人博客