ASP.NET Razor - C# ve VB Kodu Sözdizimi
Razor, hem C# (C keskin) hem de VB'yi (Visual Basic) destekler.
C# için Ana Razor Sözdizimi Kuralları
- Razor kod blokları @{ ... } içine alınır
- Satır içi ifadeler (değişkenler ve işlevler) @ ile başlar
- Kod ifadeleri noktalı virgülle biter
- Değişkenler var anahtar kelimesi ile tanımlanır.
- Dizeler tırnak içine alınır
- C# kodu büyük/küçük harfe duyarlıdır
- C# dosyaları .cshtml uzantısına sahiptir
C# Örneği
<!-- Single statement block -->
@{ var myMessage = "Hello World"; }
<!-- Inline expression or variable -->
<p>The value of myMessage is: @myMessage</p>
<!-- Multi-statement block -->
@{
var greeting = "Welcome to our site!";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " Here in Huston it is: " + weekDay;
}
<p>The greeting is: @greetingMessage</p>
VB için Ana Razor Sözdizimi Kuralları
- Jilet kod blokları @Code içine alınır ... Bitiş Kodu
- Satır içi ifadeler (değişkenler ve işlevler) @ ile başlar
- Değişkenler Dim anahtar sözcüğü ile bildirilir
- Dizeler tırnak içine alınır
- VB kodu büyük/küçük harfe duyarlı değildir
- VB dosyaları .vbhtml uzantısına sahiptir
Örnek
<!-- Single statement block -->
@Code dim myMessage = "Hello World" End Code
<!-- Inline expression or variable -->
<p>The value of myMessage is: @myMessage</p>
<!-- Multi-statement block -->
@Code
dim greeting = "Welcome to our site!"
dim weekDay = DateTime.Now.DayOfWeek
dim greetingMessage = greeting & " Here in Huston it is: " & weekDay
End Code
<p>The greeting is: @greetingMessage</p>
O nasıl çalışır?
Razor, sunucu kodunu web sayfalarına gömmek için basit bir programlama sözdizimidir.
Razor sözdizimi, Microsoft.NET Framework'ün özellikle web uygulamaları oluşturmak için tasarlanmış bir parçası olan ASP.NET çerçevesini temel alır.
Razor sözdizimi size ASP.NET'in tüm gücünü verir, ancak yeni başlayan biriyseniz öğrenmesi daha kolay olan ve uzmansanız daha üretken olmanızı sağlayan basitleştirilmiş bir sözdizimi kullanır.
Razor web sayfaları, iki tür içeriğe sahip HTML sayfaları olarak tanımlanabilir: HTML içeriği ve Razor kodu.
Sunucu sayfayı okuduğunda, HTML sayfasını tarayıcıya göndermeden önce Razor kodunu çalıştırır. Sunucuda yürütülen kod, örneğin bir sunucu veritabanına erişim gibi tarayıcıda yapılamayacak görevleri gerçekleştirebilir. Sunucu kodu, tarayıcıya gönderilmeden önce anında dinamik HTML içeriği oluşturabilir. Tarayıcıdan bakıldığında, sunucu kodu tarafından oluşturulan HTML, statik HTML içeriğinden farklı değildir.
Razor sözdizimine sahip ASP.NET web sayfaları, cshtml (C# kullanan Razor) veya vbhtml (VB kullanan Razor) özel dosya uzantısına sahiptir.
Nesnelerle Çalışmak
Sunucu kodlaması genellikle nesneleri içerir.
"DateTime" nesnesi tipik bir yerleşik ASP.NET nesnesidir, ancak nesneler kendi kendini tanımlayabilir, bir web sayfası, bir metin kutusu, bir dosya, bir veritabanı kaydı vb.
Nesnelerin gerçekleştirebilecekleri yöntemler olabilir. Bir veritabanı kaydının "Kaydet" yöntemi olabilir, bir görüntü nesnesinin "Döndür" yöntemi olabilir, bir e-posta nesnesinin "Gönder" yöntemi olabilir vb.
Nesnelerin ayrıca özelliklerini tanımlayan özellikleri de vardır. Bir veritabanı kaydı, bir FirstName ve bir LastName özelliğine (diğerlerinin yanı sıra) sahip olabilir.
ASP.NET DateTime nesnesinin Now özelliği (DateTime.Now olarak yazılmıştır) ve Now özelliğinin Day özelliği (DateTime.Now.Day olarak yazılmıştır) vardır. Aşağıdaki örnek, DateTime nesnesinin bazı özelliklerine nasıl erişileceğini gösterir:
Örnek
<table border="1">
<tr>
<th
width="100px">Name</th>
<td width="100px">Value</td>
</tr>
<tr>
<td>Day</td><td>@DateTime.Now.Day</td>
</tr>
<tr>
<td>Hour</td><td>@DateTime.Now.Hour</td>
</tr>
<tr>
<td>Minute</td><td>@DateTime.Now.Minute</td>
</tr>
<tr>
<td>Second</td><td>@DateTime.Now.Second</td>
</tr>
</td>
</table>
If ve Else Koşulları
Dinamik web sayfalarının önemli bir özelliği de şartlara göre ne yapacağınızı belirleyebilmenizdir.
Bunu yapmanın yaygın yolu if ... else ifadeleridir:
Örnek
@{
var txt = "";
if(DateTime.Now.Hour > 12)
{txt = "Good Evening";}
else
{txt = "Good Morning";}
}
<html>
<body>
<p>The message is @txt</p>
</body>
</html>
Kullanıcı Girişini Okuma
Dinamik web sayfalarının bir diğer önemli özelliği de kullanıcı girdilerini okuyabilmenizdir.
Giriş, Request[] işlevi tarafından okunur ve gönderme (girdi) IsPost koşuluyla test edilir:
Örnek
@{
var totalMessage = "";
if(IsPost)
{
var num1 = Request["text1"];
var num2 = Request["text2"];
var total = num1.AsInt() + num2.AsInt();
totalMessage =
"Total = " + total;
}
}
<html>
<body
style="background-color: beige; font-family: Verdana, Arial;">
<form
action="" method="post">
<p><label for="text1">First Number:</label><br>
<input type="text" name="text1" /></p>
<p><label for="text2">Second
Number:</label><br>
<input type="text" name="text2" /></p>
<p><input
type="submit" value=" Add " /></p>
</form>
<p>@totalMessage</p>
</body>
</html>