jackyfzh/xiaoLBlog

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

关注小L，为你分享更多优质文章和实用资源~

简介

这是一个使用 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 博客：个人博客介绍及效果展示
• SpringBoot+Vue+Mybatis-plus 博客（一）：完成博客后台前端登录页面、后端登录接口
• SpringBoot+Vue+Mybatis-plus 博客（二）：完成登录的前后端对接、完善左侧菜单栏
• SpringBoot+Vue+Mybatis-plus 博客（三）：完成搜索及博客列表展示功能前后端
• SpringBoot+Vue+Mybatis-plus 博客（四）：完成发布文章、编辑文章、删除文章及查询文章功能
• SpringBoot+Vue+Mybatis-plus 博客（五）：完成分类管理和标签管理前后端对接
• SpringBoot+Vue+Mybatis-plus 博客（六）：完成评论管理前后端交互
• SpringBoot+Vue+Mybatis-plus 博客（七）：完成友链管理前后端对接

效果展示

前台页面

• 博客首页

• 分类专栏

• 标签

• 留言板

• 友链

• 搜索

后台博客管理前端页面

• 写博客

• 文章管理

• 分类管理

• 标签管理

• 评论管理

• 友链管理