ASP.NET Razor - C# 和 VB 代码语法

Razor ສະໜັບສະໜູນທັງ C# (C sharp) ແລະ VB (Visual Basic).

ກົດລະບຽບຄຳພາສາ Razor ຂອງ 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>

ຕື່ມພາລະກິດ

ກົດລະບຽບຄຳພາສາ Razor ຂອງ 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>

ຕື່ມພາລະກິດ

ການເຮັດແນວໃດ?

Razor ມີຄຳພາສາປົກກະຕິນິຍົມສຳລັບການວົງຢູ່ຂອງຄວາມຂັດແຍ່ງຂອງບັນຊີບາງທີ່ຢູ່ໃນເວັບໄຊ.

ຄຳພາສາ Razor ຖືກວ່າສ່ວນໜຶ່ງຂອງ ASP.NET ການວາງແຜນແບບ .NET ຂອງ Microsoft ທີ່ຖືກອອກແບບສະເພາະເພື່ອການພັດທະນາການສະໜັບສະໜູນຂອງການປະກາດຂອງເວັບໄຊ.

ຄຳພາສາ Razor ສາຍຕະວັດຂອງຄວາມສາມາດທັງໝົດຂອງ ASP.NET ແຕ່ໃຊ້ຄຳພາສາທີ່ຫຼຸດລົງຈາກລັກສະນະ ຖ້າເປັນຜູ້ບັນທຶກຄົນຫຼັງຈາກການສຶກສາຫາລືບອກຂອງທ່ານຫຼາຍກໍ່ຈະຫຼຸດລົງຈາກຄວາມສາມາດທັງໝົດຂອງທ່ານ.

ເວັບໄຊ Razor ສາມາດຖືກອະທິບາຍວ່າເວັບໄຊ HTML ທີ່ມີສອງປະເພດຂອງຂໍ້ມູນ: ຂໍ້ມູນ HTML ແລະ ວິທີ Razor.

ເມື່ອຜູ້ບັນຄັບອ່າງມານີ້ຂອງສະເພາະນີ້, ກ່ອນທີ່ສົ່ງ HTML ບົດສະຫຼຸບໄປຫາການຄົ້ນຫາ, ຜູ້ບັນຄັບຈະດຳເນີນວິທີ Razor. ວິທີທີ່ດຳເນີນຢູ່ເທິງຜູ້ບັນຄັບກໍ່ສາມາດທຳເນີນວິທີທີ່ບໍ່ສາມາດທຳເນີນຢູ່ເທິງການຄົ້ນຫາ, ເຊັ່ນ ການເຂົ້າເຖິງຖານຂໍ້ມູນຂອງຜູ້ບັນຄັບ. ວິທີການຂອງຜູ້ບັນຄັບຈະສາມາດທຳເນີນວິທີທີ່ສາມາດທຳເນີນຢູ່ເທິງ HTML ທີ່ສົ່ງໄປຫາການຄົ້ນຫາ. ຈາກມູມມອງຂອງການຄົ້ນຫາ, HTML ທີ່ສ້າງຈາກວິທີການຂອງຜູ້ບັນຄັບຈະບໍ່ມີຄວາມແຕກຕ່າງຈາກ HTML ທີ່ສະຫຼຸບຢ່າງສະຫຼາດ.

ເວັບໄຊ ASP.NET ທີ່ໃຊ້ວິທີ Razor ມີຊະນິດເວລາທີ່ສະເພາະ: cshtml (ທີ່ໃຊ້ວິທີ Razor ຂອງ C#) ຫຼື vbhtml (ທີ່ໃຊ້ວິທີ Razor ຂອງ VB).

ການຕິດຕໍ່ວັດຖຸ

ວິທີການຂອງຜູ້ບັນຄັບທີ່ນອກມາຈະກວມເອົາວັດຖຸ.

"Date" ວັດຖຸສະແດງວ່າວັດຖຸທີ່ຂຽນໃນ ASP.NET, ແຕ່ກໍ່ສາມາດຂຽນວັດຖຸເອກະສານ, ເວັບໄຊ, ຄູ່ເບື້ອງ, ບົດບັນທຶກຖານຂໍ້ມູນ, ແລະອີກຫຼາຍ.

ວັດຖຸກໍ່ສາມາດມີວິທີທີ່ສາມາດດຳເນີນ. ບົດບັນທຶກຂອງຖານຂໍ້ມູນສາມາດມີວິທີ "ການກັບກັນ"

ວັດຖຸກໍ່ສາມາດມີປະສົງທີ່ອະທິບາຍຄວາມສະເພາະຂອງຕົນ. ບົດບັນທຶກຂອງຖານຂໍ້ມູນສາມາດມີປະສົງ FirstName ແລະ LastName.

ວັດຖຸ Date ຂອງ ASP.NET ມີປະສົງ 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>

ຕື່ມພາລະກິດ