@GetMapping:这个注解表明这是一个处理HTTP GET请求的控制器方法,请求路径为/getList。
@ApiOperation:这是Swagger框架的注解,用于生成API文档。这里的value描述了API的功能,produces指定了API响应的内容类型。
@ApiImplicitParams:这个注解用于描述API的查询参数。每个@ApiImplicitParam都定义了一个参数:
name:参数名。
value:参数的描述。
defaultValue:参数的默认值。
dataType:参数的数据类型。
paramType:参数的类型,这里是query,意味着这些参数将作为URL查询字符串的一部分传递。
allowMultiple:是否允许多个相同名称的参数值,通常用于数组或列表类型的参数。
getDataList:这是Vue.js中的一个方法,用于获取数据列表。
this.$http:这是Vue.js中发起HTTP请求的方式,这里使用GET方法调用后端API。
params:这是请求参数对象,其中pageIndex和limit是直接从Vue实例的属性中获取的,...this.queryObj则是将一个对象展开,将其中的键值对作为额外的查询参数添加到请求中。
then:这是异步请求成功后的回调函数,用于处理返回的数据。在这里,res.data.content和res.data.total分别被赋值给this.datas和this.total,用于更新Vue实例中的数据,从而更新前端界面。
总结来说,前端通过getDataList方法调用后端的/getListAPI,传递必要的查询参数,后端根据这些参数处理请求并返回数据,前端再将这些数据用于渲染页面。
特别说明:...this.queryObj 的作用是将 this.queryObj 对象的所有可枚举属性展开并添加到 params 对象中。这意味着 this.queryObj 中的每一个键值对都将被添加到 params 对象中,与手动添加的 pageIndex 和 limit 并列存在
总结 前端通过http get了 后端的url ,后端通过注解 也会表明自己的接应地址,同时前端表明请求参数在params,后端也会 @ApiImplicitParam 里面声明这些被请求数据的信息