m0_58498702的博客

第一步，新建文件，选举springInitializr。如果选择的版本太高，会导致报如下错误，需要降低版本。勾选web里面的springweb,点击创建。第二步，选择版本号，不要太高。第三步，运行一下，看是否成功。

该项目搭建过程，是本人根据黑马视频的大事件视频，一边看，一边写的，大家看不懂的话，建议直接去看黑马程序员的视频，我这个属于自己对他视频做的开发步骤笔记。

在request.js添加拦截器修改article.js测试。

这是controller层注解用了@Controller而不是@RestController。4，构造实体类，创建一个Pojo包，再创建一个JSF_User类。5,创建Mapper接口， Service接口和实现方法。3在application.yml配置属性。1先创建mysql表，样例如下。2在pom.xml导入相关依赖。6创建Controller类。（2）启动报错：看看。

springboot默认启动类只能扫描到自己所在包及其子包下的内容，其他的地方扫描不到例如，我在com.ithema下面创建一个Test类启动项目报404，说明没有被扫描导如果我们想扫描到我们需启动类上加上扫描注解@ComponentScan(basePackages = “com.itheima”)再启动，变发现扫描到了@ComponentScan用于批量注册bean。这个注解会让spring去扫描某些包及其子包中所有的类，然后将满足一定条件的类作为bean注册到spring容器容器中。

先在mysql中新建数据库，创建user,category,article这三张表user(用户表)category(分类表)设置主外键关系设计article表。

设置用户注册接口的响应数据类Result。

设置用户注册接口的响应数据类Result。

jwt定义了一种简洁，自身包含的格式，用于通信双方以json数据格式安全的传输信息；新建Interceptors包，新建LoginInterceptor。我们新建一个ArticleController类进行测试。新建Config包，新建WebConfig为配置类。在userController添加登录的构造函数。设置一个拦截器，这样就不用在每个请求里面设置方法。设计登录认证，使用户必须先登录才能访问其他接口。所以，我们必须借助令牌接口，进行身份识别。在postman上进行登录。发现能访问，这是不可以的。

声明获取用户信息方法，定义在UserController层，通过解析token获得在用户相关接口处配置Authorization：，这样一会设置其他请求就不用再配置了测试连接。

PUT 请求常用于更新资源。例如，我们可以使用 PUT 请求将一个用户的信息更新到服务器上。在 Spring Boot 中，我们可以使用 @PutMapping 注解将 PUT 请求映射到指定的处理方法上。

在UserController类中，头像要用PatchMapping。发现没有获取update_time。我们发现传其他地址的时候，也更新了。只更新一部分，所以用patch请求。再点一下，失败，因为密码已经修改了。controller层写方法。service层，impl。Service层和实现类。再启动，发现说数据太长了。在网上找个图片地址复制。添加一个@URL注解。

在Category的关于时间上添加注解**@JsonFormat(pattern = “yyyy-MM-dd HH:mm:ss”)**在service层添加CategoryService和实现类。因为在id上添加了@NotNull，结果影响了添加方法。设置Service的接口方法和实现类的方法。所以，我们必须修改一下，设置分组校验。在category类里面添加接口方法。设置在Controller层的方法。service层和实现类。service层和实现类。controller层。controller层。

因为已有校验不能满足所有校验需求，例如state,所以我们需要自己定义。定义StateValidation类实现ConstraintValidator接口;在需要校验的地方使用自定义接口创建anno包，创建注解state1自定义注解import com@Documented //元注解 抽取到帮助文档 //Target元注解，标识这些注解可以用在哪些地方，FIELD表示属性上 @Target({

在controll新建FileUploadController类。

修改密码后，旧的密码令牌没有立刻作废，优化;在登录生成令牌后，也要存一份到redis，在发送给浏览器。在登录拦截器获取令牌时，要和redis中的令牌进行对比当用户修改密码成功后，删除旧的令牌。

因为集成redis,s所以先打开redis。

在src目录下新建 api,utils,views文件夹。删除componets目录下自动生成的所有文件。在utils文件夹下创建request.js。启动项目，记得是要在管理员下启动。

在Login.vue定义数据模型并且绑定。

vue的登录界面代码

修改request.js代码修改登录注册代码测试。

主页面代码,在view下面创建mainLayout.vue。在app.vue观看一下。

在前端中，路由指的是根据不同的访问路径，展示不同的内容vue Router的vue.js的官方路由。

/定义store/*** 第一个参数：名字，唯一性* 第二个参数：函数，函数的内部可以定义状态的所有内容* 返回值：函数*///对token进行保存//定义状态内容//1响应式变量//2定义一个函数，修改token//3函数，移出tokenreturn {});