asp.net core basit crud uygulaması - veri listeleme sayfası - getproducts view /// 11

• CRUD işlemleri Controller tarafında tanımlandı. 

• Şimdi sırada View sayfalarının oluşturulması var.

• Tüm verilerin listelendiği Product/Index.cshtml sayfası şu şekilde oluşturulacaktır;

• @model IEnumerable<App.Models.Product>;

• View sayfasının hangi veri modelini kullanacağını tanımlar.
• Bu kod, "Product" sınıfından oluşan bir IEnumerable kullanacağını belirtir.

• @{ ViewData["Title"] = "Products"; };

• Bu kod bloğu, görünüm sayfasının başlığını tanımlar. 
• Bu başlık, tarayıcının başlık bölümünde görüntülenir.

• <table class="table">...</table>

• Bu kod bloğu, HTML tablo oluşturur. 
• Tablo, ürünlerin özelliklerini görüntülemek için kullanılır.

• <thead>...</thead>

• Bu kod bloğu, tablonun başlık bölümünü oluşturur. 
• Bu bölüm, tablonun sütunlarının adlarını içerir.

• <tbody>...</tbody>

• Bu kod bloğu, tablonun veri bölümünü oluşturur. 

• Bu bölüm, veritabanından alınan ürünlerin bilgilerini içerir.

• @foreach (var item in Model) {...}

• Bu kod bloğu, "Model" içindeki her bir ürün için bir döngü oluşturur. 

• Bu döngü, tablonun veri bölümünde her bir ürün için bir satır oluşturur.

• <td><a class="btn btn-primary" href="@Url.Action("ProductDetails", "Product", new { id = item.ProductID })" >Details</a> </td>;

• Bu satır, ürün ayrıntılarını görüntülemek için bir bağlantı oluşturur. 

• "Url.Action" metodu, "ProductDetails" işlevine yönlendirir ve "Product" denetleri ve ürünün id'sini parametre olarak gönderir.

• <td><a class="btn btn-success" href="@Url.Action("UpdateProduct", "Product", new { id = item.ProductID })">Edit</a></td>;

• Bu satır, ürünü düzenlemek için bir bağlantı oluşturur.
• "Url.Action" metodu, "UpdateProduct" işlevine yönlendirir ve "Product" denetleyicisi ve ürünün id'sini parametre olarak gönderir.

• <td><button class="btn btn-danger" onclick="deleteProduct(@item.ProductID)">Delete</button></td>;

• Bu satır, ürünü silmek için bir düğme oluşturur. 
• Düğmeye tıklandığında, "deleteProduct" JavaScript fonksiyonu çalışır ve ürünün id'si fonksiyona gönderilir.

• <a class="btn btn-warning" href="@Url.Action("CreateProduct","Product")"> Create New Product </a>;

• Bu satır, yeni bir ürün oluşturmak için bir bağlantı oluşturur.
• "Url.Action" metodu, "CreateProduct" işlevine yönlendirir ve "Product" denetleyicisini parametre olarak gönderir.