前端vue+后端springboot的 自己想法 联系

@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 里面声明这些被请求数据的信息