ASP.NET Core Basit Uygulama Örneği 4.Bölüm

CevapFormu Sayfasının Görselleştirilmesi:

Yazıya başlamadan hemen önce belirteyim, arzu ederseniz bu yazıya ilişkin olarak aşağıdaki videoyu da izleyebilirsiniz.

Uygulamamızda son bölüm olan görselleştirme işlemlerine devam ediyorum. Views/Home klasörü altında yer alan CevapFormu.cshtml dokümanında kodlarımı aşağıdaki gibi değiştiriyorum.

@model Dugun_Davet.Models.Cevap
@{
    Layout = null;
}

< !DOCTYPE html>

< html>
< head>
    
    CevapFormu
    
    
< /head>
< body>
    
Cevap Formu
< /body> < /html>

Görüleceği üzere form-control ve form-group classlarını kullandım. Sonuç olarak CevapFormu.cshtml sayfam artık aşağıdaki gibi:

Teşekkürler Sayfasının Görselleştirilmesi:

Views/Home klasörü altınd ayer alan Tesekkurler.cshtml sayfasının kodlarını da aşağıdaki gibi düzenliyorum.

@model Dugun_Davet.Models.Cevap
@{
    Layout = null;
}

< !DOCTYPE html>

< html>
< head>
    
    Tesekkurler
    


    

Bilgilendirme için teşekkür ederiz @Model.Ad @Model.Soyad

@if (Model.DuguneGelecekmi == true) { @:Düğüne katılımın için teşekkür ederiz. Görüşmek üzere! } else { @:Üzgünüz, çok şey kaçıracaksın, bekarsan evlenebilirsin belki :p }
Düğüne katılanları görmek için lütfen buraya tıklayınız < /body> < /html>

Burada da ilgili bootstrap dosyamın linkini verdim ve yazıların ortalanmasını sağladım. Sonuç aşağıdaki gibi:

CevaplariListele Sayfasının Görselleştirilmesi

Son sayfamızı da görselleştiriyoruz bu sayfada katılımcıların listesini de görebiliyorduk. Views/Home klasörü altında yer alan CevaplariListele sayfasının yeni kodları:

@model IEnumerable
@{
    Layout = null;
}

< !DOCTYPE html>

< html>
< head>
    
    Katılanlar
    
< /head>
< body>
    

Düğüne Gelenlerin Listesi

@foreach (Dugun_Davet.Models.Cevap x in Model) { }
Ad Soyad Email Telefon
@x.Ad @x.Soyad @x.Email @x.Telefon
< /body> < /html>

Burada da önce bootstrap dosyamın linkini verdim. Sonuç olarak aşağıdaki gibi bir görünüm elde ediyorum.

Bu arada tekrar tekrar isim eklemek için Tesekkurler.cshtml sayfasının ce CevaplariListele sayfasının kodlarını aşağıdaki şekilde düzenledim. En alta bir link koyarak Index.cshtml sayfasına yönlendirme gerçekleştirdim.

Home/Views/Tesekkurler.cshtml sayfası kodları:

@model Dugun_Davet.Models.Cevap
@{
    Layout = null;
}

< !DOCTYPE html>

< html>
< head>
    
    Tesekkurler
    
< /head>
< body class="text-center">
    

Bilgilendirme için teşekkür ederiz @Model.Ad @Model.Soyad

@if (Model.DuguneGelecekmi == true) { @:Düğüne katılımın için teşekkür ederiz. Görüşmek üzere! } else { @:Üzgünüz, çok şey kaçıracaksın, bekarsan evlenebilirsin belki :p }
Düğüne katılanları görmek için lütfen buraya tıklayınız.

Yeni katılımcı bilgisi girmek için buraya tıklayınız. < /body> < /html>

Home/Views/CevaplariListele.cshtml sayfasının kodları:

@model IEnumerable
@{
    Layout = null;
}

< !DOCTYPE html>

< html>
< head>
    
    Katılanlar
    
< /head>
< body>
    

Düğüne Gelenlerin Listesi

@foreach (Dugun_Davet.Models.Cevap x in Model) { }
Ad Soyad Email Telefon
@x.Ad @x.Soyad @x.Email @x.Telefon


Yeni katılımcı bilgisi girmek için buraya tıklayınız.
< /body> < /html>

Bu 4 yazının içeriği olarak basit bir ASP.NET Core projesinde neler kullanılır, form sayfası nasıl oluşturulur, action nedir, View nedir vb hususlara yer vermeye çalıştım. TagHelper kullandık, validasyon kontrolleri kullandık, model binding yaptık. Temelleri bu yazıda gördük. Güzel bir uygulama oldu, tabi bu uygulama herhangi bir veritabanı kullanmadığı için her projeyi yeniden derlediğimizde önceki verilere ulaşamıyoruz. Bunu unutmayın 😊 Bir sonraki yazıda görüşmek üzere. Bu arada bu uygulamanın videoları çekilecek, kodlar yazı ile birebir aynı olmasa da mantık tamamen aynı olacak.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir