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