SpringBoot+Vue前后端分离项目实战：个人博客系统

基于 SpringBoot + Vue 前后端分离开发的一款动态个人博客系统。

项目开源地址：Github | Gitee

前言

学习Java也有一段时间，期间更多的是理论的学习和一些Demo代码编写，知识还比较分散、浅薄，所以我做了这么一个实战项目，把已学的知识应用到实践中，通过从零实现一个完整项目，建立一个Java Web应用开发的基本认知，同时也能更加深入的理解各个技术的细节。除此之外，也是为了锻炼自己的编码能力和遇到问题的解决能力。

这个是我第一个练手的SpringBoot小项目，以前学习写的都是一些小Demo，所以这个项目在各方面可能都还很稚嫩，欢迎大家多多指教。如果本项目对您有帮助，可以点个赞鼓励一下，谢谢。

另外，本文只是对项目做一个简单的介绍，如果后续有时间或者有必要，我会复盘出一个比较详细的系列文章。

作者是文章写作小白，如文章结构混乱，语言不通，请见谅，我会学习并慢慢进步的。

项目介绍

MyBlog主要是基于 SpringBoot + Vue 前后端分离开发的一款动态个人博客系统，后台和前台均通过JSON数据做交互，主要功能有文章管理、分类管理、标签管理、附件管理、评论管理、友链管理、个人资料/博客信息管理等。

另外更多的一些信息（如数据库设计）可查看项目的README简介。

项目结构：

.|--src.main.java
    |---xyz.snwjas.blog //源码
        |---annotation //注解
        |---aspect //aop切入点
        |---config //配置
        |---constant //常量
        |---controller //控制器
        |	|---admin //后台控制器
        |	|---app //前台控制器
        |---exception //自定义异常
        |---handler //处理器
        |---interceptor //拦截器
        |---mapper //MyBatis mapper接口
        |	|---xml //MyBatis mapper xml 文件
        |---model //模型
        |	|---base //基本接口/类
        |	|---entity //实体类
        |	|---enums //枚举常量
        |	|---params //查询参数
        |	|---vo //视图对象
        |---schedule //定时任务
        |---service //业务接口
        |	|---impl //业务接口实现类
        |---support //其他的一些支持类
        |	|---cache //自定义缓存
        |	|---security //Spring Security 认证逻辑
        |	|---wordfilter //敏感词过滤器
        |---utils //工具包
    |---resources //资源
        |---admin //后台web资源
        |---app //前台web资源
        |---static //静态资源
        |---wordfilter //敏感词文件

技术栈

前端：

• Vue.js
• Element-UI
• axios

后端：

• Spring Boot
• Spring Security
• Spring Validation
• MyBatis-Plus
• Swagger

数据库：

• MySQL

效果图

登录：

首页：

文章列表：

写文章：

分类：（与标签、友链类似）

附件：

评论：

个人中心：

总结

虽然项目不大，但从零到完成也花费了不少精力，总的来说学到了很多东西。

做项目的过程中，发现更多时候是边学边做的，而且会遇到各种问题，有时候网上找不到答案，往往需要从问题源头深入源码慢慢找，这个过程中也培养了我阅读源码的习惯，提高了我解决问题的能力。

另外就是，做项目的过程中，会频繁地翻阅技术文档，疏通了知识脉络，也更深入地了解了技术。

另外，项目做出来了，确实会有那么一点成就感的，也提高了自己的技术自信心，虽然技术力还是相形见绌，但确实增加了继续走下去的动力。