How to create CRUD Operation in Asp.net Core MVC C#

Ahmed — Thu, 15 Dec 2022 11:47:13 +0000

In this article, we will learn how to create CRUD (Create, Read, Update, Delete) Operation using Asp.Net Core MVC C# with .Net6.0, Entity Framework Core and SQL. Then how to use that web app to perform CRUD Operations.

Prerequisites

Download and install .Net Core 6.0 SDK from here
Download and Install Microsoft Visual Studio 2022 from here
Sql-Server

Previous Article checkout https://labpys.com/how-to-create-login-page-using-asp-net-core-mvc-c-with-database

Create an ASP.NET Core MVC Project

Open visual studio, Go to File menu and click on New and select Project. Then new project window, select ASP.NET Core Web Application (Model-View-Controller) template.

Enter project name and click create.

Install NuGet packages

We need to install NuGet Packages for the right click on solution and select Manage NuGet Packages for solution

Microsoft Entity Framework Core Sql Server
Microsoft Entity Framework Core Tools

Configure appsettings.json

The connection string “connectionstr” is saved in appSettings.json

{
  "Logging": {
    "LogLevel": {
      "Default": "Information",
      "Microsoft.AspNetCore": "Warning"
    }
  },
  "ConnectionStrings":{
    "connectionstr": "Server=(local)\\MSSQL;Database=InventoryDB;Trusted_Connection=True;MultipleActiveResultSets=true"
  },
  "AllowedHosts": "*"
}

Create Model

Create new model class with add more properties like FirstName, LastName

using System.ComponentModel.DataAnnotations;

namespace CRUDOperation.Models
{
    public class Employee
    {
        [Key]
        public int id { get; set; }      
        public string? firstName { get; set; }      
        public string? lastName { get; set; }
        public string? job { get; set; }
        public float?  salary { get; set; }
        public DateTime? hiredate { get; set; }

    }
}

Create Dbcontext Class

DbContext is an class in Entity Framework API. It is a bridge between your domain class and the database. DbContext is the class that is responsible for interacting with the database. As per Microsoft “A DbContext instance represents a combination of the Unit Of Work and Repository pattern such that it can be used to query from a database”

using Microsoft.EntityFrameworkCore;

namespace CRUDOperation.Models
{
    public class Empdbcontext : DbContext
    {
        public Empdbcontext(DbContextOptions options):base(options)
        {

        }
        public DbSet Employee { get; set; }


    }
}

Create Repositories

Now create repository folder , in this folder create two class .Create Interface IEmployee.cs file and Employeedetail.cs

IEmployee.cs

using CRUDOperation.Models; 
namespace CRUDOperation.Repository
{
    public interface IEmployee
    {
        Task CreateEmployee(Employee employee);
        Task UpdateEmployee(Employee employee);
        Task DeleteEmployee(int? id);
        Employee GetEmployeeById(int id);
        Task> GetEmployee();            

    }
}

Employeedetail.cs

using CRUDOperation.Models;
using Microsoft.EntityFrameworkCore;
using CRUDOperation.ViewModel;

namespace CRUDOperation.Repository
{
    public class Employeedetail : IEmployee
    {
        private readonly Empdbcontext _context;

        public Employeedetail(Empdbcontext context)
        {
            _context = context;
        }

        public async Task CreateEmployee(Employee employee)
        {
            if (employee != null)
            {
                await _context.Employee.AddAsync(employee);
                await _context.SaveChangesAsync();
                return employee.id;
            }
            return 0;
        }

        public async Task DeleteEmployee(int? id)
        {
            int Getresult = 0;

            if (id!=null)
            {
                var rec_id = await _context.Employee.FirstOrDefaultAsync(Empid => Empid.id == id);
                if(rec_id !=null)
                {
                    _context.Remove(_context.Employee.Single(Empid => Empid.id == id));
                    Getresult = await _context.SaveChangesAsync();
                }
                return Getresult;
            
            }
            return Getresult;
        }
         

        public  async  Task UpdateEmployee(Employee employee)
        {
            if (employee != null)
            {
               _context.Employee.Update(employee);
               await _context.SaveChangesAsync();
               return employee.id;
            }
            return 0;
        }

         public async Task> GetEmployee()
        {
            if (_context != null)
            {
                return await _context.Employee.ToListAsync();
            }

            return null;
        }

        public  Employee GetEmployeeById(int id)
        {

         if (_context!=null)
            {
              return  _context.Employee.FirstOrDefault(e=>e.id==id);
               
            }
            return null;
        }        
    }
}

Configure Startup Class

using CRUDOperation.Models;
using Microsoft.EntityFrameworkCore; 
using CRUDOperation.Repository;

var builder = WebApplication.CreateBuilder(args);

// Add services to the container.
builder.Services.AddControllersWithViews();

builder.Services.AddDbContext(con => con.UseSqlServer(builder.Configuration.GetConnectionString("connectionstr")));
 
builder.Services.AddTransient();

var app = builder.Build();

// Configure the HTTP request pipeline.
if (!app.Environment.IsDevelopment())
{
    app.UseExceptionHandler("/Home/Error");
    // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
    app.UseHsts();
}

app.UseHttpsRedirection();
app.UseStaticFiles();

app.UseRouting();

app.UseAuthorization();

