Angular+SpringBoot新增外键关联产品报ConstraintViolationException

你遇到的ConstraintViolationException是数据库非空约束校验失败导致的：Product实体中@ManyToOne关联的category字段配置了nullable = false，对应数据库表product的category_id字段不允许为空，但实际新增请求提交时，传入的category参数为无效空值，插入SQL执行时触发约束报错。
具体触发问题的两个核心代码缺陷：

• 异步请求时序错误：saveProduct方法中调用findCategory查询分类的接口是异步执行的，subscribe回调不会阻塞后续代码运行，你还没等分类查询结果返回、给this.ProductCategory完成赋值，就已经组装参数发起了新增POST请求，此时this.ProductCategory为undefined，传给后端的category自然是空值。
• 缺少提交前校验：分类下拉框默认提供了空值选项，没有做必填校验，用户未选择分类时提交也会触发空值问题。

1. 修正前端异步提交逻辑 #

把POST提交逻辑放到findCategory的回调函数内，确保拿到有效分类对象后再组装参数发起新增请求，修改后的saveProduct方法代码如下：

saveProduct(value) {
  // 前置校验：未选分类直接拦截
  if (!value.category) {
    alert('请选择产品分类');
    return;
  }
  this.service.findCategory(value.category).subscribe(data=>{
    this.ProductCategory = data;
    // 接口返回分类数据后再组装提交参数
    const submitParams = {
      "name": value.name,
      "quantity": value.quantity,
      "unitPrice": value.unitPrice,
      "materiaux": value.materiaux,
      "category": this.ProductCategory
      // 注意：如果Product实体中sku等其他字段也配置了非空约束，需要在这里补充对应参数
    }
    // 发起新增请求
    this.service.postData(submitParams).subscribe(res =>{
      this.currentProduct = res;
      this.router.navigateByUrl("/new-product");
    });
  });
}

2. 可选优化：减少不必要的接口请求 #

如果不需要传递完整分类对象，可以简化逻辑：不用提前调用findCategory查完整分类信息，直接在后端根据前端传的分类id查询关联分类后再绑定到Product实体上，减少一次HTTP请求，提升性能。

3. 兜底检查 #

• 确认Product实体中所有配置了非空约束的字段（比如你代码中定义的sku字段），前端提交时都传递了有效值，避免触发其他字段的约束报错。
• 可以给分类下拉框加必填校验，移除空值选项或者在表单校验层强制要求用户选择分类后才能提交。

内容的提问来源于stack exchange，提问作者Houda Boukhobza