一款基于 Vue + SpringBoot 前后端分离、界面美观的开源博客系统

项目介绍

拾壹博客系统（Shiyi-Blog） 是一款基于 Vue + SpringBoot 前后端分离架构的开源博客解决方案。系统采用现代化技术栈构建，集成了丰富的功能模块，适用于个人博客、技术分享、知识管理等场景。其核心优势在于灵活的权限管理、高效的文件存储、强大的搜索能力以及多元化的登录方式，同时提供了即时通讯聊天室功能，增强了用户互动体验。

应用场景

拾壹博客系统适用于个人博客、技术分享、知识管理等场景。它提供了一个完整的博客解决方案，包括文章发布、评论互动、用户管理、权限控制等功能，满足不同用户的个性化需求。

功能模块

前端模块

• blog-web：前台展示模块，负责博客文章的展示、评论、搜索等功能。
• blog-admin：后台管理模块，负责博客内容的管理、用户权限控制、系统配置等。

后端模块

• mojian-admin：后台管理系统的controller模块，处理后台管理请求。
• mojian-common：通用模块，包含公共的工具类和常量。
• mojian-auth：认证模块，处理用户登录、权限验证等。
• mojian-file：文件模块，处理文件上传、下载等。
• mojian-quartz：定时任务模块，处理定时任务调度。
• mojian-server：博客启动类模块，负责整个博客系统的启动。
• mojian-api：门户接口模块，提供前台展示所需的API接口。

功能模块详情

• 文章管理：支持文章的发布、编辑、删除、分类、标签管理等功能。
• 评论管理：支持评论的发布、回复、删除、表情输入等功能。
• 用户管理：支持用户注册、登录、信息修改、权限控制等功能。
• 搜索功能：支持文章标题、内容的搜索，并高亮显示搜索关键词。
• 第三方登录：支持QQ、微博、码云、微信公众号等第三方登录方式。
• 文件上传：支持七牛云OSS或本地上传模式，灵活配置。
• 日志管理：通过AOP注解实现日志管理，方便问题追踪。
• 权限控制：采用RBAC模型，支持动态权限修改，前端菜单和后台权限实时更新。

功能特点

• Markdown编辑器：采用Markdown编辑器，写法简单，支持代码高亮和复制。
• 评论互动：评论支持表情输入回复等，增强用户互动性。
• 前后端分离：适应当前潮流，前后端分离部署，提高系统可扩展性和维护性。
• 第三方登录：接入多种第三方登录方式，减少用户注册成本。
• 炫酷留言：留言采用弹幕墙，更加炫酷，提升用户体验。
• 深色模式：支持深色模式，保护用户视力。
• 快速响应：搜索文章支持高亮分词，响应速度快。
• 动态权限：支持动态权限修改，采用RBAC模型，实时更新前端菜单和后台权限。
• 博客配置：后台管理支持修改背景图片，博客配置等信息，操作简单。
• 群聊功能：使用websocket技术实现博客群聊功能，支持发送表情、动图、文件、语音、图片。

项目技术栈

前端技术栈

• 门户前端：Vue2.0 + Vuex + vue-router + axios + elementUi
• 管理系统前端：Vue3.0 + pinia + vue-router + axios + element-plus + echarts

后端技术栈

• 框架：SpringBoot
• Web服务器：nginx
• 容器化：docker
• 认证授权：sa-token
• API文档：Swagger2
• ORM框架：MyBatisPlus
• 数据库：Mysql
• 缓存：Redis
• 搜索引擎：elasticsearch（可选）
• 对象存储：七牛云OSS（可选）

功能演示

开源地址

https://gitee.com/quequnlong/shiyi-blog