ASP NET CORE RAZOR PAGE BAKIM TEKNİK SERVİS PROJESİ DERS 006 BAKIM TİPİ INDEX RAZOR PAGE OLUŞTURMA

Bu dersimizde veritabanı üzerinden çektiğimiz bakım tiplerinin listelenebilmesi için ilgili Index sayfamızın kodlarını yazacağız. Burada çok fazla anlatacağım bi detay yok daha çok kodları yazarken anlatacağım, çünkü artık bu kısım birazda tasarım.

Bu yüzden dersin video versiyonunu izlemenizi de tavsiye ederim.

Index.cshtml dosya kodlarımın tamamı:

@page
@model GursoyCNCBakim.Pages.BakimTipleri.IndexModel
@{
    ViewData["Title"] = "Index";
    Layout = "~/Pages/Shared/_Layout.cshtml";
}







    

        

            
Bakım Tipleri
        

        

               Yeni Bakım Tipi Oluştur
        

    
    

    

        @if(Model.BakimTipi.Count == 0)
        {
            
Herhangi bir bakım tipi bulunamadı. Lütfen bir bakım tipi oluşturunuz!
        }

        else
        {
            < table class="table table-striped border">
                < tr class="table-secondary">
                    < th>
                        @Html.DisplayNameFor(a => a.BakimTipi[0].BakimAdi)
                    < /th>
                    < th>
                        @Html.DisplayNameFor(a => a.BakimTipi[0].BakimFiyati)
                    < /th>
                    < th>
                < /tr>

                @foreach(var item in Model.BakimTipi)
                {
            < tr>
                < td>
                    @Html.DisplayFor(a => item.BakimAdi)
                < /td>
                < td>
                    @Html.DisplayFor(a => item.BakimFiyati)
                < /td>
                < td>
            < /tr>
                }

            < /table>
        }
    

_Layout Kodlarımın Tamamı:

< !DOCTYPE html>
< html lang="en">
< head>
    
    
    < title>@ViewData["Title"] - Gursoy CNC Bakim Teknik Servis

    < environment include="Development">
        
        
    < /environment>

    < environment exclude="Development">
         
        
    < /environment>

    
    
< /head>
< body class="search-background">
    < header>
        
    < /header>
    

        

            @RenderBody()
        
    

    < footer class="border-top footer text-white-50" style="background-color:#343a40">
        

            © 2020 - GursoyCNCBakim - Gizlilik
        
    < /footer>
    < environment include="Development">
        
        
    < /environment>

    < environment exclude="Development">
        
        
    < /environment>

    < script src="~/js/site.js" asp-append-version="true">

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

Projemizin son durumu:

Kodları takip edebilme açısından video eğitime mutlaka göz atınız. Bir sonraki derste görüşmek üzere.