loizenai | Mobile & Web Programming Tutorials

Angular 11 SpringBoot CRUD MariaDB Example

Tutorial: “Angular 11 SpringBoot CRUD MariaDB Example”

In the tutorial, I introduce how to create an “SpringBoot Angular 11 MariaDB CRUD Example” with POST/GET/PUT/DELETE requests to SpringBoot RestAPIs.

– Design overview system by Architecture Diagram that includes: Angular 11 Client, SpringBoot RestAPIs, and MariaDB database.
– Implement Angular 11 CRUD Client with Angular 11 built-in HttpClient to communicate with server side.
– Implement SpringBoot RestAPIs that gets data from MariaDB using Spring Data JPA and returns back data as Json format to requested Angular 11 Client.

You can check out the complete code of the application on this github repository.

Continue reading “Angular 11 SpringBoot CRUD MariaDB Example”

Angular 12 SpringBoot CRUD MariaDB Example

Tutorial: “Angular 12 SpringBoot CRUD MariaDB Example”

In the tutorial, I introduce how to create an “SpringBoot Angular 12 MariaDB CRUD Example” with POST/GET/PUT/DELETE requests to SpringBoot RestAPIs.

– Design overview system by Architecture Diagram that includes: Angular 12 Client, SpringBoot RestAPIs, and MariaDB database.
– Implement Angular 12 CRUD Client with Angular 12 built-in HttpClient to communicate with server side.
– Implement SpringBoot RestAPIs that gets data from MariaDB using Spring Data JPA and returns back data as Json format to requested Angular 12 Client.

You can check out the complete code of the application on this github repository.

Continue reading “Angular 12 SpringBoot CRUD MariaDB Example”

SpringBoot React MariaDB CRUD Example

In the tutorial, I introduce how to build an “SpringBoot React.js CRUD MariaDB Example” project with the help of SpringData JPA for POST/GET/PUT/DELETE requests with step by step coding examples:

– SpringBoot project produces CRUD RestAPIs with MariaDB database using the supporting of Spring Data JPA.
– React.js project will consume the SpringBoot CRUD RestAPIs by Ajax then show up on Reactjs component’s views.

Continue reading “SpringBoot React MariaDB CRUD Example”

Angular SpringBoot CRUD MariaDB Example

Tutorial: “Angular SpringBoot CRUD MariaDB Example”

In the tutorial, I introduce how to create an “SpringBoot Angular MariaDB CRUD Example” with POST/GET/PUT/DELETE requests to SpringBoot RestAPIs.

– Design overview system by Architecture Diagram that includes: Angular Client, SpringBoot RestAPIs, and MariaDB database.
– Implement Angular CRUD Client with Angular built-in HttpClient to communicate with server side.
– Implement SpringBoot RestAPIs that gets data from MariaDB using Spring Data JPA and returns back data as Json format to requested Angular Client.

You can check out the complete code of the application on this github repository.

Continue reading “Angular SpringBoot CRUD MariaDB Example”

SpringBoot MariaDB CRUD RestAPI Example

– Example Integrate SpringBoot 2.x + MariaDB CRUD using Spring JPA tutorial

How to integrate SpringBoot and MariaDB? It is the one of most common questions for developers. So in the post, I will help you to try it with Spring JPA. Here is a to do list for the tutorial:

Overview of Project Structure
Create SpringBoot with Spring Data JPA and MariaDB dependencies
Configuration SpringBoot to connect to MariaDB
Define a data model to map with table’s columns in MariaDB database
Define a JPA Repository to do CRUD operations
Use CommandLineRunner to excute above JPA Repository APIs: save, retrieve, update, detele entities

To do the tutorial, you need prepare Java >= 1.8, Spring Tool Suite in local computer for development.

Let’s go !
Continue reading “SpringBoot MariaDB CRUD RestAPI Example”