前端vue给后端list集合对象传值

今天编写项目时遇到一些问题，就是不知道前端怎么给后端的list赋值
因为前面做的都是单个查询
如下

package com.chx.disService.query;import io.swagger.annotations.ApiModel;
import io.swagger.annotations.ApiModelProperty;
import lombok.Data;import java.io.Serializable;@ApiModel(value = "数据查询对象", description = "数据查询对象封装")
@Data
public class DataQuery implements Serializable {//这个是api后面的解释@ApiModelProperty(value = "测点名称 1号监测点 2号监测点")private Integer point;@ApiModelProperty(value = "实时数据 1小时数据 2小时数据")private Integer data;@ApiModelProperty(value = "查询开始时间", example = "2018-12-20 11:17:12")private String begin;//注意，这里使用的是String类型，前端传过来的数据无需进行类型转换@ApiModelProperty(value = "查询结束时间", example = "2018-12-30 11:17:12")private String end;
}

前端通过DataQuery.point即可为这个point赋值

这次查的对象里面有list集合

如下

package com.chx.disService.query;import io.swagger.annotations.ApiModel;
import io.swagger.annotations.ApiModelProperty;
import lombok.Data;import java.io.Serializable;
import java.util.List;@ApiModel(value = "数据查询对象", description = "数据查询对象封装")
@Data
public class ComplexQuery implements Serializable {//这个是api后面的解释@ApiModelProperty(value = "测点名称 1号监测点 2号监测点")private List points;@ApiModelProperty(value = "实时数据 1小时数据 2小时数据")private Integer data;@ApiModelProperty(value = "查询开始时间", example = "2018-12-20 11:17:12")private String begin;//注意，这里使用的是String类型，前端传过来的数据无需进行类型转换@ApiModelProperty(value = "查询结束时间", example = "2018-12-30 11:17:12")private String end;
}

这次的points是List集合，一直纠结如何传值
后来发现还是ComplexQuery.points这样还可以给这个list赋值
这个是后端的测试显示的list集合里面的值，说明赋值成功

=================
[1, 2]
=================

新创建一个公众号 Rockey小何同学 想相互交流的同学可以关注一下哈！感谢支持！

前端vue给后端list集合对象传值相关推荐

前端Vue请求后端Django遇到127.0.0.1拒绝访问
前端Vue和后端Django搭建前后端分离的项目我是看的这几个链接讲的如何实现前端Vue后端Django的前后端分离的项目的搭建(几个链接的内容实际上大同小异): Python 3+Django 3 ...
从零开始创建一个个人博客前端Vue，后端node.js（第一天）
一.前言(具体代码在尾页) 1.创建vue项目可以使用vue ui命令进行快速的搭建 2.由于我是一个新手所以说,前端使用的是element ui快速构造了一个网页(头秃,没有设计稿,ui空白一片), ...
前端vue与后端golang数据库mysql 实现登录操作
最近学了golang语言,简单写一个登录操作的demo. 首先,也是最基本的,先写一个登录框页面,如图. 附代码 <template><div><el-form:mode ...
基于SpringBoot+SpringCloud+Vue前后端分离项目实战 --开篇
本文目录前言做项目的三大好处强强联手(天狗组合) 专栏作者简介专栏的优势后端规划 1. SpringBoot 和 SpringCloud 的选择 2. Mybatis 和 MybatisPl ...
前端vue.js传参list集合，springBoot后端接受方式。
方式一: 前端写法 export function saveReport(data) {debuggerreturn axios({url: '/api/sjkhsj/saveReportImport ...
后端使用SpringBoot和Jwt工具与Redis数据库+前端Vue Element Admin实现用户携带token的登录功能案例
登录功能描述: 前端输入对应的用户信息 ,在用户输入邮箱后点击发送按钮给邮箱发送验证码,拿取到验证填完之后,点击登录按钮给后端发送请求 ,后端接收到请求之后 ,第一步校验验证码,第二步校验用户名和密 ...
Spring Boot + Vue 前后端分离开发，前端网络请求封装与配置
前端网络访问,主流方案就是 Ajax,Vue 也不例外,在 Vue2.0 之前,网络访问较多的采用 vue-resources,Vue2.0 之后,官方不再建议使用 vue-resources ,这个 ...
后端学习前端 Vue 框架基础知识
文章目录一.Vue 基础语法学习 1.Vue 语法指令 2.Vue 实例属性 (1)el (2)data (3)methods (4)computed 3.事件修饰符 4.按键修饰符 5.Vue实例 ...
手把手教你在局域网部署前端vue+后端php的网站服务
教你在局域网部署前端vue+后端php的网站服务 1.阅读对象本篇教程适合新手阅读,老手直接略过 2.教程难度初级本人水平有限,文章内容难免会出现问题,如果有问题欢迎指出,谢谢正文如今网站建 ...

前端vue给后端list集合对象传值

这次查的对象里面有list集合

前端vue给后端list集合对象传值相关推荐

最新文章

热门文章