ASP.NET Web Pages - Magdagdag ng Razor code

Sa pamamagitan ng kasalukuyang tutorial, gagamitin namin ang Razor marking sa pamamagitan ng C# at Visual Basic code.

Ano ang Razor?

  • Ang Razor ay isang syntax ng marking para idagdag ang server-based code sa web page
  • Ang Razor ay may kakayahan ng tradisyonal na ASP.NET marking, ngunit mas madaling pag-aralan at gamitin
  • Ang Razor ay isang syntax ng server-side marking na katulad ng ASP at PHP
  • Ang Razor ay sumusuporta sa mga lengguwahe ng programming na C# at Visual Basic

Magdagdag ng Razor code

Matanda ka ng mga pahina na ito:

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="utf-8" />
    <title>Web Pages Demo</title>
</head>
<body>
    <h1>Hello Web Pages</h1>
</body>
</html>

Magdagdag ng ilang Razor code sa halimbawa na ito:

ឧទាហរណ៍

<!DOCTYPE html>
<html lang="en">
<head>
     <meta charset="utf-8" />
     <title>Web Pages Demo</title>
</head>
<body>
     <h1>Hello Web Pages</h1> 
     <p>Ang oras ay @DateTime.Now</p>
</body>
</html>

ការប្រតិបត្តិឧទាហរណ៍

Ang pahina na ito ay naglalaman ng mga pangkaraniwang HTML na marka, at karagdagan pa ang Razor code na may markang @.

Ang pangunguna ng Razor ay sa pagdetekta ng kasalukuyang oras sa server, at ipakita ito. (Maaari mong itakda ang opsyon ng format, o ipakita lamang sa default na format)

Ang pangunahing patakaran ng syntax ng Razor ng C#

  • Ang mga code block ng Razor ay pinamalaki ng @( ... )
  • កូដខាងក្នុង (អត្ថប្រយោជន៍ និងមុខសញ្ញា) ចាប់ផ្តើមដោយ @
  • Ang mga statement ng code ay tinatapos ng tanda ng pahaba
  • Ang mga variable ay inaangkin sa pamamagitan ng keyword na var
  • សំឡេងចង្អុលដោយពាក្យបញ្ចាំង
  • Ang C# na code ay may pagkakabansam sa kapit-bansam ng mga titik
  • Ang extension ng C# na file ay .cshtml

Halimbawa ng C#

<!-- បន្ទួនកូដឯក -->
@{ var myMessage = "Hello World"; }
<!-- កូដខាងក្នុង -->
<p>Ang halaga ng myMessage ay: @myMessage</p> 
<!-- បន្ទួនកូដជាបន្តបន្ទាប់ -->
@{}}
var greeting = "Welcome to our site!";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " Today is: " + weekDay;
}
<p>សារស្រង់ជើងនេះគឺ: @greetingMessage</p>

ការប្រតិបត្តិឧទាហរណ៍

វិធីការទម្ងន់នៃ Razor នៃ VB

  • កូដ Razor បញ្ចប់ដោយ @Code ... End
  • កូដខាងក្នុង (អត្ថប្រយោជន៍ និងមុខសញ្ញា) ចាប់ផ្តើមដោយ @
  • អត្ថប្រយោជន៍ត្រូវបានបញ្ជាក់ដោយពាក្យគ្រាន់ Dim
  • សំឡេងចង្អុលដោយពាក្យបញ្ចាំង
  • កូដ C# មិនគួរអោយចាប់អ្វីគ្រាន់
  • អាចារ៉ាបន្ទាត់ C# គឺ .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 & " Today is: " & weekDay
End Code 
<p>សារស្រង់ជើងនេះគឺ: @greetingMessage</p>

ការប្រតិបត្តិឧទាហរណ៍

ព័ត៌មានបន្ថែមអំពី C# និង Visual Basic

ប្រសិនបើអ្នកចង់រៀនបន្តអំពី Razor និងភាសាការសរសេរ C# និង Visual Basic គ្រប់គ្រាន់អោយចូលទៅ ផ្នែក Razor。