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
@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>< footer class="border-top footer text-white-50" style="background-color:#343a40">@RenderBody() © 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.