0

我正在使用 angularjs 和 spring boot 框架构建应用程序。我发布了一个正常的表单来休息 web api，它可以工作。但我不知道如何发布带有嵌套实体的表单数据（如另一个表中的外键）。我尝试的是：

JS：

vm.product = {
        id: '',
        name: '',
        price: '',
        detail: '',
        brand:{
            brand_id: ''
        },
        subcategory:{
            subcategory_id: ''
        }
    }
vm.submitForm = function () {

        $http.post("http://localhost:8080/api/products/", vm.product)
            .then(
                function (response) {
                    deferred.resolve(response.data);
                },
                function (errResponse) {
                    console.error('Error while creating Product: ' + errResponse.data.errorMessage);
                    deferred.reject(errResponse);
                }
            );
    }

形式

<form class="forms-sample" ng-submit="products.submitForm()">
                    <div class="form-group">
                        <label for="exampleInputName1">Name</label>
                        <input type="text" class="form-control" id="exampleInputName1" ng-model="products.product.name"
                            placeholder="Name">
                    </div>
                    <div class="form-group">
                        <label for="exampleInputPassword4">Price</label>
                        <input type="number" class="form-control" id="exampleInputPassword4" ng-model="products.product.price"
                            placeholder="Price">
                    </div>

                    <div class="form-group">
                        <label for="exampleTextarea1">Detail</label>
                        <textarea class="form-control" id="exampleTextarea1" rows="2" ng-model="products.product.detail"></textarea>
                    </div>

                    <div class="form-group">
                        <label for="exampleTextarea1">Brand Id</label>
                        <select ng-model="products.product.brand.brand_id" class="form-control" id="exampleFormControlSelect2">
                            <option>1</option>
                            <option>2</option>
                            <option>3</option>
                            <option>4</option>
                            <option>5</option>
                        </select>
                    </div>

                    <div class="form-group">
                            <label for="exampleTextarea1">Subcategory Id</label>
                            <select ng-model="products.product.subcategory.subcategory_id" class="form-control" id="exampleFormControlSelect2">
                                <option>1</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                            </select>
                        </div>
                    <button type="submit" class="btn btn-success mr-2">Submit</button>
                    <button class="btn btn-light">Cancel</button>
                </form>

实体：

@Entity
@Table(name = "product")
public class Product implements Serializable {

private static final long serialVersionUID = 1L;

//----------------------------------------------------------------------
// ENTITY PRIMARY KEY 
//----------------------------------------------------------------------
@Id
@GeneratedValue(strategy = GenerationType.IDENTITY)
private Long id;


//----------------------------------------------------------------------
// ENTITY DATA FIELDS 
//----------------------------------------------------------------------    
@Column(name = "detail", length = 2147483647)

private String detail;

private String name;
@Column(name = "price", nullable = false)

private Double price;
// Attribute "brandId" is a link
// Attribute "subcategoryId" is a link

//----------------------------------------------------------------------
// ENTITY LINKS ( RELATIONSHIP )
//----------------------------------------------------------------------


@ManyToOne(fetch = FetchType.LAZY, optional = false)
@JoinColumn(name = "subcategory_id", nullable = false)
@OnDelete(action = OnDeleteAction.CASCADE)
@JsonBackReference(value = "subcategory _id")
private Subcategory subcategory;


@ManyToOne(fetch = FetchType.LAZY, optional = false)
@JoinColumn(name = "brand_id", nullable = false)
@OnDelete(action = OnDeleteAction.CASCADE)
@JsonBackReference(value = "brand _id")
private Brand brand;


@OneToMany(fetch = FetchType.LAZY, mappedBy = "product")
@JsonManagedReference(value = "product _id")
@JsonIgnoreProperties({"hibernateLazyInitializer", "handler"})
private List<Review> listOfReview;


// getters and setters

//----------------------------------------------------------------------
// toString METHOD
//----------------------------------------------------------------------


@Override
public String toString() {
    return "Product{" +
            "id=" + id +
            ", detail='" + detail + '\'' +
            ", image1='" + image1 + '\'' +
            ", image2='" + image2 + '\'' +
            ", image3='" + image3 + '\'' +
            ", name='" + name + '\'' +
            ", price=" + price +
            ", subcategory=" + subcategory +
            ", brand=" + brand +
            '}';
}

}

WEBAPI

@CrossOrigin
@PostMapping("/api/products")
public Product createProduct(@RequestBody Product product) {
    System.out.println("Product: " + product);
    System.out.println("Subcategory: " + product.getSubcategory());
    Product product1 = productRepository.save(product);

    return product1;
}

似乎 subcategory_id 和 brand_id 无法解析。在控制台中，产品打印如下：

Product: Product{id=null, detail='asdg', image1='null', image2='null', image3='null', name='dfgfsg', price=3.0, subcategory=null|null, brand=null|null}

那么我怎样才能像这个应用程序一样发布带有外键的表单呢？我搜索了很多但找不到解决方案。

谢谢

4

1 回答 1

0

看来您正试图一口气拯救Product它的孩子。

您需要另外两件事来实现这一目标：

1）开启PERSIST级联：

@ManyToOne(fetch = FetchType.LAZY, optional = false, cascade = CascadeType.PERSIST)
...
private SubCategory subcategory;

2）如果 与Subcategory有@OneToMany关联Product，那么您需要设置关系的双方：

public Product createProduct(@RequestBody Product product) {
   Subcategory subCat: product.product.getSubcategory();
   subCat.getProducts().add(product);
   Product product1 = productRepository.save(product);

    return product1;
}

如果它只映射在 Product 中，你当然不需要它。

于 2019-01-21T08:16:58.907 回答