ASP.NET Web Pages - Aggiungi codice Razor

In questo tutorial, utilizzeremo i marchi Razor con codice C# e Visual Basic.

Cos'è Razor?

  • Razor è una sintassi di markup per aggiungere codice basato sul server alle pagine web
  • Razor possiede le capacità di markup tradizionale di ASP.NET, ma è più facile da imparare e utilizzare
  • Razor è una sintassi di markup per il server simile a ASP e PHP
  • Razor supporta i linguaggi di programmazione C# e Visual Basic

Aggiungi codice Razor

Ricordi la pagina dell'ultimo capitolo?

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

Ora aggiungiamo un po' di codice Razor all'esempio:

Esempio

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

Esegui esempio

Questa pagina contiene marchi HTML standard, oltre a: codice Razor marcato con @.

Tutto il lavoro del codice Razor è rilevare l'ora corrente sul server e poi mostrarla. (Puoi specificare le opzioni di formato o semplicemente mostrare il formato predefinito)

Le principali regole di sintassi di Razor in C#

  • I blocchi di codice Razor sono racchiusi tra @{ ... }
  • Le espressioni inline (variabili e funzioni) iniziano con @
  • Le istruzioni di codice si concludono con un punto e virgola
  • Le variabili vengono dichiarate con la parola chiave var
  • Le stringhe sono racchiuse tra virgolette
  • Il codice C# è sensibile alle maiuscole e minuscole
  • L'estensione del file C# è .cshtml

Esempio in C#

<!-- Blocco di codice singola riga -->
@{ var myMessage = "Hello World"; }
<!-- Espressioni o variabili inline -->
<p>Il valore di myMessage è: @myMessage</p> 
<!-- Blocco di codice multilinha -->
@{}}
var greeting = "Welcome to our site!";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " Today is: " + weekDay;
}
<p>Il saluto è: @greetingMessage</p>

Esegui esempio

Le regole di sintassi principali di Razor per VB

  • I blocchi di codice Razor sono racchiusi tra @Code ... End
  • Le espressioni inline (variabili e funzioni) iniziano con @
  • Le variabili vengono dichiarate con la parola chiave Dim
  • Le stringhe sono racchiuse tra virgolette
  • Il codice C# è insensibile alle maiuscole e minuscole
  • L'estensione del file C# è .vbhtml

Esempio

<!-- Blocco di codice singola riga -->
@Code dim myMessage = "Hello World" End Code
<!-- Espressioni o variabili inline -->
<p>Il valore di myMessage è: @myMessage</p> 
<!-- Blocco di codice multilinha -->
@Code
dim greeting = "Welcome to our site!" 
dim weekDay = DateTime.Now.DayOfWeek 
dim greetingMessage = greeting & " Today is: " & weekDay
Fine del codice 
<p>Il messaggio di saluto è: @greetingMessage</p>

Esegui esempio

Più informazioni su C# e Visual Basic

Se desideri imparare di più su Razor e sui linguaggi di programmazione C# e Visual Basic, visita la guida di questo tutorial Sezione Razor.