ASP.NET-webbladsye - Voeg skeermeskode by
ASP.NET-webbladsye gebruik Razor-opmaak met C#- of VB-kode
Razor Markup
Razor is 'n eenvoudige opmaaksintaksis vir die inbedding van bedienerkode (C# of VB) in ASP.NET-webbladsye.
Voorbeeld
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Web Pages Demo</title>
</head>
<body>
<h1>Hello Web Pages</h1>
<p>The time is @DateTime.Now</p>
</body>
</html>
Die bladsy hierbo bevat beide gewone HTML-opmerk en Razor-opmerk.
Skeermessintaksis vir C#
- C#-kodeblokke word in @{ ... } ingesluit
- Inlyn uitdrukkings (veranderlikes of funksies) begin met @
- Kodestellings eindig met kommapunte
- Veranderlikes word verklaar met die var-sleutelwoord, of die datatipe (int, string, ens.)
- Strings word met aanhalingstekens ingesluit
- C#-kode is hooflettergevoelig
- C#-lêers het die uitbreiding .cshtml
C# voorbeeld
<!-- Single statement block -->
@{ var myMessage = "Hello World"; }
<!-- Inline expression or variable -->
<p>The value of myMessage is: @myMessage</p>
<!-- Multi-statement block -->
@{
var greeting = "Welcome to our site!";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " Today is: " + weekDay;
}
<p>The greeting is: @greetingMessage</p>
Skeermessintaksis vir VB
- VB-kodeblokke is ingesluit in @Code ... Eindkode
- Inlyn uitdrukkings (veranderlikes of funksies) begin met @
- Veranderlikes word verklaar met die Dim sleutelwoord
- Strings word met aanhalingstekens ingesluit
- VB-kode is nie hooflettersensitief nie
- VB-lêers het die uitbreiding .vbhtml
VB voorbeeld
<!-- Single statement block -->
@Code dim myMessage = "Hello World" End Code
<!-- Inline expression or variable -->
<p>The value of myMessage is: @myMessage</p>
<!-- Multi-statement block -->
@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>
Meer oor C# en Visual Basic
As jy meer wil leer oor Razor, en die C# en Visual Basic-programmeertale:
Gaan na die Skeermes-afdeling van hierdie tutoriaal.