【微服务】146：商品品牌业务后台Java代码编写今天是刘小爱自学Java的第146天

今天是刘小爱自学Java的第146天。
感谢你的观看，谢谢你。

文章图片
学习计划安排如下：
昨天实现了前端页面的编写以及发送请求，今天关于异步请求工具axios的简单说明。
关于商品品牌，后台代码的完整编写。
【【微服务】146：商品品牌业务后台Java代码编写】两个重要知识点：分页助手插件的使用，通用mapper高阶查询的使用。
一、异步请求工具axios
我们以前使用的是jQuery发送ajax请求，但是在Vue中还要引入jQuery不太方便。
Vue官方推荐的ajax请求框架叫做：axios

文章图片
axios支持Http的所有7种请求方式，并且有对应的方法如：Get、POST与其对应。
另外这些方法最终返回的是一个Promise ，对异步调用进行封装。
因此可以用.then()来接收成功时回调， .catch()完成失败时回调，也就是我们昨天的代码编写。
但是昨天写的代码很难看出来是使用的axios ，因为其有配置让其使用更简单了。
axios的配置

文章图片
使用axios发送请求
prototyte ，原型的意思，有什么作用呢？
就相当于给Vue这个类增加了一个$http方法，对应的就是axios ，昨天发送请求时使用的this.$http其实就相当于这里的axios 。
本来呢如果要使用axios ，需要先引入axios ，再使用axios调用get方法即可发送get请求。
做了该配置后，就不用引入axios库了，直接调用vue的$http方法即可。
基础请求路径
直接引用config.js文件中的url即可，也就是网关对应的域名+路由，最先开始就说明过。
二、后台代码编写
个人的编写代码思路：
首先确定对应实体类，其次确定请求参数、请求路径和返回值，最后Java三层代码编写。
1实体类和数据表

文章图片
数据库中对应的数据表为tb_brand ，编写实体类Brand和其一一对应。
2返回值数据
编写一个分页数据实体类，在其它业务中若是需要分页数据也可以使用这个类。
所以将其存放到lxa-common微服务中，其它微服务要用这个直接引用即可。

文章图片
分页数据包括了：分页总条数，总页数以及当前页数据数。
这个items也就是我们通过数据库查询到的Brand集合。
3Controller层
该层接受请求和响应处理后的数据，其最重要的也就是请求路径和请求参数。
通过浏览器F12可以查看到发送的请求路径以及请求参数。

文章图片
关于请求路径
注解@RequestMapping和@GetMapping确定其请求路径，当然全路径中还包括网关对应的域名以及配置的路由。
关于请求参数
一共有5个参数，逐一说明：
page：当前页码数，默认设定为第1页。
rows：每页展示多少行数据？默认设定为5行。
sortBy：根据什么参数排序，上图中就是根据id排序，该参数可以没有。
key：这个是前端页面搜索框中输入的数据，根据key模糊查询。
desc：排序规则，如果是true ，降序排序；如果是false ，升序排序。
defaultValue设定默认值， required=false表示该参数可以没有，如果不写的话默认为true ，必须要有该参数才行。