一款基于 Vue + SpringBoot 前后端分离的开源博客系统!

大家好,我是Java领域的技术爱好者。

今天,我将向您展示一个采用Vue和SpringBoot技术栈构建的开源博客系统——拾壹博客!

项目概览

拾壹博客(shiyi-blog)是一个现代化的前后端分离博客系统,支持本地文件存储和七牛云存储,集成了QQ、微信等第三方登录,并具备即时通讯聊天室功能。

核心功能亮点:

  • 采用前后端分离架构,运用前沿技术打造
  • Markdown编辑器,支持代码高亮、复制、图片预览及深色模式
  • 文章审核、评论、点赞和留言功能一应俱全
  • 支持QQ、微信、微博、Github、Gitee等第三方登录
  • 后台管理、PC Web端和Uniapp移动端全面覆盖
  • 后台管理功能强大,支持个性化配置网站信息、友情链接、评论打赏、公告等
  • 利用Netty + Websocket技术实现博客群聊和私聊功能

技术选型:

  • 前端:Vue3.0 + Element-Plus
  • 后端:SpringBoot + Sa-Token + MyBatisPlus + MySQL + Redis + ElasticSearch
  • 第三方服务:集成QQ、微博、码云、微信公众号等第三方登录,以及七牛云对象存储

功能展示

后台管理界面

  • 首页

一款基于 Vue + SpringBoot 前后端分离的开源博客系统!

  • 文章管理

一款基于 Vue + SpringBoot 前后端分离的开源博客系统!

一款基于 Vue + SpringBoot 前后端分离的开源博客系统!

一款基于 Vue + SpringBoot 前后端分离的开源博客系统!

  • 标签管理

一款基于 Vue + SpringBoot 前后端分离的开源博客系统!

  • 分类管理

一款基于 Vue + SpringBoot 前后端分离的开源博客系统!

  • 网站设置

一款基于 Vue + SpringBoot 前后端分离的开源博客系统!

  • 评论管理

一款基于 Vue + SpringBoot 前后端分离的开源博客系统!

  • 留言管理

一款基于 Vue + SpringBoot 前后端分离的开源博客系统!

PC端界面

  • 登录

一款基于 Vue + SpringBoot 前后端分离的开源博客系统!

  • 首页

一款基于 Vue + SpringBoot 前后端分离的开源博客系统!

  • 文章详情

一款基于 Vue + SpringBoot 前后端分离的开源博客系统!

  • 文章评论

一款基于 Vue + SpringBoot 前后端分离的开源博客系统!

  • 留言板

一款基于 Vue + SpringBoot 前后端分离的开源博客系统!

  • 个人中心

一款基于 Vue + SpringBoot 前后端分离的开源博客系统!

  • 消息中心

一款基于 Vue + SpringBoot 前后端分离的开源博客系统!

  • 聊天室

![](https://pic.it1024doc.com/cnblogs/202

文章整理自互联网,只做测试使用。发布者:Lomu,转转请注明出处:https://www.it1024doc.com/4419.html

赞 (0)
LomuLomu
上一篇 2024 年 12 月 26 日 上午5:52
下一篇 2024 年 12 月 26 日

相关推荐

  • IDEA插件推荐(最新IDEA2024永久激活码,IDEA破解教程)

    IntelliJ IDEA作为JetBrains公司推出的高效集成开发环境(IDE),以其智能化、便捷化的特性深受开发者喜爱。 给大家整理了IDEA永久激活码,IDEA破解教程,需要的直接浏览器访问: docs.qq.com/doc/DWHVFbWVMZklFTllu 然而,使其更加出众的是其丰富的插件生态系统。 插件不仅扩展了IDE的功能,还为开发者提供了…

    未分类 2024 年 7 月 31 日
    3.0K00
  • JavaScript 中通过Array.sort() 实现多字段排序、排序稳定性、随机排序洗牌算法、优化排序性能,JS中排序算法的使用详解(附实际应用代码)

    目录 JavaScript 中通过Array.sort() 实现多字段排序、排序稳定性、随机排序洗牌算法、优化排序性能,JS中排序算法的使用详解(附实际应用代码) 一、为什么要使用Array.sort() Array.sort() 是 JavaScript 提供的一个内置数组排序方法。它不仅仅是一个简单的升序或降序排列工具,更是一种灵活的排序逻辑实现方式。通…

    未分类 2024 年 12 月 28 日
    74300
  • 手动部署前后端分离的项目到本地

    1.准备工作 使用maven打包springboot项目为.jar文件得到springboot-0.0.1-SNAPSHOT.jar 打包vue项目 npm install -g @vue/cli安装Vue CLI 在项目根目录下,运行npm run build命令来构建项目得到一个dist文件夹 将打包好的文件通过远程仓库中转至docker虚拟机 在虚拟机…

    2025 年 1 月 11 日
    67900
  • Grok Super自己账号国内支付订阅教程

    Grok Super自己账号国内支付订阅教程,面向国内用户整理Grok Super充值、订阅和代充流程。

    未分类 2026 年 7 月 7 日
    36700
  • 履约系统:应用层、领域层、集成关系设计

    大家好,我是汤师爷~ 在这篇文章中,我们一起探讨订单履约系统的应用架构设计。 应用架构设计 我们前面讨论了系统的核心概念模型和拆单逻辑。接下来,让我们从应用架构的角度,深入了解系统的各个层次。这包括应用层、领域层,以及与其他系统的集成关系。 应用层能力 应用层定义软件的应用功能,它负责接收用户请求,协调领域层能力来执行任务,并将结果返回给用户,核心模块包括:…

    2025 年 1 月 6 日
    72000

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信