Articles → ASP.NET CORE → Add Data In The Table In Asp.Net Core
Add Data In The Table In Asp.Net Core
Scenario
Click to Enlarge
Code
@page
@model BookManagementSystem.Pages.Books.CreateModel
<div class="border container" style="padding:30px">
<form method="post">
<div class="form-group row">
<div class="col-4">
<label asp-for="MyBook.Name"></label>
</div>
<div class="col-6">
<input asp-for="MyBook.Name" class="form-control" />
</div>
</div>
<div class="form-group row">
<div class="col-4">
<label asp-for="MyBook.Author"></label>
</div>
<div class="col-6">
<input asp-for="MyBook.Author" class="form-control" />
</div>
</div>
<div class="form-group row">
<div class="col-4">
<input type="submit" value="Create" class="btn btn-primary form-control" />
</div>
</div>
</form>
</div>
using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using BookManagementSystem.Model;
using Microsoft.AspNetCore.Mvc;
using Microsoft.AspNetCore.Mvc.RazorPages;
namespace BookManagementSystem.Pages.Books {
public class CreateModel: PageModel {
private readonly ApplicationDbContext _db;
public CreateModel(ApplicationDbContext db) {
_db = db;
}
[BindProperty]
public Book MyBook {
get;
set;
}
public void OnGet() {
}
public async Task < IActionResult > OnPost() {
if (ModelState.IsValid) {
await _db.Book.AddAsync(MyBook);
await _db.SaveChangesAsync();
return RedirectToPage("Books");
} else {
return Page();
}
}
}
}
Output
Click to Enlarge
Click to Enlarge