In this article, we’ll implement Asp.Net Core 3.0 Web API CRUD Operations with Angular 9. To demonstrate the topic, we’ll build a project from scratch with payment details like Credit/ Debit Card.

Sub-topics discussed.

• ASP.NET Core Web API
• Create .Net Core Web API
• Setup Database with EF Core
• API Controller for CRUD Web Methods
• Angular Client Side
• Create Angular 9 Project
• Consume ASP.NET Core API From Anguar
• Form Design and Validation
• Insert/ Create Record by Form Submission
• Retrive and Display Inserted Records
• Update and Delete Operation

Create ASP.NET Core Web API

In Visual Studio 2019, Go to File > New > Project (Ctrl + Shift + N).

From New Project window, Select Asp.Net Core Web Application.

Once you provide the project name and location. A new window will be opened as follows, Select API and Uncheck HTTPS Configuration. Above steps will create a brand new ASP.NET Core Web API project.

Setup Database

Let’s create a Database for this project. Inside this project, we’ll be using Entity Framework Core to do DB Operations. So first of all we’ve to install corresponding NuGet packages. Right click on Project Name from Solution Explorer, Click on Manage NuGet Packages, In Browse Tab– install following 3 packages.

#angular #angular article #asp.net core #asp.net core article #.net core crud with sql server