Veysel Uğur KIZMAZ

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
veysel@ugurkizmaz.com
www.ugurkizmaz.com