اضافه کردن کدهای برنامه نویسی Razor
به صفحات ASP.Net
Razor چیست و چه کاربردی دارد ؟
در این بخش قصد داریم تا نحوه اضافه
کردن و استفاده از کدهای برنامه نویسی درون صفحه ای ( Razor ) که به زبان های VB یا
#C قابل نوشتن هستند را آموزش دهیم .
Razor چیست ؟ Razor یک قطعه کد نوشته شده به زبان VB یا #C است که برای انجام امور
مختلف برنامه نویسی مثل شناسایی و ارتباط با کاربران ، ارتباط با پایگاه های داده ،
انجام محاسبات و ... ، درون صفحات ASP.Net و لا به لای
تگ های HTML نوشته شده ، ولی بر روی سرور سایت اجرا می شوند . سپس خروجی انجام
این دستورات همراه با سایر المنت های HTML و
جاوا اسکرییت ، توسط سرور برای اجرا به مرورگر کاربر ارسال می شوند .
مهمترین ویژگی ها و کاربردهای Razor
عبارتند از :
نحوه اضافه کردن کدهای Razor به
صفحات ASP.Net :
در این بخض قصد داریم تا با یک مثال
ساده ، نحوه اضافه کردن کدهای Razor به صفحات ASP.Net را آموزش دهیم .
کد زیر را مشاهده نمایید . این کد ، کد یک صفحه ساده ASP.Net است .
|
کد
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-Razor" />
<title>Web Pages Demo</title>
</head>
<body>
<h1>Hello Web Pages</h1>
</body>
</html>
|
حال می خواهیم با اضافه کردن یک کد
Razor ، کاری کنیم تا در کنار تگ < H1 > ، ساعت جاری سرور نمایش داده شود . برای
این منظور کد زیر را به صفحه اضافه می کنیم . می توانید خروجی صفحه را با کلیک بر
روی دکمه " مشاهده خروجی " مشاهده نمایید :
|
مثال
|
<html>
<body>
<h1>Hello User ...</h1>
<p>The time is @DateTime.Now </p>
</body>
</html>
|
|
خروجی
|
Hello User ...
The time is 3/13/2014 2:45:14
PM |
|
|
توضیح کد مثال : صفحه
فوق حاوی کدها و تگ های معمولی
HTML است ، با این تفاوت که یک قطعه کد برنامه نویسی شده که با علامت @ شروع
شده را برای نمایش تاریخ و ساعت به روز به صفحه اضافه کرده ایم . این بخش همان کد
Razor است .
قواعد کدنویسی با Razor همراه با
مثال در #C :
مجموع قواعد کدنویسی Razor با زبان #C
در ASP.Net به شرح زیر است :
-
بلوک های کد Razor در #C درون {
... } @ قرار می گیرند .
-
عبارت های درون ساخته ( مثل توابع
و متغیرها ) با علامت @ شروع می شوند .
-
برای تعریف متغیرها از عبارت کلیدی
var در ابتدای آنها استفاده می شود .
-
کدهای Razor در #C بایستی با علامت
; پایان یابند .
-
رشته های متنی بایستی درون دو
علامت " " تعریف شوند .
-
کدهای #C به حروف بزرگ و کوچک حساس
هستند .
-
صفحات HTML حاوی کدهای Razor دارای
پسوند cshtml. خواهند بود .
مثال : تمامی موارد
فوق را در مثال زیر می توانید مشاهده نمایید . در مثال زیر ابتذدا یک متغیر به نام
myMessage را تعریف کرده ایم . سپس آن را در پاراگراف بعدی به همراه یک متن
ایستاتیک به کاربر نمایش داده ایم . در بخش دوم که یک کد چند خطی است ، یک متغیر
متنی و یک متغیر زمانی تعریف نموده و یک جمله کامل با آنها ساخته ایم . سپس در
پایان صفحه پیام مورد نظر خود را در قالب یک پاراگراف نمایش داده ایم :
|
مثال
|
<!-- کد یک خطی -->
@{ var myMessage = "Hello World"; }
<!-- تعریف متغیر مورد نظر به صورت درون خطی
-->
<p>The value of myMessage is:
@myMessage</p>
<!-- کد چند خطی -->
@{
var greeting = "Welcome to our site!";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " Today is: " + weekDay;
}
<p>The greeting is:
@greetingMessage</p>
|
|
خروجی
|
The value of myMessage is: Hello World
The greeting is: Welcome to our site! Here in Huston it is: Friday |
|
|
قواعد کدنویسی با Razor همراه با
مثال در VB :
مجموع قواعد کدنویسی Razor با زبان VB
در ASP.Net به شرح زیر است :
-
بلوک های کد Razor در VB درون Code
... End Code @ قرار می گیرند .
-
عبارت های درون ساخته ( مثل توابع
و متغیرها ) با علامت @ شروع می شوند .
-
برای تعریف متغیرها از عبارت کلیدی
Dim در ابتدای آنها استفاده می شود .
-
رشته های متنی بایستی درون دو
علامت " " تعریف شوند .
-
کدهای VB به حروف بزرگ و کوچک حساس
نیستند .
-
صفحات HTML حاوی کدهای Razor دارای
پسوند vbhtml. خواهند بود .
تمامی موارد فوق را در مثال زیر می
توانید مشاهده نمایید :
|
مثال
|
<!-- کد یک خطی -->
@Code dim myMessage = "Hello World" End Code
<!-- تعریف متغیرها به صورت دورن خطی -->
<p>The value of myMessage is:
@myMessage</p>
<!-- کد چند خطی -->
@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>
|
|
خروجی
|
The value of myMessage is: Hello World
The greeting is: Welcome to our site! Here in Huston it is: Friday |
|
|