app.MapControllerRoute(
    name: "default",
    pattern: "{controller=Home}/{action=Index}/{id?}");

app.Run();

Migration

Then Now create Database through Migration. Go to Tools>NuGet Package Manager>Package Manager Console then execute the following commands.

Add-Migration “Initial Create”

Update-Database

Create View Model

EmployeeViewmodel.cs

using CRUDOperation.Repository;
using CRUDOperation.Models;

namespace CRUDOperation.ViewModel
{
    public class EmployeeViewmodel  
    {
          
        public Employee viewEmployee { get; set; }
        public int id { get; set; }
        public string? firstName { get; set; }
        public string? lastName { get; set; }
        public string? job { get; set; }
        public float? salary { get; set; }
        public DateTime? hiredate { get; set; }
       
    }
}

Create Controller

using CRUDOperation.Models;
using Microsoft.AspNetCore.Mvc;
using System.Diagnostics;
using CRUDOperation.Repository;
using CRUDOperation.ViewModel;

namespace CRUDOperation.Controllers
{
    public class HomeController : Controller
    {
        private readonly IEmployee employee ;

        public HomeController(IEmployee employee)
        {
            this.employee = employee;
        }

        public IActionResult Index()
        {
            try
            {
                var Getempresult = employee.GetEmployee().Result;
                ViewBag.Employee = Getempresult;
                return View();
            }
            catch (Exception)
            {
                throw;
            }
            return View();
        }

        public IActionResult Create()
        {
            return View();
        }

        [HttpPost]
        [ValidateAntiForgeryToken]
        public IActionResult Create(Employee empmodel)
        {
            if (ModelState.IsValid)
            {
              employee.CreateEmployee(empmodel);
            }
            ViewBag.message = "Data Saved Successfully..";

            ModelState.Clear();    
            return View();
        }

        public IActionResult  Edit(int id)
        {
            EmployeeViewmodel empview = new EmployeeViewmodel()
            {
                viewEmployee = employee.GetEmployeeById(id)
            }; 
            return View(empview);
        }

        [HttpPost]
        [ValidateAntiForgeryToken]
        public IActionResult Edit(EmployeeViewmodel viewEmployee)
        {
            Employee empmodel = new Employee()
            {
                id=viewEmployee.id,
                firstName = viewEmployee.firstName,
                lastName = viewEmployee.lastName,
                job = viewEmployee.job,
                salary= viewEmployee.salary,
                hiredate= viewEmployee.hiredate
            };
            var result = employee.UpdateEmployee(empmodel);
            ModelState.Clear();
            return View();
        }

        public IActionResult Delete(int id)
        {
            EmployeeViewmodel empview = new EmployeeViewmodel()
            {
                viewEmployee = employee.GetEmployeeById(id)
            };
            return View(empview);
        }

        [HttpPost]
        [AutoValidateAntiforgeryToken]
        public IActionResult Delete(EmployeeViewmodel viewmodel)
        {
            var result = employee.DeleteEmployee(viewmodel.id);
            
            return RedirectToAction(nameof(Index));
        }


        public IActionResult Privacy()
        {
            return View();
        }

        [ResponseCache(Duration = 0, Location = ResponseCacheLocation.None, NoStore = true)]
        public IActionResult Error()
        {
            return View(new ErrorViewModel { RequestId = Activity.Current?.Id ?? HttpContext.TraceIdentifier });
        }
    }
}

Customize View Index

Index.cshtml

@{
    ViewData["Title"] = "Home Page";
}


       
             Create New
           
   
       @foreach (var item in ViewBag.Employee)
       {
            
       }
       
       
           
           First Name
           Last Name
           Designation
           Salary
           Joining Date   
           Action   
           
       
       
           @item.firstName
           @item.lastName
           @item.job
           @item.salary
           @item.hiredate
           Edit
           Delete

First Name	Last Name	Designation	Salary	Joining Date	Action
@item.firstName	@item.lastName	@item.job	@item.salary	@item.hiredate	Edit	Delete

Create.cshtml

@*
    For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860
*@
@{
}
@model CRUDOperation.ViewModel.EmployeeViewmodel
 
@ViewBag.message
  
    
        Add Employee
    

    
      
        
       
      
        
            First Name
            
            
        
        
            Last Name
            
            
        

        
            Designation
            
            
        

        
            Salary
            
            
        

        
            Joining Date

Edit.cshtml

@*
    For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860
*@
@{
}
@model CRUDOperation.ViewModel.EmployeeViewmodel

Update Employee

    
      
     @*   *@
       
      
          
        
            First Name
            
            
        
        
            Last Name
             
            
        

        
            Designation
             
            
        

        
            Salary
             
            
        

        
            Joining Date

Delete.cshtml

@*
    For more information on enabling MVC for empty projects, visit http://go.microsoft.com/fwlink/?LinkID=397860
*@
@model CRUDOperation.ViewModel.EmployeeViewmodel

Delete Employee

    
      
     @*   *@
       
      
          
        
            First Name
            
            
        
        
            Last Name
             
            
        

        
            Designation
             
            
        

        
            Salary
             
            
        

        
            Joining Date

Then build the project and Run.

The post How to create CRUD Operation in Asp.net Core MVC C# appeared first on Tech Insights.

asp.net mvc crud project source code Archives - Tech Insights