ریزر (WebPages Razor)
در Web Pages از «ریزر (Razor)» استفاده می کنیم. «Razor» یک نحوِ نشانه گذاری است. یعنی روشی برای نوشتن کد سرور داخل HTML. سپس سرور کد را اجرا می کند و فقط خروجی HTML می آید. مثل وقتی در گوشی پیام می نویسی و فقط متن نهایی ارسال می شود.
آموزش Razor؛ شروع سریع
Razor ساده است و کنار HTML می نشیند. با یک مثال، زمان سرور را نشان می دهیم. این مثال همان چیزی است که در Run Example می بینی.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Web Pages Demo</title>
</head>
<body>
<h1>Hello Web Pages</h1>
<p>The time is @DateTime.Now</p>
</body>
</html>
Razor با #C؛ بلوک و عبارت
در #C، بلوک کد با @{ ... } می آید. «عبارت (Expression)» با @ شروع می شود. هر دستور با سمی کالن تمام می شود. سپس مقدارها را داخل HTML نمایش می دهیم. مثل دفتر مشق که جواب را بین متن می نویسی.
<!-- Single statement block -->
@{
var myMessage = "Hello World";
}
<!-- Inline expression -->
<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 + " Today is: " + weekDay;
}
<p>The greeting is: @greetingMessage</p>
Razor با VB؛ بلوک و متغیر
در VB، بلوک ها با @Code و End Code مشخص می شوند. «متغیر (Variable)» با Dim تعریف می شود. حروف بزرگ وکوچک مهم نیست. خروجی مثل قبل در HTML می آید.
<!-- Single statement block -->
@Code
Dim myMessage = "Hello World"
End Code
<!-- Inline expression -->
<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 & " Today is: " & weekDay
End Code
<p>The greeting is: @greetingMessage</p>
گام های تمرین ریزر
- یک بلوک کد بساز و یک متغیر تعریف کن.
- مقدار متغیر را با @ در HTML نشان بده.
- یک مقدار دیگر بساز و رشته ها را ترکیب کن.
- خروجی را بررسی کن و تغییر بده.
نکته: فایل های #C پسوند .cshtml دارند و فایل های VB پسوند .vbhtml دارند.
برای آشنایی بیشتر با ریزر، به معرفی Web Pages برگرد. سپس چینش صفحات را در چیدمان Web Pages ببین.
جمع بندی سریع
- Razor کد سرور را داخل HTML می نشاند.
- در #C از @{ ... } و ; استفاده کن.
- در VB از @Code و End Code استفاده کن.
- خروجی نهایی، HTML ساده برای مرورگر است.