我已经从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:
spring.jpa.show-sql = true`
有效载荷{“ id”:518,“ lastName”:null,“ firstName”:null,“ age”:99,“ active”:true} lastName和firstName应该是字符串值,因为我输入了字符串enter image description here
答案 0 :(得分:0)
在Entity类中,列名为“ first_name”,但是在创建表时,将其命名为“ firstname”,下划线消失了。