基于springboot+vue的前后端分离的简单博客（markhub博客）

最近在b学习了这个项目，估计得搞几天，在这记录一下吧。up主的英语我就不吐槽了。。不过up的笔记做的挺好，和他的视频完全两回事。。。。（ps:这个项目不太推荐，首先up推荐的shiro-jar包不好理解且过时了，其次没用到其他技术，去看我写的另一个up主的博客项目吧。那个会项目会比较好一点。但是这个学到多少东西看个人。）
视频
笔记

• 这个项目分为部署本地和部署在服务器上两部分。
• 先看效果
  
  

技术栈

• springboot + shiro + redis + vue + element-UI

• 大致框架
  

• 我感觉这个项目的主要难点在于shiro与jwt的整合，没有相关基础的话看起来那是相当难受。

在此利用本博客做一些相关的笔记，有兴趣的小伙帮可以传送b站啦,提醒一下，虽然该项目没用到redis，但是引入了shiro-redis，所以运行项目时记得打开redis哦，up主一直开着本地的reids（但是他没提。。。）

• 在强调一句，一定要先去了解shiro与jwt的相关知识

============================================================

今天就大概画个登录的逻辑图吧，睡了睡了。。

干活了干活了，起床干活了

shiro编码整合与shiro登录逻辑开发

这里up讲的很绕，我画了好几页图才明白个大概。（如有错误希望读者指导，我也是小白）

首先这里主要关系到三个类

1. ShiroConfig（配置）
2. JwtFilter（定义jwt的过滤器JwtFilter）
3. AccountRealm（进行登录或者权限校验的逻辑）

整个流程

• 这里主要绕在左下角的部分

首先在JwtFilter类获得jwt后，需要生成jwtToken（我们自己定义的，因为up主用的shiro整合jwt，放弃了原来的UsernamePasswordToken),然后在AccountRealm类中校验jwtToken，通过的话返回JwtFilter类执行自动登录。

每个部分

• ShiroConfig
  

• JwtFilter
  

• AccountRealm
  

总结

• Shiro作为我们的的权限。
• jwt作为我们用户身份凭证。

接下来就是正常的登录与博客接口，就是普通crud和前端的设计了，不过跟着up学会了一点点用postman测试接口，挺开心的哈哈哈。

后面就是去多了解shiro与jwt了