ASP.NET Web Pages - Razor kodu ekleyin

Bu eğitim setinde, Razor işaretlerini C# ve Visual Basic kodu ile kullanacağız.

Razor nedir?

  • Razor, web sayfalarına sunucu tabanlı kod eklemek için bir işaret dilidir
  • Razor, geleneksel ASP.NET işaret yeteneklerine sahiptir, ancak daha kolay öğrenir ve kullanılır
  • Razor, ASP ve PHP'ye benzer bir sunucu tabanlı işaret dilidir
  • Razor, C# ve Visual Basic programlama dillerini destekler

Razor kodu ekleyin

Geçen bölümdeki web sayfasını hatırlıyor musunuz:

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="utf-8" />
    <title>Web Pages Demo</title>
</head>
<body>
    <h1>Hello Web Pages</h1>
</body>
</html>

Şimdi örneğe bazı Razor kodu ekleyin:

Örnek

<!DOCTYPE html>
<html lang="en">
<head>
     <meta charset="utf-8" />
     <title>Web Pages Demo</title>
</head>
<body>
     <h1>Hello Web Pages</h1> 
     <p>Time @DateTime.Now</p>
</body>
</html>

Uygulama Çalıştır

Bu sayfa genel HTML işaretlerini içerir, ayrıca @ işareti ile Razor kodunu içerir.

Razor kodunun tüm işi, sunucudaki mevcut zamanı tespit etmek ve göstermektir. (Format seçeneklerini belirtebilir veya varsayılan formatta gösterilebilir)

C#'un ana Razor dilbilgisi kuralları

  • Razor kod blokları @{ ... } ile çevrelenir
  • Satır içi ifadeleri (değişkenler ve fonksiyonlar) @ ile başlar
  • Kod ifadeleri noktalama işareti ile sona erer
  • Değişkenler var anahtar kelimesi ile tanımlanır
  • Dizgiler alıntılar ile sarılır
  • C# kodu büyük-küçük harflere duyarlıdır
  • C# dosya uzantısı .cshtml'dir

C# Örneği

<!-- Tek satırlı kod bloğu -->
@{ var myMessage = "Hello World"; }
<!-- Satır içi ifadeleri veya değişkenleri -->
<p>myMessage değerinin değeri: @myMessage</p> 
<!-- Çok satırlı kod bloğu -->
@{}}
var greeting = "Welcome to our site!";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " Bugün: " + weekDay;
}
<p>Merhaba mesajı: @greetingMessage</p>

Uygulama Çalıştır

VB'nin ana Razor dil kuralları

  • Razor kod blokları @Code ... End ile sarılır
  • Satır içi ifadeleri (değişkenler ve fonksiyonlar) @ ile başlar
  • Değişkenler Dim anahtar kelimesi ile tanımlanır
  • Dizgiler alıntılar ile sarılır
  • C# kodu büyük/küçük harfe duyarlı değildir
  • C# dosyasının uzantısı .vbhtml'dir

Örnek

<!-- Tek satırlı kod bloğu -->
@Code dim myMessage = "Hello World" End Code
<!-- Satır içi ifadeleri veya değişkenleri -->
<p>myMessage değeri: @myMessage</p> 
<!-- Çok satırlı kod bloğu -->
@Code
dim greeting = "Welcome to our site!" 
dim weekDay = DateTime.Now.DayOfWeek 
dim greetingMessage = greeting & " Bugün: " & weekDay
Kod Sonu 
<p>Merhaba mesajı: @greetingMessage</p>

Uygulama Çalıştır

C# ve Visual Basic hakkında daha fazla bilgi

Razor hakkında ve C# ve Visual Basic programlama dilleri hakkında daha fazla bilgi öğrenmek istiyorsanız, bu rehberin Razor Bölümü。