آموزش ASP.Net به زبان ساده > آموزش مدل صفحات وب WP
> اضافه کردن کدهای برنامه نویسی Razor به صفحات ASP.Net
Razor چیست و چه کاربردی دارد ؟
در این بخش قصد داریم تا نحوه اضافه کردن و استفاده از کدهای برنامه نویسی درون صفحه
ای ( Razor ) که به زبان های VB یا #C قابل نوشتن هستند را آموزش دهیم .
Razor چیست ؟ Razor یک قطعه کد نوشته شده به زبان VB یا #C است که برای انجام امور
مختلف برنامه نویسی مثل شناسایی و ارتباط با کاربران ، ارتباط با پایگاه های داده ،
انجام محاسبات و ... ، درون صفحات ASP.Net و لا به لای تگ های HTML نوشته شده ، ولی بر روی سرور
سایت اجرا می شوند . سپس خروجی انجام این دستورات همراه با سایر المنت های HTML و
جاوا اسکرییت ، توسط سرور برای اجرا به مرورگر کاربر ارسال می شوند .
مهمترین ویژگی ها و کاربردهای 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
8/6/2026 3:01:33 AM
|
|
توضیح کد مثال : صفحه فوق حاوی کدها و تگ های معمولی 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
|
|
|
راجع این مطلب
سوال یا اشکالی دارید ؟! آن را در انجمن سایت مطرح نمایید ...
>>>>> ورود به انجمن تخصصی
نطر خودتان درباره این صفحه را با ما در میان گذاشته و در صورت تمایل از Developer1
حمایت نمایید :