后端接收复杂数据类型——json对象包含类对象和类对象数组

前端向后端传递的数据格式
在这里插入图片描述
定义一个接收数据的实体类

public class Specification implements Serializable {
    private TbSpecification specification;

    private List<TbSpecificationOption> specificationOptionList;

    public Specification() {
    }

    public TbSpecification getSpecification() {
        return specification;
    }

    public void setSpecification(TbSpecification specification) {
        this.specification = specification;
    }

    public Specification(TbSpecification specification, List<TbSpecificationOption> specificationOptionList) {
        this.specification = specification;
        this.specificationOptionList = specificationOptionList;
    }

    public List<TbSpecificationOption> getSpecificationOptionList() {
        return specificationOptionList;
    }

    public void setSpecificationOptionList(List<TbSpecificationOption> specificationOptionList) {
        this.specificationOptionList = specificationOptionList;
    }
}

把一个数据对象的两个属性分别插入到两张表中,同时这两张表存在关联关系
关联规格id
在这里插入图片描述
mybatis的id回显
插入数据的id字段是自增的,当我们完成插入操作后,mybatis不会把id在进行赋值给插入之前的变量
在需要id回显的数据库操作语句的mapper.xml中配置
在这里插入图片描述
service层

public void addSpecification(Specification specification) {
	specificationMapper.insert(specification.getSpecification());//插入规格
	//循环插入规格选项
	for(TbSpecificationOption specificationOption:specification.getSpecificationOptionList()){
		specificationOption.setSpecId(specification.getSpecification().getId());//设置规格ID
		specificationOptionMapper.insert(specificationOption);
	}
}

controller层

@RequestMapping("/add")
public Result addSpecificaton(@RequestBody Specification entity){
	try {
		specificationService.addSpecification(entity);
		return new Result(true,"添加成功!");
	}catch (Exception e){
		e.printStackTrace();
		return new Result(false,"添加失败!");
	}
}
当将`FormData`数据转换成JSON字符串或者对象数组后,后端如果期待接收到完整的文件信息(例如图片、视频),单纯地转换为纯文本(JSON或URL-encoded)可能会丢失文件内容。这是因为`FormData`包含了二进制数据,比如文件流,直接转成JSON或普通的键值对会丢失这部分信息。 为了正确地将包含文件的`FormData`发送给后端,你需要按照后端的要求进行以下操作: 1. **获取文件对象**:从`FormData`提取出单个文件对象(`File`对象),它保留了文件名、大小以及二进制数据。 ```javascript let fileInput = document.querySelector('input[type="file"]'); let files = fileInput.files; let fileToUpload = files[0]; // 或者索引来选择你要上传的文件 ``` 2. **创建`Blob`或`ArrayBuffer`**:对于`File`对象,可以创建一个`Blob`或`ArrayBuffer`,它们是二进制数据的表示形式。 ```javascript let blob = new Blob([fileToUpload], {type: fileToUpload.type}); ``` 3. **分发到后端**:现在你有了一个二进制数据对象,可以根据后端API的需求将其转换成适合的形式发送。如果是`multipart/form-data`格式,可以直接将`blob`或`FormData`提交,因为它们已经包含文件信息。 ```javascript let formData = new FormData(); formData.append('file', blob, fileToUpload.name); // 发送POST请求 fetch('/api/upload', { method: 'POST', body: formData, }) .then(response => response.json()) .catch(error => console.error(error)); ``` 如果你的后端使用Node.js,可以考虑使用`multer`间件来处理文件上传。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值