如何设置 Spring 模型以支持复杂对象的 Angular 编辑组件？

Question

我正在用 Spring 和 Angular 编写我的第一个 Web 应用程序。我使用 PHP 大约 10 年，然后在过去的 10 年中发现并使用 Rails，并且做了几个 ASP 项目来启动，所以我对 Web 开发并不陌生，总的来说。我正在尝试创建我的第一个完整的 CRUD 操作集，但是我找不到有关如何为“复杂”对象（带有父对象和/或子对象）创建编辑表单的文档。官方的 Angular 指南仅止于此，我在互联网上的任何地方都找不到一个完整的教程。在我的示例中，我想要一个“产品”的编辑组件，我可以在其中更改当前选择的“引擎”。在 Spring 中，我为两个初始模型配置了类、存储库和控制器，如下所示：引擎（父）-> 产品（子）Product.java：package com.xyz.cddm_ng;import lombok.*;import org.hibernate.annotations.CreationTimestamp;import org.hibernate.annotations.UpdateTimestamp;import javax.persistence.*;import java.time.LocalDateTime;import static javax.persistence.GenerationType.IDENTITY;@Entity@Getter @Setter@NoArgsConstructor@ToString @EqualsAndHashCode@JsonIdentityInfo(generator = ObjectIdGenerators.PropertyGenerator.class, property = "id")public class Product {    @Id    @GeneratedValue(strategy=IDENTITY)    Long id;    @NonNull String title;    String note;    @CreationTimestamp    LocalDateTime createDateTime;    @UpdateTimestamp    LocalDateTime updateDateTime;    @ManyToOne(fetch = FetchType.LAZY)    @JoinColumn(name = "engine_id")    @JsonManagedReference    Engine engine;}Engine.java （片段）：@OneToMany(fetch = FetchType.LAZY, mappedBy = "engine")@JsonBackReferenceCollection<Product> products;控制器和存储库刚刚被淘汰。ProductController.java：package com.xyz.cddm_ng;import org.springframework.web.bind.annotation.*;@RestController@RequestMapping("products")@CrossOrigin(origins = "http://localhost:4200")class ProductController { }ProductRepository.java：package com.xyz.cddm_ng;import org.springframework.data.jpa.repository.JpaRepository;import org.springframework.data.rest.core.annotation.RepositoryRestResource;import org.springframework.web.bind.annotation.CrossOrigin;@RepositoryRestResource@CrossOrigin(origins = "http://localhost:4200")interface ProductRepository extends JpaRepository<Product, Long> { }

Answer 1

所以我在 Reddit 上讨论过这个问题，人们让我远离使用 Spring REST 的想法。我被指向https://github.com/spring-projects/spring-petclinic，根据其自述文件，它是 Spring 中各种项目的长期示例。在我迄今为止的所有阅读中，我从未偶然发现这一点。

从pom.xml那个项目中，我看到 Spring Data JPA 和 Spring Web 的组合提供了 REST 服务——完全独立——这就是我认为我需要 Spring REST 的原因。（我似乎仍然需要 Jackson@JsonIdentityInfo注释来防止我的双向一对多关系中出现堆栈溢出递归循环，但我似乎不需要反向或托管引用注释。）

从组件和弹簧的PetClinic棱角前端子项目的形式，我还可以，最后，请参阅我不必须手动设置在下拉规定的，相关联的对象实例选择（QV，https：//开头的github .com/spring-petclinic/spring-petclinic-angular/blob/master/src/app/pets/pet-edit/pet-edit.component.html），然后使用服务中的父对象“重新组装”该选择在将其发送到后端的更新功能之前。这是我习惯于 Rails 为我处理的事情，我还没有看到 Angular 是否也会以某种方式为我做这件事的例子。答案似乎是，“不”。