ASP.NET Hello World-program med exempel
Jacob Lee
⚡ Smart sammanfattning
ASP.NET First Program guidar dig genom att bygga en enkel Hello World-webbapplikation i Visual Studio, från att skapa ett tomt Web Forms-projekt och lägga till ett webbformulär till att skriva Response.Write och visa utdata i webbläsaren.
Förutsättningar för ditt första ASP.NET-program
Innan du bygger Hello World-applikationen, se till att din miljö är redo. Du behöver följande:
- Visual Studio – den kostnadsfria Community-utgåvan räcker, installerad med arbetsbelastningen "ASP.NET och webbutveckling".
- .NET-ramverket – krävs för webbformulär och installeras automatiskt med Visual Studio.
- Grundläggande C# och HTML-kunskaper – hjälpsamt för att förstå koden du kommer att skriva.
- A Windows Maskinen – klassiska ASP.NET-webbformulär körs på Windows med IIS eller IIS Express.
När dessa är på plats kan du följa stegen nedan för att skapa och köra ditt första ASP.NET-program.
ASP.NET Hello World-program med exempel
Låt oss titta på ett exempel på hur vi kan implementera en enkel "hej världen"-applikation. För detta skulle vi behöva implementera de nedan nämnda stegen.
Steg 1) Det första steget innebär skapandet av ett nytt projekt i Visual Studio. Efter att ha startat Visual Studio måste du välja menyalternativet Nytt->Projekt.
Steg 2) Nästa steg är att välja projekttyp som en ASP.Net webbapplikation. Här behöver vi också nämna namn och plats för vårt projekt.
- I projektdialogrutan kan du se olika alternativ för att skapa olika typer av projekt. Klicka på webbalternativet till vänster.
- När vi klickar på webbalternativet i föregående steg kommer vi att kunna se ett alternativ för ASP.Net Web Application. Klicka på det här alternativet.
- Vi ger sedan ett namn för applikationen, som i vårt fall är DemoApplication. Vi måste också tillhandahålla en plats för att lagra vår applikation.
- Slutligen klickar vi på 'OK'-knappen för att låta Visual Studio skapa vårt projekt.
Steg 3) På nästa skärm måste du välja vilken typ av ASP.net-webbapplikation som måste skapas. I vårt fall kommer vi att skapa en enkel webbformulärapplikation.
- Välj först projekttypen som 'Tom'. Detta kommer att säkerställa att vi börjar med en grundläggande applikation som är enkel att förstå.
- Vi väljer alternativet ”Webbformulär”. Detta lägger till de grundläggande mappar som krävs för en grundläggande webbformulärsapplikation.
- Slutligen klickar vi på "OK"-knappen för att tillåta Visual Studio att skapa vår applikation.
Om ovanstående steg följs får du utdata nedan i Visual Studio.
Produktion:-
I lösningsutforskaren kommer du att kunna se DemoApplication-lösningen. Denna lösning kommer att innehålla två projektfiler som visas ovan. För närvarande är en av nyckelfilerna i projektet Global.asax.csDen här filen innehåller programspecifik information. I den här filen initierar du alla programspecifika variabler till deras standardvärden.
Steg 4) Nu är det dags att lägga till en webbformulärfil till projektet. Det här är filen som kommer att innehålla all webbspecifik kod för vårt projekt.
- Högerklicka på DemoApplication-projektet och
- Välj Lägg till->Webbformulär från snabbmenyn.
Steg 5) På nästa skärm kommer vi att bli ombedda att ange ett namn för webbformuläret.
- Ge webbformuläret ett namn. I vårt fall ger vi det namnet Demo.
- Klicka på OK-knappen.
Visual Studio skapar automatiskt demowebbformuläret och öppnar det i Visual Studio.
Steg 6) Nästa steg är att lägga till koden som gör jobbet med att visa "Hej världen". Detta kan göras genom att bara lägga till en rad kod i Demo.aspx-filen.
<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 Förklaring:-
- Response-objektet i ASP.Net används för att skicka information tillbaka till användaren. Så i vårt fall använder vi metoden "Write" i Response-objektet för att skriva texten "Hello World". Markörerna <% och %> används för att lägga till ASP.net-specifik kod.
Om du följer alla ovanstående steg och kör in ditt program Visual Studio, får du följande utdata.
Produktion:-
Från utgången kan du tydligt se att "Hello World" visades i webbläsaren.
Att förstå Hej världen Code
Demo.aspx-filen är en vanlig HTML-sida med några få ASP.NET-tillägg. runat="server" Attributet anger att ASP.NET ska bearbeta elementet på servern istället för att behandla det som vanlig HTML. <% %> Markörer, kallade renderingsblock, låter dig köra C#-kod direkt på sidan. Inuti dem, Response.Write("Hello World") skickar texten direkt till webbläsaren som en del av HTTP-svaret.
Medan Response.Write är bra för ett första exempel, de flesta riktiga applikationer använder en serverkontroll istället. Till exempel kan du släppa en <asp:Label> kontrollen på sidan och ange dess Text-egenskap i den bakomliggande koden. Detta håller markup och logik separerade och är lättare att underhålla allt eftersom sidan växer.
Vanliga fel när du kör ditt första ASP.NET-program
Nybörjare stöter ofta på några förutsägbara problem när de kör sin första ASP.NET-sida. Se upp för följande:
- Saknar runat="server" – utan den på formuläret och kontrollerna behandlar ASP.NET dem som statisk HTML och serverkoden körs inte.
- Fel projekttyp – om du väljer en MVC- eller Core-mall istället för webbformulär ändras filstrukturen och stegen ovan.
- Syntaxfel – ett saknat semikolon eller en hakparentes inuti <% %>-blocket orsakar ett byggfel.
- Problem med port eller IIS Express – om sidan inte startar, starta om IIS Express eller ändra projektets port.
- Fallkänslighet – metodnamn som Response.Write måste matcha exakt, eftersom C# är skiftlägeskänsligt.
