Vuetify有一套基于CSS FLEX-BOX的栅格系统。 Vuetify的栅格也是12栅格系统，其中的主要标签是： v-container，类似于各种前端框架的container，是一个把内容集中于屏幕中央的容器，可以加上fluid属性扩展至全屏。 v-layout，用于区分不同的大区域，是v-
一上来其实我前端是有点懵逼的，压根没想好怎么写。 倒不是懵逼在项目的样式怎么配，好看不好看这种问题，而是Vue才刚刚看完，还没有写过什么实际项目，这次就要直接上了，逻辑有点混乱，不过确实刺激。 想了一下，既然逻辑还不是很清晰，就先从最简单的入手，想象一下页面进来以后会发生什么事情，然后一点一点实现就
学编程到最后就是学设计果然如此，在脑子了构思了很多次前端的流程，发现上一版代码写的比较烂，代码还可以写的更好一点，还是需要重构一下。 经过考虑还是没有继续分业务层和DAO层，因为毕竟业务逻辑比较简单，直接在控制器内完成全部操作。 后端重构 重构用户和TOKEN部分 重构获取投票结果部分 重构进行投票
后端设计 先是后端部分： 暴露如下两个端点： REST端口，用于获取用户JWT，这个是公开的。路径叫做/auth REST端口，用于接受POST进来的投票和请求当前的投票结果，路径叫做/vote 经过一下午奋战，现在已经编写完成。 /auth接受x-www-formdata的POST请求，如果用户名
看了认证流程，终于可以知道如何来修改Spring Security实现自己的JWT认证方式了。 粗看了一下，由于JWT的前提是用户名和密码需要通过认证，因此有很多种办法，比如： 由于返回JWT的前提是用户名和密码通过验证，就继承UsernamePasswordAuthenticationFilter
在开始做JWT认证之前，先要来学习一下JWT库的用法。 一 JWT库 Header Claims 签名部分 jjwt依赖 二 生成JWT 添加header信息 添加Claims信息 使用密钥进行签名 三 解析JWT 捕捉解析异常 一 JWT库 常用的JWT库是
为了能够早日攻克JWT验证，要好好学一下Spring Security。 Spring Security认证原理 Authentication 如何验证用户身份 AuthenticationManager DaoAuthenticationProvider UserDetails 认证流程图 Spr
Spring Boot处理异常的时候有两种办法： 根据状态码创建对应错误页面 自定义错误类型返回具体JSON 在编写REST风格的API的时候，如果通过浏览器访问不存在的地址，会得到一个HTML格式的错误。如果用非浏览器比如POSTMAN朝不存在的地址发一个响应，得到的是一个： {
"tim
这里的用户鉴权是前端的版本，正好这个视频还有关于前端用户鉴权的教程，就来先学习一下。由于后端可以使用Firebase，所以很方便。 到了Java的时候，再详细来试验Shiro框架和JWT鉴权的部分。 前后端分离用户鉴权的理论 配置firebase 使用Firebase API和鉴权 鉴权的其他应用
Vue的基础部分学完了，但是还缺少几个例子来实际看看到底基于SPA的页面是怎么组织的。不过在之前还有一个要看看，就是axios库，用来发送AJAX请求给后端。 Vue官网的cookbook中有一部分是关于axios如何使用的，结合这个和之前Udemy的视频一起来自学一下。 安装Axios和导入 初步
