07-02-2017، 03:18 PM
چیست ؟ Razor یک قطعه کد نوشته شده به زبان VB یا #C است که برای انجام امور مختلف برنامه نویسی مثل شناسایی و ارتباط با کاربران ، ارتباط با پایگاه های داده ، انجام محاسبات و ... ، درون صفحات ASP.Net و لا به لای تگ های HTML نوشته شده ، ولی بر روی سرور سایت اجرا می شوند . سپس خروجی انجام این دستورات همراه با سایر المنت های HTML و جاوا اسکرییت ، توسط سرور برای اجرا به مرورگر کاربر ارسال می شوند .
مهمترین ویژگی ها و کاربردهای Razor عبارتند از :
Razor یک روش برای اضافه کردن کدهای VB یا #C که سمت سرور اجرا خواهند شد ، به صفحات ASP.Net است .
Razor قدرت ASP.Net معمولی را داراست ، ولی ساده تر و سریع تر برای یادگیری می باشد .
نحوه اضافه کردن کدهای Razor به صفحات ASP.Net :
در این بخض قصد داریم تا با یک مثال ساده ، نحوه اضافه کردن کدهای Razor به صفحات ASP.Net را آموزش دهیم .
کد زیر را مشاهده نمایید . این کد ، کد یک صفحه ساده ASP.Net است .
حال می خواهیم با اضافه کردن یک کد Razor ، کاری کنیم تا در کنار تگ < H1 > ، ساعت جاری سرور نمایش داده شود . برای این منظور کد زیر را به صفحه اضافه می کنیم .
خروجی :
توضیح کد مثال : صفحه فوق حاوی کدها و تگ های معمولی HTML است ، با این تفاوت که یک قطعه کد برنامه نویسی شده که با علامت @ شروع شده را برای نمایش تاریخ و ساعت به روز به صفحه اضافه کرده ایم . این بخش همان کد Razor است .
قواعد کدنویسی با Razor همراه با مثال در #C :
مجموع قواعد کدنویسی Razor با زبان #C در ASP.Net به شرح زیر است :
بلوک های کد Razor در #C درون { ... } @ قرار می گیرند .
عبارت های درون ساخته ( مثل توابع و متغیرها ) با علامت @ شروع می شوند .
برای تعریف متغیرها از عبارت کلیدی var در ابتدای آنها استفاده می شود .
کدهای Razor در #C بایستی با علامت ; پایان یابند .
رشته های متنی بایستی درون دو علامت " " تعریف شوند .
کدهای #C به حروف بزرگ و کوچک حساس هستند .
صفحات HTML حاوی کدهای Razor دارای پسوند cshtml. خواهند بود .
مثال : تمامی موارد فوق را در مثال زیر می توانید مشاهده نمایید . در مثال زیر ابتذدا یک متغیر به نام myMessage را تعریف کرده ایم . سپس آن را در پاراگراف بعدی به همراه یک متن ایستاتیک به کاربر نمایش داده ایم . در بخش دوم که یک کد چند خطی است ، یک متغیر متنی و یک متغیر زمانی تعریف نموده و یک جمله کامل با آنها ساخته ایم . سپس در پایان صفحه پیام مورد نظر خود را در قالب یک پاراگراف نمایش داده ایم :
خروجی :
قواعد کدنویسی با Razor همراه با مثال در VB :
مجموع قواعد کدنویسی Razor با زبان VB در ASP.Net به شرح زیر است :
بلوک های کد Razor در VB درون Code ... End Code @ قرار می گیرند .
عبارت های درون ساخته ( مثل توابع و متغیرها ) با علامت @ شروع می شوند .
برای تعریف متغیرها از عبارت کلیدی Dim در ابتدای آنها استفاده می شود .
رشته های متنی بایستی درون دو علامت " " تعریف شوند .
کدهای VB به حروف بزرگ و کوچک حساس نیستند .
صفحات HTML حاوی کدهای Razor دارای پسوند vbhtml. خواهند بود .
تمامی موارد فوق را در مثال زیر می توانید مشاهده نمایید :
خروجی :
مهمترین ویژگی ها و کاربردهای Razor عبارتند از :
Razor یک روش برای اضافه کردن کدهای VB یا #C که سمت سرور اجرا خواهند شد ، به صفحات ASP.Net است .
Razor قدرت ASP.Net معمولی را داراست ، ولی ساده تر و سریع تر برای یادگیری می باشد .
نحوه اضافه کردن کدهای 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 2/7/2017 3:14:15 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