ASP.NET Razor: la sintassi delle pagine web

Vediamo la sintassi delle pagine web usando Razor Asp .Net e C#

AGGIORNAMENTI

16/04/2014 creazione articolo

In questo caso stiamo parlando di view engine. Un View Engine ci consente di integrare markup HTML (codice HTML) e codice C#. In questa maniera possiamo creare facilmente delle pagine web dinamiche. In questo caso avremmo del codice C# risolto dal server e poi del normale codice HTML risolto dal client.

Quindi con Razor possiamo embeddare server-base code in una normale pagina web *.cshtml. Non avremo in questo caso né pagine aspx né pagine html ma pagine con estensione cshtml.

Razor è una tecnologia che fa parte del .NET Framework.

Quindi avremo il .NET Framework che ingloba ASP.NET che ingloba la sintassi Razor.

@{

var result = "";

if(IsPost)

{

result = "Dopo il submit della pagina.";

}

else

{

result = "In fase di visualizzazione della pagina.";

}

}

<!DOCTYPE html>

<html>

<head>

<title>Titolo</title>

</head>

<body>

<form method="POST" action="" >

<input type="Submit" name="Submit" value="Submit"/>

<p>@result</p>

</form>

</body>

</html>

Come si vede la sintassi

@{ ... }

è la sintassi per usare una porzione di codice mediante notazione Razor.

Si può usare anche della sintassi in linea e non in blocco:

<title>Titolo @secondTitle</title>

Si accoda quindi al nome "Titolo" il valore della variabile @secondTitle calcolata altrove nella pagina.

Prima parlavamo di View Engine. L'ASP.NET MVC 3, oltre al classico view engine, basato su aspx view engine, ha il nuovo view engine Razor.

Mentre in ASP .NET 2.0 avevamo il concetto di "Master Page", con Razor abbiamo le "Layout Pages". Cambia il nome ma il concetto è lo stesso. Ovvero creare dei template di pagina in maniera che tutte le pagine abbiano lo stesso stile.

RIFERIMENTI

[1] Introduction to ASP.NET Web Programming Using the Razor Syntax (C#)

[2] Introducing “Razor” – a new view engine for ASP.NET