ASP.NET - Webbsidor

En enkel ASP.NET-sida ser ut som en vanlig HTML-sida.

Hello CodeW3C.com

För att börja vår resa att lära oss ASP.NET, kommer vi först att bygga en enkel HTML-sida som kommer att visa "Hello CodeW3C.com" i webbläsaren:

Hello CodeW3C.com

Hello CodeW3C.com skriven i HTML

HTML-koden för denna HTML-sida:

<html>
<body style="background-color:#e5eecc; text-align:center;">
<h2>Hello CodeW3C.com!</h2>
</body>
</html>

Om du vill försöka det själv, spara dessa kod i en fil med namnet "firstpage.html" och skapa en länk till denna fil, precis som detta:firstpage.html.

Hello CodeW3C.com skriven i ASP.NET

Det enklaste sättet att konvertera en HTML-sida till ASP.NET är att kopiera HTML-filen till en ny fil med .aspx-suffix.

Detta kommer att visa vårt exempel som en ASP.NET-sida:

<html>
<body style="background-color:#e5eecc; text-align:center;">
<h2>Hello CodeW3C.com!</h2>
</body>
</html>

Om du vill försöka det själv, spara dessa kod i en fil med namnet "firstpage.aspx" och skapa en länk till denna fil:firstpage.aspx.

Hur fungerar det?

Upprinnelsenligt sett är ASP.NET-sidor helt identiska med HTML.

HTML-sidans filändelse är .htm eller .html. Om en webbläsare begär en HTML-sida från servern, skickar servern sidan till webbläsaren utan några ändringar.

ASP.NET-sidans filändelse är .aspx. Om en webbläsare begär en ASP.NET-sida, kommer servern att först hantera den körbara koden på sidan innan den skickar resultatet till webbläsaren.

Ovanstående ASP.NET-sida innehåller inga körbara kod, så den utför inte heller något kod. I följande exempel kommer vi att lägga till några körbara kod till sidan för att visa skillnaden mellan statiska HTML-sidor och dynamiska ASP-sidor.

Klassiskt ASP

Active Server Pages (ASP) har varit populärt i många år. Genom ASP kan man placera körbar kod inom HTML-sidor.

ASP.NET:s föregående versioner av ASP kallas ofta klassiskt ASP (Classic ASP).

ASP.NET inte är helt kompatibelt med Classic ASP, men genom små ändringar kan Classic ASP fungera bra som ASP.NET.

Om du vill lära dig mer om Classic ASP, besök vår ASP-lär.

Dynamisk sida skriven i Classic ASP

För att visa hur man använder dynamiskt innehåll på sidan, har vi lagt till några körbara kodrader i det tidigare exemplet:

<html>
<body style="background-color:#e5eecc; text-align:center;">
<h2>Hello CodeW3C.com!</h2>
<p><%Response.Write(now())%></p>
</body>
</html>

Koden inom <% --%> taggar körs på servern.

Response.Write är ASP-kod som används för att skriva text till HTML-utdataströmmen.

Now() är en funktion som kan returnera serverns nuvarande datum och tid.

Om du vill försöka det själv, spara denna kod i en fil med namnet "dynpage.asp" och skapa en länk till denna fil:dynpage.asp.

Dynamisk sida skriven i ASP .NET

Följande kod visar hur vår exempel kan visas som en ASP.NET-sida:

<html>
<body style="background-color:#e5eecc; text-align:center;">
<h2>Hello CodeW3C.com!</h2>
<p><%Response.Write(now())%></p>
</body>
</html>

Om du vill försöka det själv, spara denna kod i en fil med namnet "dynpage.aspx" och skapa en länk till denna fil:dynpage.aspx.

ASP.NET vs Classic ASP

Ovanstående exempel visar inte skillnaden mellan ASP.NET och Classic ASP.

Som du såg i de senaste två exemplen finns det inget som skiljer mellan dessa två ASP och ASP.NET-sidor.

I de följande kapitlen kommer du att se hur serverkontroller gör ASP.NET starkare än Classic ASP.