CRUD Example using Spring Boot + Angular + MySQL

In this example, you will learn how to develop a CRUD (Create, Read, Update, Delete) web application using Angular 12 as a front-end and Spring boot as a backend.

Angular is a platform and framework for building single-page client applications using HTML and TypeScript. Angular is written in TypeScript.


Spring Boot is a very popular Java framework for building Restful Webservices and Microservices.
The source code of this tutorial hosted on our GitHub repository at https://github.com/sourcecodeexamples/angular-springboot-crud-example

Tools and technologies used

Server-side technologies

  • Spring Boot
  • JDK - 1.8 or later
  • Spring Framework
  • Spring Data JPA (Hibernate)

Front end technologies

  • Angular (Latest version as of now)
  • Bootstrap 4
  • Node and NPM
  • JQuery

Tools

  • Maven - 3.2+
  • IDE - Eclipse or Spring Tool Suite (STS) // Spring boot API development
  • Visual Studio 2017 // Angular App development
  • Angular CLI

Complete Tutorial

This example is explained step by step in the below tutorial:

GitHub Repository

The source code of this tutorial hosted on our GitHub repository at https://github.com/sourcecodeexamples/angular-springboot-crud-example

Demo

Below are the screenshots shows the UI of our Employee Management System App.

Employee List Page

Add Employee Page

Update Employee Page


References

I have developed this complete tutorial at Angular CRUD Example with Spring Boot

https://github.com/sourcecodeexamples/angular-springboot-crud-example

Read this complete tutorial at Angular CRUD Example with Spring Boot

Comments