Asp.Net MVC Razor 3 Açıklama Satırı

23.01.2012Okunma Sayısı: 7877Kategori: ASP.NET MVC

Bu makalemizde Asp.Net MVC 3 Razor View Engine’de açıklama satırlarının nasıl yapıldığını inceleyelim.

Bunun için yeni bir ASP.NET MVC 3 Web Application – Internet Application oluşturalım.

HomeController.cs’ye gidelim ve AciklamaSatiri() isminde yeni bir Action oluşturalım.

HomeController.cs

public ActionResult AciklamaSatiri()

{

List<Yazar> yazarlar = new List<Yazar>

{

new Yazar{ AdSoyad = "Engin Demiroğ", MakaleSayisi=131},

new Yazar{ AdSoyad = "Veysel Uğur Kızmaz", MakaleSayisi=105},

new Yazar{ AdSoyad = "Salih Demiroğ", MakaleSayisi=55},

new Yazar{ AdSoyad = "Tolga Ayas", MakaleSayisi=54},

new Yazar{ AdSoyad = "Ahmet Sait Duran", MakaleSayisi=32},

};

return View(yazarlar);

}

AciklamaSatiri()’na sağ tıklayıp Add View diyelim ve AciklamaSatiri.cshtml’e gelelim, kodunu aşağıdaki gibi düzenleyelim.

AciklamaSatiri.cshtml

<h1>Açıklama Satırı Örneği</h1>

<ul>

@foreach (var yazar in Model)

{

<li>@yazar.AdSoyad - @yazar.MakaleSayisi</li>

}

</ul>

Şimdi projemizi çalıştıralım.( http://localhost:xxxxx/Home/AciklamaSatiri)

$Description: C:\Users\ugur\Desktop\Makale 2011 04 25\Asp_Net_MVC_Razor_AciklamaSatiri\Asp_Net_MVC_Razor_AciklamaSatiri_1.JPG$

AciklamaSatiri.cshtml’e gidelim ve kodu şu şekilde düzenleyelim.

$Description: C:\Users\ugur\Desktop\Makale 2011 04 25\Asp_Net_MVC_Razor_AciklamaSatiri\Asp_Net_MVC_Razor_AciklamaSatiri_2.JPG$

Razor View Engine’inde açıkalam satırları @* *@ ile sağlanmaktadır.

Projemi çalıştıralım ve ekran görüntüsüne bakalım.

$Description: C:\Users\ugur\Desktop\Makale 2011 04 25\Asp_Net_MVC_Razor_AciklamaSatiri\Asp_Net_MVC_Razor_AciklamaSatiri_3.JPG$

Şimdi kodumuzu şu şekilde tekrar düzenleyelim.

$Description: C:\Users\ugur\Desktop\Makale 2011 04 25\Asp_Net_MVC_Razor_AciklamaSatiri\Asp_Net_MVC_Razor_AciklamaSatiri_4.JPG$

Açıklama yapmak istediğimiz kod bloklarını seçip Comment butonuna tıkladığımızda başına @* sonuna *@ koymaktadır.

Projemizi çalıştırdığımızda aşağıdaki ekran görüntüsünü alacağız.

$Description: C:\Users\ugur\Desktop\Makale 2011 04 25\Asp_Net_MVC_Razor_AciklamaSatiri\Asp_Net_MVC_Razor_AciklamaSatiri_5.JPG$

Veysel Uğur KIZMAZ

Bilgisayar Mühendisi