ASP.NET Hello World-program med eksempel

⚡ Smart opsummering

ASP.NET First Program gennemgår opbygningen af ​​en simpel Hello World-webapplikation i Visual Studio, lige fra oprettelse af et tomt webformularprojekt og tilføjelse af en webformular til skrivning af Response.Write og visning af outputtet i browseren.

  • 🆕 Opret projekt: Start Visual Studio, og opret en ny ASP.NET-webapplikation med navnet DemoApplication.
  • 📁 Tomme webformularer: Vælg den tomme skabelon med webformularer for at starte med et minimalt projekt.
  • 📄 Tilføj webformular: Højreklik på projektet, og tilføj en webformular med navnet Demo.aspx.
  • ✍️ Skrive Code: Brug Response.Write(“Hello World”) inde i <% %>-taggene for at udskrive tekst.
  • ▶ ️ Kør og se: Kør projektet i Visual Studio for at se "Hello World" gengives i browseren.

ASP.NET First Program Eksempel: Hello World

Forudsætninger for dit første ASP.NET-program

Før du bygger Hello World-applikationen, skal du sørge for, at dit miljø er klar. Du skal bruge følgende:

  • Visual Studio – den gratis Community-udgave er tilstrækkelig, installeret med arbejdsbyrden "ASP.NET og webudvikling".
  • .NET Framework – kræves til webformularer og installeres automatisk med Visual Studio.
  • Grundlæggende C# og HTML-kendskab – nyttigt til at forstå den kode, du skal skrive.
  • A Windows maskine – klassiske ASP.NET webformularer kører på Windows med IIS eller IIS Express.

Når disse er på plads, kan du følge nedenstående trin for at oprette og køre dit første ASP.NET-program.

ASP.NET Hello World-program med eksempel

Lad os se på et eksempel på, hvordan vi kan implementere en simpel "hej verden"-applikation. Til dette skal vi implementere nedenstående trin.

Trin 1) Det første trin involverer oprettelsen af ​​et nyt projekt i Visual Studio. Efter at have startet Visual Studio, skal du vælge menupunktet Nyt->Projekt.

ASP.Net Hello World Program

Trin 2) Det næste trin er at vælge projekttypen som en ASP.Net webapplikation. Her skal vi også nævne navn og placering af vores projekt.

  1. I projektdialogboksen kan du se forskellige muligheder for at oprette forskellige typer projekter. Klik på Web-indstillingen i venstre side.
  2. Når vi klikker på Web-indstillingen i det forrige trin, vil vi kunne se en mulighed for ASP.Net Web Application. Klik på denne mulighed.
  3. Vi giver så et navn til applikationen, som i vores tilfælde er DemoApplication. Vi skal også angive en placering til at gemme vores applikation.
  4. Til sidst klikker vi på knappen 'OK' for at lade Visual Studio oprette vores projekt.

ASP.Net Hello World Program

Trin 3) På det næste skærmbillede skal du vælge den type ASP.net webapplikation, der skal oprettes. I vores tilfælde skal vi oprette en simpel webformularapplikation.

  1. Vælg først projekttypen som 'Tom'. Dette vil sikre, at vi starter med en grundlæggende applikation, som er enkel at forstå.
  2. Vi vælger indstillingen "Webformularer". Dette tilføjer de grundlæggende mapper, der kræves til en grundlæggende webformularapplikation.
  3. Til sidst klikker vi på knappen 'OK' for at tillade Visual Studio at oprette vores applikation.

ASP.Net Hello World Program

Hvis ovenstående trin følges, får du nedenstående output i Visual Studio.

Produktion:-

ASP.Net Hello World Program

I løsningsoversigten vil du kunne se DemoApplication-løsningen. Denne løsning vil indeholde 2 projektfiler som vist ovenfor. I øjeblikket er en af ​​nøglefilerne i projektet Global.asax.csDenne fil indeholder programspecifikke oplysninger. I denne fil skal du initialisere alle programspecifikke variabler til deres standardværdier.

Trin 4) Nu er det tid til at tilføje en webformularfil til projektet. Dette er filen, som vil indeholde al den webspecifikke kode til vores projekt.

  • Højreklik på DemoApplication-projektet, og
  • Vælg Tilføj->Webformular fra kontekstmenuen.

