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

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。