查询用户输入，然后存储在数据库中，然后显示在页面上

Question

我正在编写一个小型的 Angular 应用程序。前端已经构建完毕，一些基本计算是在 Angular 中处理的。我试图将用户请求的日期存储在数据库中，然后显示在主管视图上。我使用 springboot 进行服务，使用 hibernate 生成表和列。任何人都可以为我指明正确的方向，告诉我应该做什么才能继续我的申请。即使是阅读材料的链接也将不胜感激request.component.html<div>    <!-- Header with instructions -->    <div>        <h2 align="center">            Please Fill out the form to Request days off            <br><br> All required fields are marked with an *        </h2>    </div>    <form #testForm="ngForm">        <!-- Start of Page Body -->        <div class="card card-w-title">            <!-- Dropdown for user to select supervisor -->            <div class="ui-g">                <div class="ui-g-12 ui-md-2">                    <p-dropdown [options]="supervisor2" [(ngModel)]="selectedSupervisor2" name="selectedSupervisor2" placeholder="Select a Supervisor*" optionLabel="name" required></p-dropdown>                </div>            </div>            <br><br><br><br><br>            <h3 align="center">Requested Dates</h3>

Answer 1

我建议您在 Spring Boot 应用程序中创建一个 POST 控制器，如示例所示。这会将数据保存在数据库中。

在春季启动中：

@PostMapping("/users")
void addUser(@RequestBody User user) {
    userRepository.save(user);
}

然后从角度应用程序调用此端点：

this.http.post<User>(this.usersUrl, user);

类似地，为了在主管屏幕中显示数据，您可以使用@GetMapping并以角度调用this.http.get。