ASP.NET Web Pages - أضف كود Razor

في هذا الدرس، سنستخدم علامات Razor بكود C# وVisual Basic.

ما هو Razor؟

  • Razor هو لغة نصية لضيف كود قائم على الخادم إلى الصفحات
  • يملك Razor قدرات ASP.NET التقليدية في العلامات، ولكن هو أسهل في التعلم والاستخدام
  • Razor هو لغة نصية على الخادم تشبه ASP وPHP
  • يدعم Razor لغات البرمجة C# وVisual Basic

أضف كود Razor

هل تتذكر الصفحة في الفصل السابق؟

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

الآن أضف بعض كود Razor إلى المثال:

مثال

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

تشغيل المثال

تحتوي هذه الصفحة على علامات HTML عادية، بالإضافة إلى: كود Razor المُميز بالعلامة @.

يُقوم كود Razor بمراقبة الوقت الحالي على الخادم، ثم يُعرضه. (يمكنك تحديد خيارات التنسيق، أو عرضه بشكل افتراضي)

قواعد النحو الرئيسية في C# Razor

  • يُحاط كود Razor بـ @{ ... }
  • تبدأ التعبيرات الداخلية (المتغيرات والوظائف) بـ @
  • تنتهي جملة الكود بالفاصلة العائمة
  • تُعلن المتغيرات باستخدام الكلمة المفتاحية var
  • يُقصر النصوص باستخدام الأسهم
  • كود C# حساس للكبيرة والصغيرة
  • امتداد ملفات C# هو .cshtml

مثال في C#

<!-- مساحة برمجة واحدة -->
@{ var myMessage = "Hello World"; }
<!-- تعبير أو متغير داخلي -->
<p>قيمة myMessage هي: @myMessage</p> 
<!-- مساحة برمجة متعددة -->
@{}}
var greeting = "مرحبًا بكم في موقعنا!";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " اليوم هو: " + weekDay;
}
<p>الترحيب هو: @greetingMessage</p>

تشغيل المثال

قواعد نحوية رئيسية لـ Razor في VB

  • يُقصر كود Razor بـ @Code ... End
  • تبدأ التعبيرات الداخلية (المتغيرات والوظائف) بـ @
  • تُستخدم كلمة المفتاح Dim للإشارة إلى المتغيرات
  • يُقصر النصوص باستخدام الأسهم
  • لا يهم الحساسية للتغيرات في الحجم لكود C#
  • تكون امتداد ملفات C# هي .vbhtml

مثال

<!-- مساحة برمجة واحدة -->
@Code dim myMessage = "Hello World" End Code
<!-- تعبير أو متغير داخلي -->
<p>قيمة myMessage هي: @myMessage</p> 
<!-- مساحة برمجة متعددة -->
@Code
dim greeting = "مرحبًا بكم في موقعنا!" 
dim weekDay = DateTime.Now.DayOfWeek 
dim greetingMessage = greeting & " اليوم هو: " & weekDay
إنهاء الكود 
<p>الترحيب هو: @greetingMessage</p>

تشغيل المثال

لمزيد من المعلومات عن C# وVisual Basic

إذا كنت ترغب في تعلم المزيد عن Razor وكذلك لغات البرمجة C# وVisual Basic، يرجى زيارة جزء Razor.