ASP.NET Razor - C# و وی بی کد زبان

Razor ਸਾਥੇ C# (C sharp) ਅਤੇ VB (ਵਿਜੂਅਲ ਬੈਸਿਕ) ਦਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ

C# ਦੀਆਂ ਮੁੱਖ ਰੇਜ਼ਰ ਗਰਮਾਟ ਨਿਯਮ

  • Razor ਕੋਡ @{ ... } ਵਿੱਚ ਬੰਦ ਹੁੰਦਾ ਹੈ
  • ਇੰਲਾਈਨ ਐਕਸਪ੍ਰੈਸ਼ਨ (ਵੈਰੀਅੱਬਲ ਅਤੇ ਫੰਕਸ਼ਨ) @ ਨਾਲ ਸ਼ੁਰੂ ਹੁੰਦੇ ਹਨ
  • ਕੋਡ ਸਟੇਟਮੈਂਟ ਸ਼ੁਰੂ ਹੁੰਦੇ ਹਨ
  • ਪਾਠ ਪਾਠ ਵਿੱਚ ਬੰਦ ਕੀਤੇ ਗਏ ਹਨ
  • C# ਦਾ ਕੋਡ ਸਕੇਰੀਨ ਸੁਰੱਖਿਆ ਨਹੀਂ ਕਰਦਾ
  • C# ਦੀ ਫਾਇਲ ਦਾ ਐਕਸਟੈਂਸ਼ਨ .cshtml ਹੈ

C# ਮਾਮਲਾ

<!-- ਇੱਕਲਾਈਨ ਕੋਡ ਬਲਾਕ -->
@{ var myMessage =	"Hello World"; }
<!-- ਇੰਲਾਈਨ ਐਕਸਪ੍ਰੈਸ਼ਨ ਜਾਂ ਵੈਰੀਅੱਬਲ -->
<p>ਮੇਰੇ myMessage ਦਾ ਮੁੱਲ: @myMessage</p> 
<!-- ਬਹੁਲਾਂਤਰ ਸਟੇਟਮੈਂਟ ਕੋਡ ਬਲਾਕ -->
@{
var greeting = "Welcome to our site!";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " Here in Huston it is: " + weekDay;
}
<p>ਸਵਾਗਤ ਸੰਦੇਸ਼: @greetingMessage</p>

ਇੰਸਟੈਂਸ ਚਲਾਓ

VB ਦੀਆਂ ਮੁੱਖ ਰੇਜ਼ਰ ਗਰਮਾਟ ਨਿਯਮ

  • Razor ਕੋਡ ਬਲਾਕ @Code ... End Code ਵਿੱਚ ਬੰਦ ਹੁੰਦੇ ਹਨ
  • ਇੰਲਾਈਨ ਐਕਸਪ੍ਰੈਸ਼ਨ (ਵੈਰੀਅੱਬਲ ਅਤੇ ਫੰਕਸ਼ਨ) @ ਨਾਲ ਸ਼ੁਰੂ ਹੁੰਦੇ ਹਨ
  • ਵੈਰੀਅੱਬਲ ਦੀ ਘੋਸ਼ਣਾ ਲਈ Dim ਕੀਵਰਡ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ
  • ਪਾਠ ਪਾਠ ਵਿੱਚ ਬੰਦ ਕੀਤੇ ਗਏ ਹਨ
  • VB ਨੇ ਸਕੇਰੀਨ ਨੂੰ ਮਹਿਮਾਨ ਨਹੀਂ ਰੱਖਦਾ
  • VB ਦੀ ਫਾਇਲ ਦਾ ਐਕਸਟੈਂਸ਼ਨ .vbhtml ਹੈ

ਇੰਸਟੈਂਸ

<!-- ਇੱਕਲਾਈਨ ਕੋਡ ਬਲਾਕ -->
@Code dim myMessage = "Hello World" End Code
<!-- ਇੰਲਾਈਨ ਐਕਸਪ੍ਰੈਸ਼ਨ ਜਾਂ ਵੈਰੀਅੱਬਲ -->
<p>ਮੇਰੇ myMessage ਦਾ ਮੁੱਲ: @myMessage</p> 
<!-- ਬਹੁਲਾਂਤਰ ਸਟੇਟਮੈਂਟ ਕੋਡ ਬਲਾਕ -->
@Code
dim greeting = "Welcome to our site!" 
dim weekDay = DateTime.Now.DayOfWeek 
dim greetingMessage = greeting & " Here in Huston it is: " & weekDay
ਕੋਡ ਖਤਮ 
<p>ਸਵਾਗਤ ਸੰਦੇਸ਼: @greetingMessage</p>