ASP.Net Hello World Program

Trin 5) På den næste skærm bliver vi bedt om at angive et navn til webformularen.

  1. Giv webformularen et navn. I vores tilfælde giver vi den navnet Demo.
  2. Klik på OK-knappen.

ASP.Net Hello World Program

Visual Studio opretter automatisk demowebformularen og åbner den i Visual Studio.

Trin 6) Det næste trin er at tilføje den kode, der skal vise "Hello World". Dette kan gøres ved blot at tilføje én linje kode til Demo.aspx-filen.

ASP.Net Hello World Program

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
	<title></title>
</head>
<body>
	<form id="form1" runat="server">
	<div>

	<% Response.Write("Hello World"); %>

	</div>
	</form>
</body>
</html>

Code Forklaring:-

  • Response-objektet i ASP.Net bruges til at sende information tilbage til brugeren. Så i vores tilfælde bruger vi metoden "Write" fra Response-objektet til at skrive teksten "Hello World". Markørerne <% og %> bruges til at tilføje ASP.net-specifik kode.

Hvis du følger alle ovenstående trin og kører dit program ind Visual Studio, får du følgende output.

Produktion:-

ASP.Net Hello World Program

Fra outputtet kan du tydeligt se, at 'Hello World' blev vist i browseren.

Forståelse af Hej Verden Code

Demo.aspx-filen er en standard HTML-side med et par ASP.NET-tilføjelser. runat="server" Attributten fortæller ASP.NET, at elementet skal behandles på serveren i stedet for at behandle det som almindelig HTML. <% %> Markører, kaldet en renderblok, lader dig køre C#-kode direkte på siden. Indeni dem, Response.Write("Hello World") sender teksten direkte til browseren som en del af HTTP-svaret.

Mens Response.Write er fint til et første eksempel, de fleste rigtige applikationer bruger en serverkontrol i stedet. For eksempel kan du slippe en <asp:Label> kontrol på siden og indstille dens Text-egenskab i koden bagved-filen. Dette holder markup og logik adskilt og er nemmere at vedligeholde, efterhånden som siden vokser.

Almindelige fejl, når du kører dit første ASP.NET-program

Begyndere støder ofte på et par forudsigelige problemer, når de kører deres første ASP.NET-side. Vær opmærksom på følgende:

  • Mangler runat="server" – uden det på formularen og i kontrolelementerne, behandler ASP.NET dem som statisk HTML, og serverkoden kører ikke.
  • Forkert projekttype – valg af en MVC- eller Core-skabelon i stedet for webformularer ændrer filstrukturen og ovenstående trin.
  • Syntaksfejl – et manglende semikolon eller en parentes i <% %>-blokken forårsager en byggefejl.
  • Port- eller IIS Express-problemer – hvis siden ikke starter, skal du genstarte IIS Express eller ændre projektets port.
  • Sagsfølsomhed – metodenavne som Response.Write skal stemme nøjagtigt overens, da C# er store/små bogstaverfølsom.

Ofte Stillede Spørgsmål

Ja. AI-assistenter som GitHub Copilot kan generere aspx-markup og kode bagved til en Hello World-side og forklare hver linje. Begyndere har stadig fordel af at køre koden selv for at forstå bygge- og fejlfindingsprocessen.

Ja. Du kan indsætte en ASP.NET-buildfejl eller -undtagelse i et AI-værktøj og få en letforståelig forklaring med en sandsynlig løsning. Dette forkorter fejlfinding, men du bør bekræfte, at forslaget virker i dit projekt.

Response.Write sender tekst direkte til responsstrømmen og blander logik med markup. Et Label-kontrolelement er et serverkontrolelement, hvis Text-egenskab du angiver i kode, keeping design og logik adskilt og gør siden nemmere at vedligeholde.

Den gratis Visual Studio Community-udgave er tilstrækkelig til at lære ASP.NET. Under installationen skal du vælge arbejdsbelastningen "ASP.NET og webudvikling", så de nødvendige skabeloner, compilere og IIS Express er tilgængelige.

Opsummer dette indlæg med: