vue前端
接入接口引用
inserts(msg):js文件引入的后端接口
methods: {
submitAll() {
//获取到当前页面的批量入库列表
this.rukuList;
//list对象转换为json字符串数据格式
const msg = JSON.stringify(this.rukuList);
console.log('json数据格式',this.msg)
//接口
inserts(msg).then(response => {
if (response.code===200) {
alert("提交成功");
location.reload()
} else {
alert("提交失败");
}
})
}
},
}
Java后端
在pom.xml文件中添加以下依赖:
<!-- 阿里JSON解析器 -->
<dependency>
<groupId>com.alibaba.fastjson2</groupId>
<artifactId>fastjson2</artifactId>
<version>${fastjson.version}</version>
</dependency>
PiliangRuku:实体类
msg:json字符串
import com.alibaba.fastjson2.JSONArray;
import java.util.ArrayList;
import com.ruoyi.system.domain.PiliangRuku;
List<PiliangRuku> userList = JSONArray.parseArray(msg,PiliangRuku.class);
以上为整个前后端调用及转换过程