ਇੰਸਟੈਂਸ ਚਲਾਓ

ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ?

ਰੇਜ਼ਰ ਇੱਕ ਸਰਲ ਪ੍ਰੋਗਰਾਮਿੰਗ ਗਰਮਾਟ ਹੈ ਜੋ ਵੈੱਬਪੇਜ 'ਤੇ ਸਰਵਰ ਪਾਰਸਿੰਗ ਕੋਡ ਨੂੰ ਇੰਕਰੇਪਸ਼ਨ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ。

ਰੇਜ਼ਰ ਗਰਮਾਟ ਏਸਪੀਐੱਨਈਟੀ ਫਰੇਮਵਰਕ 'ਤੇ ਅਧਾਰਤ ਹੈ, ਜੋ ਮਾਈਕਰੋਸਾਫਟ ਦੇ .NET ਫਰੇਮਵਰਕ ਦਾ ਇੱਕ ਹਿੱਸਾ ਹੈ ਜਿਸਨੂੰ ਵੈਬ ਐਪਲੀਕੇਸ਼ਨ ਵਿਕਾਸ ਲਈ ਵਿਸ਼ੇਸ਼ ਤੌਰ 'ਤੇ ਤਿਆਰ ਕੀਤਾ ਗਿਆ ਹੈ。

ਰੇਜ਼ਰ ਗਰਮਾਟ ਤੁਹਾਨੂੰ ਸਾਰੀਆਂ ਏਸਪੀਐੱਨਈਟੀ ਦੀਆਂ ਸਮਰੱਥਾਵਾਂ ਦੇਣ ਦਾ ਕੰਮ ਕਰਦਾ ਹੈ, ਪਰ ਸਰਲ ਗਰਮਾਟ ਦਾ ਉਪਯੋਗ ਕਰਦਾ ਹੈ, ਜੇਕਰ ਤੁਸੀਂ ਨਵੀਂ ਸਿੱਖਣ ਵਾਲੇ ਹੋ, ਤਾਂ ਤੁਹਾਨੂੰ ਸਰਲਤਾ ਨਾਲ ਸਿੱਖਣ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ, ਅਤੇ ਤੁਸੀਂ ਮਾਹਿਰ ਹੋ ਤਾਂ ਤੁਹਾਡੀ ਪ੍ਰੋਡਕਟਵਿਟੀ ਵਧਾਉਣ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ。

Razor ਵੈਬਸਾਈਟ ਦੋ ਪ੍ਰਕਾਰ ਦੀ ਸਮੱਗਰੀ ਵਾਲੇ ਐੱਚਟੀਐੱਮਐੱਲ ਪੰਨੇ ਵਜੋਂ ਵਰਣਨ ਕੀਤੇ ਜਾ ਸਕਦੇ ਹਨ: ਐੱਚਟੀਐੱਲ ਸਮੱਗਰੀ ਅਤੇ Razor ਕੋਡ।

ਜਦੋਂ ਸਰਵਰ ਇਹ ਪੰਨੇ ਪੜ੍ਹਦਾ ਹੈ, ਤਾਂ ਹੈਲਾ ਤੋਂ ਪਹਿਲਾਂ ਐੱਚਟੀਐੱਮਐੱਲ ਪੰਨੇ ਬਰਾਉਜ਼ਰ ਨੂੰ ਭੇਜਣ ਤੋਂ ਪਹਿਲਾਂ ਰੇਜ਼ਰ ਕੋਡ ਚਲਾਉਂਦਾ ਹੈ।ਇਹ ਸਰਵਰ 'ਤੇ ਚਲਣ ਵਾਲੇ ਕੋਡ ਬਰਾਉਜ਼ਰ ਵਿੱਚ ਕੀਤੇ ਜਾਣ ਵਾਲੇ ਕੰਮਾਂ ਨੂੰ ਪੂਰਾ ਕਰ ਸਕਦੇ ਹਨ, ਜਿਵੇਂ ਕਿ ਸਰਵਰ ਡਾਟਾਬੇਸ ਤੱਕ ਪਹੁੰਚਣਾ।ਸਰਵਰ ਕੋਡ ਐੱਚਟੀਐੱਮਐੱਲ ਪੰਨੇ ਬਰਾਉਜ਼ਰ ਨੂੰ ਭੇਜਣ ਤੋਂ ਪਹਿਲਾਂ ਗਤੀਸ਼ੀਲ ਐੱਚਟੀਐੱਮਐੱਲ ਸਮੱਗਰੀ ਬਣਾ ਸਕਦੇ ਹਨ।ਬਰਾਉਜ਼ਰ ਦੀ ਨਜ਼ਰ ਤੋਂ ਇਹ ਸਰਵਰ ਕੋਡ ਵਲੋਂ ਬਣਾਈ ਗਈ ਐੱਚਟੀਐੱਮਐੱਲ ਸਮੱਗਰੀ ਸਟੈਟਿਕ ਐੱਚਟੀਐੱਲ ਸਮੱਗਰੀ ਨਾਲ ਨਾਜ਼ਦੀਕ ਹੁੰਦੀ ਹੈ。

