博客介绍
基于 SpringBoot3 + Vue3 开发前后端分离个人博客系统
项目部分截图
前台
后台
开源地址
Gitee地址： https://gitee.com/kuailemao/ruyu-blog
Github地址： https://github.com/kuailemao/Ruyu-Blog
运行环境
后端：
名称环境MySQL8.0Redis7.2.3RabbitMQ最新minio最新JDK17
前端：
名称环境pnpm8.12.0node16.17.0
项目部署
部署文档地址： https://kuailemao.xyz/article/48
项目特点
- 前端参考了众多优秀博客大佬设计，页面美观，响应式布局
- 后台管理基于 Antdv Pro 后台通用框架二次开发
- 前后端分离，Docker Compose 一键部署
- 采用 RABC 权限模型，使用 SpringSecurity 进行权限管理
- 支持动态权限修改、动态菜单和路由
- 文章、分类、标签、时间轴、树洞、留言板、聊天、友链等模块
- 站长介绍、公告、电子时钟、随机文章、每日鸡汤、网站资讯
- 支持代码高亮、图片预览、黑夜模式、点赞、收藏、评论等功能
- 评论支持在线预览、Markdown、表情包
- 发送友链申请、通过等自动发送邮件提醒
- 接入第三方 gitee、github登录，减少注册成本
- 文章编辑使用 Markdown 编辑器
- 实现日志管理（操作、登录），服务监控、用户、菜单、角色、权限管理
- 使用 自己搭建 minio 进行图片存储（避免了使用第三方对象存储被刷流量问题）
- 使用 拦截器 + Redis 对接口进行了限流处理（每分钟）,后端使用 JSR 303 对参数校验，使用 Spring Aop + RabbitMQ 对后台操作日志处理
- 采用 Restful 风格的 API，注释完善，后端代码使用了大量 stream 流编程方式，代码非常美观
- ……
技术介绍
前台前端（博客）： Vue3 + Pinia + Vue Router + TypeScript + Axios + Element Plus + Echarts……
后台启动（管理）： Vue3 + Pinia + Vue Router + TypeScript + Axios + Antdv Pro + Ant Design Vue……
后端： JDK17 + SpringBoot3 + SpringSecurity + Mysql + Redis + Quartz + RabbitMQ + Minio + Mybatis-Plus + Nginx + Docker……
其他： Gitee、Github 第三方登录
运行环境
推荐
最低 2 核 4 G
我的： 腾讯云 2 核 2 G 4 M * 2 （穷）
系统：****OpenCloudOS
前端： Docker 后端： jenkins
后续计划（有空）
白天上班，只能抽空优化项目，还望理解
- 持续优化前台响应式
- 新增用户设置、支持修改邮箱、头像、昵称…
- 重构移动端首页
- 重构移动端文章页面
- 重构各种功能邮箱提醒(v1.4.1)
- 实现后台导入导出
- 实现前台搜索
- 前台添加更加有趣的效果
- 前台音乐播放器
- 后台图片资源管理模块
- 找出并修复一些隐藏的bug(持续完善)
- 前端响应速度优化到网络正常的情况下5秒以内
- 后台首页数据大屏
- 后台图片资源管理
- 博客app版本
- 博客小程序版本
项目总结
整个项目花费了大量的时间与精力（尤其是前台前端），作者独自手写了三个月左右，除了后台的页面使用了一个后台框架模板外，其他的全部一点一点手写（包括后台的全部模块），这也是我第一次正式的开源一个项目（莫名成就感），虽然但是这个项目我并不觉得很完美，一部分是因为我自己技术有限的原因（主后端的全栈选手），一部分是项目还没经过时间的拷打，开发过程中也参考了很多优秀的项目，在这里感谢大家的开源项目，希望我的项目也能给你带来收获。
最后
该文档初次编写可能存在一些问题，如果发现，后面会进行修改提交
该项目交流群： 查看开源地址
版权归原作者 kitty_Happy 所有， 如有侵权，请联系我们删除。