springbootvue批量添加多表以及数据

data() {
  return {
    selectedData: [], // 用于保存选中的数据的id的数组
    // 其他数据和方法
  }
},
methods: {
  handleDataSelection(dataId) {
    if (this.selectedData.includes(dataId)) {
      // 如果数据id已经存在于数组中，则从数组中删除
      const index = this.selectedData.indexOf(dataId);
      this.selectedData.splice(index, 1);
    } else {
      // 否则，将数据id添加到数组中
      this.selectedData.push(dataId);
    }
  },
  // 其他方法
}

import axios from 'axios';

// ...

methods: {
  batchAddData() {
    axios.post('/api/batchAddData', {
      selectedData: this.selectedData
    })
      .then(response => {
        // 处理后端返回的响应
        console.log(response.data);
      })
      .catch(error => {
        // 处理错误
        console.error(error);
      });
  },
  // 其他方法
}

@RestController
@RequestMapping("/api")
public class DataController {

  @Autowired
  private MainTableRepository mainTableRepository;

  @Autowired
  private SubTableRepository subTableRepository;

  // ...

  @PostMapping("/batchAddData")
  public void batchAddData(@RequestBody List<Long> selectedData) {
    selectedData.forEach(dataId -> {
      // 添加主表数据
      MainTable mainTable = new MainTable();
      // 设置主表数据的属性
      mainTableRepository.save(mainTable);

      // 添加从表数据
      SubTable subTable = new SubTable();
      // 设置从表数据的属性
      subTable.setMainTable(mainTable);
      subTableRepository.save(subTable);
    });
  }

  // 其他方法
}