Razor ਵਾਕਿਆਂ ਦੀ ਵਰਤੋਂ ਕਰਨ ਵਾਲੀਆਂ ASP.NET ਵੈਬਸਾਈਟਾਂ ਵਿੱਚ ਵਿਸ਼ੇਸ਼ ਫਾਈਲ ਸ਼ਾਸਤਰ cshtml (C# ਦੇ Razor ਵਾਕਿਆਂ ਦੀ ਵਰਤੋਂ) ਜਾਂ vbhtml (VB ਦੇ Razor ਵਾਕਿਆਂ ਦੀ ਵਰਤੋਂ) ਹੁੰਦੇ ਹਨ。

ਆਬਜੈਕਟ ਨਾਲ ਕੰਮ ਕਰਨਾ

ਸਰਵਰ ਕੋਡ ਵਿੱਚ ਆਬਜੈਕਟ ਸਾਰੇ ਵਰਤੇ ਜਾਂਦੇ ਹਨ。

"Date" ਆਬਜੈਕਟ ਇੱਕ ਪ੍ਰਕਾਰ ਦਾ ਤਪਦਰ ਆਬਜੈਕਟ ਹੈ ਜੋ ਆਸਪੈਨ.ਐੱਨ.ਈ.ਟੀ. ਵਿੱਚ ਮੌਜੂਦ ਹੈ, ਪਰ ਆਪਣੇ ਆਪ ਆਬਜੈਕਟ ਵੀ ਬਣਾਇਆ ਜਾ ਸਕਦਾ ਹੈ, ਇੱਕ ਵੈਬਸਾਈਟ, ਇੱਕ ਟੈਕਸਟਬਾਕਸ, ਇੱਕ ਫਾਈਲ, ਜਾਂ ਇੱਕ ਡਾਟਾਬੇਸ ਰਿਕਾਰਡ, ਆਦਿ ਹੈ。

ਆਬਜੈਕਟ ਵਿੱਚ ਵੀ ਕਾਰਵਾਈ ਹੋ ਸਕਦੀ ਹੈ।ਡਾਟਾਬੇਸ ਰਿਕਾਰਡ ਵਿੱਚ 'ਸੰਭਾਲ' ਕਾਰਵਾਈ ਦੇ ਪ੍ਰਬੰਧ ਹੋ ਸਕਦੇ ਹਨ, ਚਿੱਤਰ ਆਬਜੈਕਟ ਵਿੱਚ 'ਰੋਟੇਸ਼ਨ' ਕਾਰਵਾਈ ਦੇ ਪ੍ਰਬੰਧ ਹੋ ਸਕਦੇ ਹਨ, ਈਮੇਲ ਆਬਜੈਕਟ ਵਿੱਚ 'ਭੇਜਣ' ਕਾਰਵਾਈ ਦੇ ਪ੍ਰਬੰਧ ਹੋ ਸਕਦੇ ਹਨ, ਇਹ ਹੀ ਨਹੀਂ ਹੈ ਆਦਿ ਹੈ。

ਆਬਜੈਕਟ ਵਿੱਚ ਵੀ ਵਿਸ਼ੇਸ਼ਤਾ ਦੇ ਪ੍ਰਤੀਯੋਗਿਤਾ ਹੋ ਸਕਦੇ ਹਨ।ਡਾਟਾਬੇਸ ਰਿਕਾਰਡ ਵਿੱਚ FirstName ਅਤੇ LastName ਪ੍ਰਤੀਯੋਗਿਤਾ ਹੋ ਸਕਦੇ ਹਨ。

ASP.NET Date ਆਬਜੈਕਟ ਵਿੱਚ Now ਪ੍ਰਤੀਯੋਗਿਤਾ ਹੈ (ਲਿਖਿਆ ਹੈ Date.Now)，Now ਪ੍ਰਤੀਯੋਗਿਤਾ ਵਿੱਚ Day ਪ੍ਰਤੀਯੋਗਿਤਾ ਹੈ (ਲਿਖਿਆ ਹੈ Date.Now.Day)。ਨਿਮਨਲਿਖਤ ਉਦਾਹਰਣ ਦਿਸ਼ਾ ਵਿੱਚ Date ਆਬਜੈਕਟ ਦੀਆਂ ਕੁਝ ਪ੍ਰਤੀਯੋਗਿਤਾਵਾਂ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰਨਾ ਦਿਸਾਂਗੇ:

ਇੰਸਟੈਂਸ

<table border="1">
<tr>
<th width="100px">Name</th>
<td width="100px">Value</td>
</tr>
<tr>
<td>Day</td><td>@DateTime.Now.Day</td>
</tr>
<tr>
<td>Hour</td><td>@DateTime.Now.Hour</td>
</tr>
<tr>
<td>Minute</td><td>@DateTime.Now.Minute</td>
</tr>
<tr>
<td>Second</td><td>@DateTime.Now.Second</td>
</tr>
</td>
</table>

ਇੰਸਟੈਂਸ ਚਲਾਓ

If ਅਤੇ Else ਸ਼ਰਤ

ਗਤੀਸ਼ੀਲ ਵੈਬਸਾਈਟਾਂ ਦਾ ਮਹੱਤਵਪੂਰਨ ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ ਕਿ ਕਿਵੇਂ ਕਾਰਵਾਈ ਨੂੰ ਅਨੁਕੂਲਨ ਕਰਨਾ ਹੈ:

ਇਸ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰਨ ਦਾ ਸਭ ਤੋਂ ਆਮ ਤਰੀਕਾ ਹੈ if ... else ਵਾਕਿਆਂ ਦੀ ਵਰਤੋਂ:

ਇੰਸਟੈਂਸ

@{
var txt = "";
if(DateTime.Now.Hour > 12)
  {txt = "Good Evening";}
else
  {txt = "Good Morning";}
}
<html>
<body>
<p>The message is @txt</p>
</body>
</html>

ਇੰਸਟੈਂਸ ਚਲਾਓ

ਯੂਜ਼ਰ ਦਾ ਇਨਪੁਟ ਪ੍ਰਾਪਤ ਕਰਨਾ

ਗਤੀਸ਼ੀਲ ਵੈੱਬ ਪੰਨੇ ਦਾ ਇੱਕ ਦੂਜਾ ਮਹੱਤਵਪੂਰਨ ਲੱਛਣ ਹੈ ਕਿ ਉਸ ਦਾ ਯੂਜ਼ਰ ਦਾ ਇਨਪੁਟ ਪ੍ਰਾਪਤ ਕਰਨਾ ਹੈ。

Request[] ਫੰਕਸ਼ਨ ਰਾਹੀਂ ਇਨਪੁਟ ਪ੍ਰਾਪਤ ਕਰਦੇ ਹਨ ਅਤੇ IsPost ਸ਼ਰਤ ਦੇ ਪ੍ਰਯੋਗ ਨਾਲ ਟੈਸਟ ਕੀਤੇ ਜਾਂਦੇ ਹਨ:

ਇੰਸਟੈਂਸ

@{
var totalMessage = "";
if(IsPost)
    {
    var num1 = Request["text1"];
    var num2 = Request["text2"];
    var total = num1.AsInt() + num2.AsInt();
    totalMessage = "Total = " + total;
    }
}
<html>
<body style="background-color: beige; font-family: Verdana, Arial;">
<form action="" method="post">
<p><label for="text1">First Number:</label><br>
<input type="text" name="text1" /></p>
<p><label for="text2">Second Number:</label><br>
<input type="text" name="text2" /></p>
<p><input type="submit" value=" Add " /></p>
</form>
<p>@totalMessage</p>
</body>
</html>

ਇੰਸਟੈਂਸ ਚਲਾਓ