2024最新的开源博客系统：vue3.x+SpringBoot 3.x 前后端分离

本文转载自：https://fangcaicoding.cn/article/54

大家好！我是方才，目前是8人后端研发团队的负责人，拥有6年后端经验&3年团队管理经验，截止目前面试过近200位候选人，主导过单表上10亿、累计上100亿数据量级的业务系统的架构和核心编码。

“学编程，一定要系统化” 是我一直坚持的学习之道。目前正在系统化分享从零到一的全栈编程入门以及项目实战教程。

无论你是编程新手，还是有经验的开发者，我都愿意与你分享我的学习方法、项目实战经验，甚至提供学习路线制定、简历优化、面试技巧等深度交流服务。

我创建了一个编程学习交流群（扫码关注后即可加入），秉持“一群人可以走得更远”的理念，期待与你一起 From Zero To Hero！

茫茫人海，遇见即是缘分！希望这篇文章对你有所帮助！

为什么做？

现在开源好用的博客系统这么多？为什么要自研一个呢？
包括我自己之前也使用vuepress和halo，如果只是想快速搭建一个博客系统，不想花太多的精力在建站本身上，开源的博客系统是一个非常不错的选择。

但如果想定制各种功能，或者说有产品有bug，期望能迅速解决，自研一定是更佳的！

我今年在8月决定自研，也是因为遇到了halo的bug，无法登录后台管理发布文章，所以才觉得自研的。

做了哪些？

从0817决定自研，0819开始需求功能调研，到0912第一版上线，用时不到一个月。

因为前端技术是现学的，所以一遍自研系统，一遍成体系的输出前端入门教程。截止今天1028，自研的博客系统已经快速迭代了8个版本，前端入门教程目前完成了html+css+JavaScript的输出，vue和elementPlus系列也排上了日程。

功能上，也从第一版的只有文章阅读功能，逐步迭代完善，截止当前版本已经有了如下功能：

1. 文章教程专栏功能；
2. 资源&友链展示；
3. 微信扫码登录&账密登录；
4. 后台管理相关：文章管理、教程管理、友链管理、微信公众号关键字管理；
5. 底层基础组件：RBAC权限体系；

怎么做的？

需求调研

这个阶段，主要参考了知乎、CSDN、掘金、vue官网，以及一些优秀博主基于vuepress搭建的静态网站。

最后拟定了一个大致的功能清单，和布局设计（重点参考了掘金和vue官网）：

技术栈选型

首先是静态站点还是动态站点？这个简单思考，就得出了结论-动态！

一开始我就没打算考虑seo，为什么不考虑seo？没必要！日常在用谷歌、百度检索的过程中，几乎很少检索到个人博客，哪怕是大家所熟知的博主，CSDN、掘金、知乎，专业知识平台的seo是做得很好的，

决定形态后，就是具体的技术栈选型。

首先是前端。简单对比了下vue和react，发现vue对新手更加友好，结合element-plus，个人建站足够。

后端就直接使用自己熟悉的java就好。

整个技术栈的版本，一开始就考虑要开源，所以所有技术栈的版本都选择了比较新的。

后端：