SpringBoot + Vue 前后端分离的个人博客系统

1、项目说明

  • Yuanshan一个仿掘金开发的博客,基于SpringBoot+Vue3框架实现前后端分离,界面简洁美观,功能完善,性能高效。
  • 分为用户系统和管理系统两部分,代码简洁、高效无冗余、注释详细易阅读。
  • 该项目适合初学/进阶SpringBoot+Vue3的童鞋学习。主要涉及技术包括SpringBoot、MyBatis、MySQL、WebSocket、Vue3、Axios、Vue Router、Element Plus UI、Vuex、Node.js、mavonEditor、…

体验地址:http://study.669.ink/

源码请看文末

2、技术架构

后端:
SpringBoot、Redis、MyBatis、MySQL、WebSocket、…
前端:
Vue、Axios、Vue Router、Element Plus UI、Webpack、Vuex、ES6、Node.js、mavonEditor、…

3、功能导图

3.1、访客端

在这里插入图片描述

3.2、管理端

在这里插入图片描述

4、项目效果(访客端)

4.1、登录 / 注册 / 重置密码

在这里插入图片描述
在这里插入图片描述

4.2、首页(已登录)

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

4.3、文章详情

md样式
在这里插入图片描述
代码样式
在这里插入图片描述
附件
在这里插入图片描述

评论
在这里插入图片描述

4.4,发布文章编辑器(markdown 和 富文本)

在这里插入图片描述
在这里插入图片描述
可以选择菜单分类以及添加附件
在这里插入图片描述

4.5、消息中心

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
个人中心
在这里插入图片描述
修改资料
在这里插入图片描述

5、项目效果(管理端)

5.1、登录页面

在这里插入图片描述

5.2、文章管理

在这里插入图片描述
多条件查询
在这里插入图片描述

查看评论
在这里插入图片描述
查看附件
在这里插入图片描述
文章相关操作
在这里插入图片描述

5.3、评论管理

在这里插入图片描述

5.4、菜单管理

在这里插入图片描述

5.5、用户列表

在这里插入图片描述
给用户发送系统消息
在这里插入图片描述

5.6、系统设置

在这里插入图片描述

6、源码获取

微信:yuanshan056
QQ:3162601332

  • 12
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值