分享好友 最新动态首页 最新动态分类 切换频道
2024最新的开源博客系统:vue3.x+SpringBoot 3.x 前后端分离
2024-12-26 20:59

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

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

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

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

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

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

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

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

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

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

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

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

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

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

需求调研

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

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

技术栈选型

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

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

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

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

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

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

后端

技术栈版本备注SpringBoot3.3.2https://docs.spring.io/spring-boot/index.htmloracle-jdk2121.0.4https://www.oracle.com/java/technologies/downloads/#jdk21-windowsmaven3.8.8git2.43.0knife4j4.4.0https://doc.xiaominfo.com/docs/quick-startmybatis-plus3.5.7https://baomidou.com/getting-started/Mysql5.7.44Hutool-all5.8.26https://doc.hutool.cn/pages/index/

前端

技术栈版本备注Vue3.4.37https://cn.vuejs.org/guide/quick-start.htmlvue-router4.4.3https://router.vuejs.org/zh/guide/element-plus2.8.1https://element-plus.org/zh-CN/axios1.7.7https://axios-http.com/docs/api_intropinia2.2.2md-editor-v34.19.2https://imzbf.github.io/md-editor-v3/en-US/index

小步快跑

功能规划有了,技术选型也确定了。然后就是一边学习前端技术,一边实现博客功能。

版本迭代发布,也是基于先做成,再做好的思路。

不到一月,完成了从技术学习,到编码实现,发布了第一版本。然后就是持续迭代,完善功能。具体的更新日志参考:https://fangcaicoding.cn/article/3

最初计划是11月中旬,再对项目进行开源,也提前了半个月进行开源。

功能完善

目前博客系统还有很多功能都还没有实现,再未来的两个月内,都会陆续迭代完善。包括

  1. 评论系统

      1. 引流配置

        • 后台管理功能完善

            配套的教程输出

            20241020

            • 文章模板编辑功能-文章内容保存时支持维护文章模板
            • 网站导航;包括分类展示、访问量、后台管理等
            • 网页UI样式调整
            • 版本截图

            20241003

            • 接入百度统计(0913就接入了,忘了记录日志

            • 实现文章搜索功能

            • 教程列表增加封面展示

            • 后台管理功能实现

              • 文章管理:curd+排序
              • 教程管理:curd+教程文章列表维护
            • 版本截图

              • 百度统计后台数据

              • 全局搜索功能

              • 后台文章管理

              • 后台教程管理功能

            20240928

            • 完成网站的公安备案

            • 实现文章通用模板功能,统一增加了自我介绍内容

            • 版本截图

            20240920

            • 增加阅读数记录和展示

            • 统一封装前端css样式文件

            • 优化文章title展示样式

            • 更新专栏《从零到一,入门级编程指南》,增加文章1篇

            • 教程详情-版本截图

            20240917

            • 增加导航栏

            • 实现(专栏)教程功能

            • 新增 ElasticSearch 系列文章

            • 优化前端组件的封装

            • 版本截图

            20240912

            • 20240114 基于halo2.x 网站上线

            • 2020817 计划更新文章,halo出现bug,后台账号无法登陆决定自研博客系统

            • 2020819 开始研发设计,至20240912上线第一个版本

            • 版本功能说明

              • 首页-博客列表
              • 博客详情页
              • 登录功能
              • 博客新增和编辑功能
            • 以下为版本截图


            近期更新计划(有需要的小伙伴,记得点赞关注

            1. 等前端框架入门教程,预计11中旬更新完成
            2. 博客系统功能完善,实现评论系统等功能
            最新文章
            白茶一斤售价如何才能不亏本
            其次,合理安排生产计划也是提高生产效率的重要手段。根据市场需求量进行合理预测,并制定相应的采摘和加工计划,避免资源浪费和库存积压。供应链管理对于降低成本、提升竞争力至关重要。建立稳定可靠的供应链网络能够确保原材料及时到达并
            SEO介绍质量,详细分析关键词布局的艺术
            在当今互联网时代,搜索引擎优化(SEO)已经成为企业提升网站排名、增加流量、提高品牌知名度的重要手段。SEO的核心在于对网站内容的优化,而的则是优化过程中的关键环节。本文将从关键词布局的角度,探讨如何进行SEO评估,以提升网站质量
            刀疤王是如何捕获远古泰坦雪魔的? #哥斯拉大战金刚2 #哥斯拉 #金刚 #科幻电影
            {{if !data.isVip && data.isActText}}{{else if !data.isVip && !data.isActText}}{{else}}{{if !data.isNormalVip}}{{if data.expiredVip && data.isActText}}{{else if data.expiredVip && !data.isActText}}{{else}}{{/if}}{{else if d
            游戏APP广告变现零撸介绍开发软件
            游戏APP广告变现零撸介绍一、引言随着移动互联网的蓬勃发展,游戏APP作为重要的娱乐方式之一,其用户规模持续增长。为了实现盈利和可持续发展,游戏APP广告变现成为了一种重要的商业模式。而“零撸”作为近年来在游戏及广告领域兴起的概念
            谷歌SEO中,Canonical标签与301重定向有何区别?
            在搜索引擎优化的浩瀚宇宙中,Canonical标签与301重定向如同两颗璀璨的星辰,各自在引导搜索引擎爬虫、维护网站权威性和提升用户体验方面发挥着不可或缺的作用。作为一名在SEO领域摸爬滚打多年的实践者,我深知这两者虽目标相似,但实现方
            百度手机网站关键词排名,如何快速提升并稳定排名?
            在这个信息爆炸的时代,手机网站已成为我们获取信息、享受服务的重要渠道。而作为一名深耕互联网领域的实践者,我深知百度手机网站关键词排名对于网站流量、用户粘性乃至商业价值的决定性影响。通过我多年的实战经验,我发现,掌握一套有效
            跨境电商平台和独立站有什么区别?
            做跨境电商有两种形式,一是独立站,一是平台。那么独立站和平台有什么不一样?区别有哪些呢?定位区别首先定义上,独立站是拥有独立域名,自主、自由宣传推广媒体与渠道的新型网站;跨境电商平台则是跨境企业或个人进行网上交易洽谈的平台
            [教育行业新趋势]在职教育学硕士研究生热度直线上升
            随着职场竞争的加剧,越来越多的在职人员开始选择提升学历与专业技能,特别是在教育行业。在职教育学硕士研究生项目作为一种灵活的教育选择,吸引了众多想要提升自我、转换职业方向或加深教育领域知识的职场人士。近年来,这类项目的热度持
            [学习资料]机场商业规划计划书[推广有奖]
            XX机场商业规划计划书提交:XX机场一商业经营规划内容1.1商业经营项目规划内容与流程机场商业经营项目规划是对旅客以及机场数据进行研究,并利用这些数据建立一个满足机场购物、餐饮和服务需求的过程。详细地说,商业经营规划内容主要包括
            陕西发布民生领域违法广告典型案例,涉安康2例!
            2咸阳某水果店未按规定标记违法广告案经查,咸阳某水果店在抖音平台通过知识介绍、体验分享、消费测评等形式推销商品,并附加购物链接等购买方式的短视频未显著标明“广告”。当事人的行为违反了《中华人民共和国广告法》第十四条第一款及
            相关文章
            推荐文章
            发表评论
            0评