آموزش برنامه نویسی ، پایگاه داده sql server
آموزشگاه برنامه نویسی تحلیل داده : دوره های آموزشی برنامه نویسی و طراحی وب ASP.Net , C# , HTML , CSS , SQL Server


آموزشگاه برنامه نویسی مجتمع فنی تهران میرداماد : دوره های آموزشی برنامه نویسی و طراحی وب ASP.Net , C# , HTML , CSS , SQL Server

آموزش 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 6/22/2017 9:59:21 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

مشاهده خروجی مثال عملی


راجع این مطلب سوال یا اشکالی دارید ؟! آن را در انجمن سایت مطرح نمایید ...         >>>>>  ورود به انجمن تخصصی


نطر خودتان درباره این صفحه را با ما در میان گذاشته و در صورت تمایل از Developer1 حمایت نمایید :

آیا مطالب این صفحه برای شما مناسب و مفید بوده است :

نام :                 
آدرس Email :    
 
نظر شما :  
 
سوال امنیتی : پایتخت ایران ؟      
حمایت از سایت Developer1