Remove records from database using Entity Framework - asp.net-mvc

Question

I am trying to remove records from database using Entity Framework.
This is the code:
Controller:
[HttpPost]
public ActionResult DeleteProduct(int?id)
{
Product prd = db.Products.Find(id);
db.Products.Remove(prd);
db.SaveChanges();
return View();
}
View:
<form method="post" enctype="multipart/form-data">
<div class="row ">
#foreach (var product in Model)
{
<div class="col-md-6 col-lg-4 Products">
<figure class="card card-product mehsul">
<div class="img-wrap"> <img class="img-fluid mehsulimg" src="#product.PhotoProducts.First().ImageName" alt=""> </div>
<div class="handhover">
<img class="img-fluid" src="#product.PhotoProducts.Last().ImageName" alt="">
</div>
<figcaption class="info-wrap">
#product.ProdName
<p class="desc">Some small description goes here</p>
</figcaption>
<div class="bottom-wrap">
Paylash
<a id="DelProd" href="/ProductAd/DeleteProduct/#product.id" class="m-2 btn btn-sm btn-primary float-right">Sil</a>
<div class="price-wrap h5">
<span class="price-new">$1280</span> <del class="price-old">$1980</del>
</div> <!-- price-wrap.// -->
</div> <!-- bottom-wrap.// -->
</figure>
</div> <!-- col // -->
}
</div>
</form>
But I am getting this error:
Server Error in '/' Application.
The resource cannot be found.
Description: HTTP 404. The resource you are looking for (or one of its dependencies) could have been removed, had its name changed, or is temporarily unavailable. Please review the following URL and make sure that it is spelled correctly.
Requested URL: /ProductAd/DeleteProduct/1

Answer 1

If You are sending a delete request, it is not a [HTTPPost] and you are passing the whole model to the controller not only the key, so if you need to add id in your request, you should do something like this.
API Version:
[HttpDelete("{id}")]
public ActionResult DeleteProduct(int?id)
{
Product prd = db.Products.Find(id);
db.Products.Remove(prd);
db.SaveChanges();
return View();
}
Or using something like this for MVC Version with full model
[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Delete(YourViewModel viewModel)
{
var id = viewModel.id;
Product prd = db.Products.Find(id);
db.Products.Remove(prd);
db.SaveChanges();
return View();
}

Answer 2

Since your action has the "HttpPost" attribute, you need to do an HTTP POST. Your a tag would only do a GET, and the server would reject it as a page not found. Assuming everything else is correct, then I think it would be something more like this:
<div class="row ">
#foreach (var product in Model)
{
<div class="col-md-6 col-lg-4 Products">
<figure class="card card-product mehsul">
<div class="img-wrap"> <img class="img-fluid mehsulimg" src="#product.PhotoProducts.First().ImageName" alt=""> </div>
<div class="handhover">
<img class="img-fluid" src="#product.PhotoProducts.Last().ImageName" alt="">
</div>
<figcaption class="info-wrap">
#product.ProdName
<p class="desc">Some small description goes here</p>
</figcaption>
<div class="bottom-wrap">
Paylash
<form method="post" action="#Url.Action("DeleteProduct","ProductAd", new {id=productid})">
<button type="submit" class="m-2 btn btn-sm btn-primary float-right">Sil</a>
</form>
// or
#using(Html.BeginForm("DeleteProduct","ProductAd",new {id=product.id}))
{
<button type="submit" class="m-2 btn btn-sm btn-primary float-right">Sil</a>
}
<div class="price-wrap h5">
<span class="price-new">$1280</span>
<del class="price-old">$1980</del>
</div> <!-- price-wrap.// -->
</div> <!-- bottom-wrap.// -->
</figure>
</div> <!-- col // -->
}
</div>