将对象从 Angular8 发送到 Spring Boot

Question

我对 Web 开发还很陌生，我承认遵循一些在线指南后，我对一些基本概念仍然有些困惑。 我有一个运行良好的 Angular8 表单：我插入数据并点击“提交”。

onSubmit() {
    console.log(this.model);
    this.submitted = true;
  }

并在控制台打印表单的数据（我关注this official guide供参考）。

这是我的search-message.ts（model的类）的内容：

export class SearchMessage {

  constructor(
    public id: number,
    public inputText: string,
    public targetSite: string,
    public searchLimit: number,
    public details: boolean
  ) { }
}

现在我正在尝试编写一个 Spring Boot 应用程序，它将接收model 对象，我将简单地打印输出相同的数据。此过程不应涉及数据库（这就是我感到困惑的原因：我在网上找到的所有指南都是关于将服务器上的数据库连接到 Angular 中的视图）。我该怎么做？

Answer 1

在 Spring Boot 中，您必须定义一个控制器类，该类公开一个您将从 Angular 应用程序调用的端点。

@RestController
@RequestMapping("/path")
public CustomController {
    @PostMapping("message")
    public ResponseEntity<?> addModel(@RequestBody SearchMessage message) {

        // do what you need with the element (ex. write to a db, print data..)
        System.out.println("Data received: " + message.toString());

        return ResponseEntity.ok().build();

    }
}

SearchMessage 应该是这样的：

class SearchMessage {
    private int id; 
    private String inputText;
    private String targetSite;
    private int searchLimit;
    private boolean details;

    // getters and setters
}

并且，假设后端应用程序在端口8081 上运行，您可以像这样向端点发布：

http://localhost:8081/your-app-context-path/path/message

主体必须与您在方法参数message 中定义的SearchMessage 类兼容。
请注意，您可以在 application.properties 文件中添加此属性来定义应用程序的上下文路径：

server.servlet.context-path=/myCoolApp

---

您可以在Spring example 中找到完整的工作示例。另请参阅this more complete article。
如果您需要更多详细信息或解释，请告诉我。