In this tutorial, we show you Angular 11 Http Client & Spring Boot Server example that uses Spring JPA to do CRUD with MySQL and Angular 11 as a front-end technology to make request and receive response.
– Java 1.8
– Maven 3.3.9
– Spring Tool Suite – Version 3.8.4.RELEASE
– Spring Boot: 2.0.3.RELEASE
– Angular 11
- RxJS 6
II. Overview
Demo
1. Spring Boot Server
2. Angular 11 Client
III. Practice
1. Project Structure
1.1 Spring Boot Server
Customer class corresponds to entity and table customer.
CustomerRepository is an interface extends CrudRepository, will be autowired in CustomerController for implementing repository methods and custom finder methods.
CustomerController is a REST Controller which has request mapping methods for RESTful requests such as: getAllCustomers, postCustomer, deleteCustomer, deleteAllCustomers, findByAge, updateCustomer.
Configuration for Spring Datasource and Spring JPA properties in application.properties