我已经从Web创建了基于应用程序的示例：Angular中的前端和Spring Boot后端     高级客户）     角度网址：http://localhost:4200/     Spring Boot URL：http://localhost:9020/（REST：http://localhost:9020/api/）

<h1>Angular Part </h1>

`export class Customer {
    id: number;
    firstname: number;
    lastname: Number;
    age: number;
    active: boolean;}`

和

import { Customer } from './customer';
    export class CustomerService {
      private baseUrl = http://localhost:9020/api';

      constructor(private http: HttpClient) { }

     getcustomer(id: number): Observable<Object> {
        return this.http.get(${this.baseUrl}+`/customers`+/${id});}

      createCustomer(customer: Customer): Observable<Object> {
        console.log("customer.lastname: "+customer.lastname);
        console.log("customer.firstname: "+customer.firstname);
        return this.http.post(${this.baseUrl} + `/create`,customer);
      }
      getcustomersList(): Observable<any> {
        return this.http.get(${this.baseUrl}+`/customers`);
      }
    }


    import { Component,OnInit } from '@angular/core';
    import { Customer } from '../customer';
    import { CustomerService } from '../customer.service';`

    @Component({
      selector: 'create-customer',templateUrl: './create-customer.component.html',styleUrls: ['./create-customer.component.css']
    })

    export class CreateCustomerComponent implements OnInit {
      customer: Customer = new Customer();
      submitted = false;
      constructor(private customerService: CustomerService) { }
      ngOnInit() {
      }

      newCustomer(): void {
        this.submitted = false;
        this.customer = new Customer();
      }

      save() {
        this.customerService.createCustomer(this.customer)
          .subscribe(data => {console.log(data);
            this.submitted = true;},error => console.log(error));
            this.customer = new Customer();}

      onSubmit() {   
        this.save();}}

春季靴

@Entity
@Table(name = "customer")
public class Customer implements Serializable {

    private static final long serialVersionUID = -3009157732242241606L;

    @Id
    @GeneratedValue(strategy = GenerationType.AUTO)
    private long id;

    @Column(name = "last_Name")
    private String lastName;

    @Column(name = "first_Name")
    private String firstName;

    @Column(name = "age")
    private int age;

    @Column(name = "active")
    private boolean active = true;

    public Customer() {
    }

    public Customer(String firstName,String lastName,int age,boolean active) {
        this.firstName = firstName;
        this.lastName = lastName;
        this.age = age;
        this.active=active;
}

    public long getId() {
        return id;
    }

    public String getFirstName() {
        return firstName;
    }

    public void setfirstName(String firstName) {
        this.firstName = firstName;
    }

    public void setLastName(String lastName) {
        this.lastName = lastName;
    }

    public String getLastName() {
        return this.lastName;
    }

    public void setage(int age) {
        this.age = age;
    }

    public int getage() {
        return this.age;
    }

    public boolean isactive() {
        return active;
    }

    public void setactive(boolean active) {
        this.active = active;
    }
}

。

@CrossOrigin(origins = "http://localhost:4200")
@RestController
@RequestMapping("/api")
public class CustomerController {

  @Autowired
  CustomerRepository repository;


  @PostMapping(value = "/create")
  public ResponseEntity<Customer> postCustomer(@RequestBody Customer customer) {
    try {
      Customer _customer = repository.save(new Customer(customer.getFirstName(),customer.getLastName(),customer.getage(),customer.isactive()));
      return new ResponseEntity<>(_customer,HttpStatus.CREATED);
    } catch (Exception e) {
      return new ResponseEntity<>(null,HttpStatus.EXPECTATION_FAILED);
    }
  }
}

。

CREATE TABLE customer(
       id INT NOT NULL AUTO_INCREMENT,firstname VARCHAR(20) NOT NULL,lastname VARCHAR(20) NOT NULL,PRIMARY KEY (id));

application.properties：

• server.port = 9020
• spring.datasource.url = jdbc：h2：file：./ testdb
• spring.datasource.username = H2 spring.datasource.password =密码
• spring.jpa.hibernate.ddl-auto =更新

• spring.jpa.show-sql = true`

  有效载荷{“ id”：518，“ lastName”：null，“ firstName”：null，“ age”：99，“ active”：true} lastName和firstName应该是字符串值，因为我输入了字符串enter image description here

  1：https://i.stack.imgur.com/2s8jH.png