Razor View Engine

Razor View Engine; View’lar da HTML, CSS, JavaScript ile beraber C#’ın da kullanılabilmesini sağlamaktadır. View’lara yazılan HTML, CSS ve JavaScript kodları istemci tarafında çalışmaktadır. C# kodları ise sunucu tarafında çalışır ve sonuç istemciye gönderilir.

Razor Açıklama Satırı

HTML açıklama satırları tarayıcı tarafından yorumlanmaz ancak sayfanın kaynak kodlarını görüntüleyen kullanıcılar tarafından görülebilir. Razor açıklama satırları ise tarayıcı tarafından yorumlanmadığı gibi sayfanın kaynak kodlarında da gözükmez. Sadece uygulamayı geliştiren yazılımcılar tarafından görülebilir.

<!-- HTML Açıklama Satırı  -->
@* Razor Açıklama Satırı *@

Razor Kod Blogu

View’de C# kodları yazabilmek için “@{ }” ile Razor kod blogu oluşturmamız gerekmektedir. Örneğimiz de Razor kod blogu içerisinde 3 adet değişken tanımladık. Razor kod blogu içerisinde tanımladığımız değişkenlere, kod blogu dışında erişebilmek için başlarına “@” işareti koymamız gerekmektedir.

<h2>Kullanıcı Bilgileri</h2>

@{
    string Ad = "Serdar";
    string Soyad = "Yılmaz";
    string Mail = "iletisim@srdrylmz.com";
}

<b>Adı:</b> @Ad <br />
<b>Soyadı:</b> @Soyad <br />
<b>Mail Adresi:</b> @Mail <br />

Razor Kod Satırı

Tek satırlık C# kodlarını “@( )” içerisine yazabiliriz.

<h2>Kullanıcı Bilgileri</h2>

@{
    string Ad = "Serdar";
    string Soyad = "Yılmaz";
    string Mail = "iletisim@srdrylmz.com";
}

@(String.Format("Adı:{0} - Soyadı:{1} - Mail Adresi:{2}",Ad,Soyad,Mail))
<br />
@* Alternatif Kullanım Şekli *@
@("Adı:" + Ad + " - " + "Soyadı:" + Soyad + " - " + "Mail Adresi:" + Mail)

Kontrol Yapıları ve Döngülerin Kullanımı

Razor sayesinde C# diline ait döngü ve kontrol yapılarını (For, Foreach, While, Switch-Case, If-Else…) sayfamızın içerisinde dilediğimiz yerde kullanabiliriz.

@{
    string[] Kullanicilar = new string[] { "Serdar Yılmaz", "Sevban Bayrak" , "Cansu Sefil" };
}

<h2>Kullanıcılar</h2>
<ul>
    @foreach (string kullanici in Kullanicilar)
    {
        if (kullanici == "Serdar Yılmaz")
        {
            <li><b>@kullanici</b></li>
        }
        else
        {
            <li><i>@kullanici</i></li>
        }
    }
</ul>

Yazar: Serdar YILMAZ