ASP.NET Core Kitap Listeleme Projesi Ders 04

Şimdi bu dersimizde projemizde son kullanıcının göreceği bir takım işlemleri gerçekleştirme vakti geldi.

Dersin video versiyonu:

Bunun için öncelikle Shared klasörü altında yer alan _Layout.cshtml’e geliyorum. Ve kodlarımı düzenliyorum.

< !DOCTYPE html >
< html lang="en" >
< head >
    
    
    
    
    
< /head >
< body >
    

        
    
    

        

            @RenderBody()
        
    

    

    
    
    

    @RenderSection("Scripts", required: false)
< /body >
< /html >

Şimdi KitapListesi klasörü içinde yer alan index.cshtml’e gidelim ve kodlarımızı yazalım. Bu arada projemde web application olşturduğum için _Layout.cshtml içinde ilgili bootstrap dosyalarıma linklemeler verilmiş durumda, dolayısı ile ek bir işlem yapmama gerek yok.

Veritabanıma gidip Kitap tabloma birkaç adet kitap ekledim. Tekrar projeme dönüyorum.

KitapListesi içindeki yer alan index.cshtml kodlarım:

@page
@model KitapListesiProjesi.Pages.KitapListesi.IndexModel





    

        
Kitap Listesi
    

    

        Yeni Kitap Oluştur
    

    

        

            @'if' (Model.Kitaplar.Count()>0)
            {
                < table class="table table-striped border">
                    
                        
                            
                        
                        
                            @*@Html.DisplayNameFor(a => a.Kitaplar.FirstOrDefault().Yazar)*@

                            

                        
                        
                    

                    @foreach(var item in Model.Kitaplar)
                    {
                        
                            
                                @Html.DisplayFor(a => item.KitapAd)
                            
                            
                                @Html.DisplayFor(a => item.Yazar)
                            
                            
                                Sil
                                Düzenle
                            
                        
                    }

                < /table>
            }
            else
            {
                
Listelenecek kitap bulunamadı...
            }
        
    

Not: if öncesinde ve sonrasında tırnak işareti yok, wp hatasını aşabilmek için ekledim. Dersin video versiyonunda görebilirsiniz.

Ekran çıktımız:

Detaylı içeriği video içinde anlattım, video içeriği izlemenizi öneririm. Bir sonraki derste görüşmek üzere.