ASP.NET Hello World program példával

By: Jacob Lee Jacob Lee
Hours korszerűsített

⚡ Okos összefoglaló

Az ASP.NET First Program egy egyszerű Hello World webes alkalmazás Visual Studio-ban történő felépítésén keresztül vezet végig, egy üres Web Forms projekt létrehozásától és egy webes űrlap hozzáadásától kezdve a Response.Write megírásán és a kimenet böngészőben való megtekintésén át.

  • 🆕 Projekt létrehozása: Indítsa el a Visual Studio programot, és hozzon létre egy új ASP.NET webalkalmazást, melynek neve DemoApplication.
  • 📁 Üres webes űrlapok: Válassza az Üres sablont webes űrlapokkal egy minimális projekt elkezdéséhez.
  • 📄 Webes űrlap hozzáadása: Kattintson a jobb gombbal a projektre, és adjon hozzá egy Demo.aspx nevű webűrlapot.
  • ✍️ Ír Code: Használd a Response.Write(“Hello World”) függvényt a <% %> tageken belül szöveges kimenet létrehozásához.
  • ▶ ️ Futtatás és megtekintés: Futtassa a projektet a Visual Studióban, hogy lássa a „Hello World” feliratot a böngészőben.
További információk

ASP.NET első program példa: Hello World

Az első ASP.NET program előfeltételei

A Hello World alkalmazás felépítése előtt győződjön meg arról, hogy a környezete készen áll. A következőkre lesz szüksége:

  • Visual Studio – az ingyenes közösségi kiadás elég, ha az „ASP.NET és webfejlesztés” munkaterheléssel telepítjük.
  • A .NET keretrendszer – Web Forms használatához szükséges, és a Visual Studio automatikusan települ.
  • Alapfokú C# és HTML ismeretek – hasznos a megírandó kód megértéséhez.
  • A Windows gép – klasszikus ASP.NET webes űrlapok futnak rajta Windows IIS-szel vagy IIS Express-szel.

Miután ezek a helyükre kerültek, az alábbi lépéseket követve létrehozhatja és futtathatja első ASP.NET programját.

ASP.NET Hello World program példával

Nézzünk egy példát arra, hogyan valósíthatunk meg egy egyszerű „hello world” alkalmazást. Ehhez az alábbi lépéseket kell végrehajtanunk.

Step 1) Az első lépés egy új projekt létrehozása a Visual Studióban. A Visual Studio elindítása után ki kell választania az Új->Projekt menüpontot.

ASP.Net Hello World Program

Step 2) A következő lépés a projekttípus kiválasztása ASP.Net webalkalmazásként. Itt meg kell említenünk projektünk nevét és helyszínét is.

  1. A projekt párbeszédpanelen különféle lehetőségeket láthat a különböző típusú projektek létrehozásához. Kattintson a Web opcióra a bal oldalon.
  2. Amikor az előző lépésben a Web opcióra kattintunk, látni fogunk egy lehetőséget az ASP.Net webalkalmazáshoz. Kattintson erre a lehetőségre.
  3. Ezután nevet adunk az alkalmazásnak, ami esetünkben DemoApplication. Meg kell adnunk egy helyet az alkalmazásunk tárolására is.
  4. Végül kattintson az „OK” gombra, hogy a Visual Studio létrehozza a projektünket.

ASP.Net Hello World Program

Step 3) A következő képernyőn ki kell választania a létrehozandó ASP.net webalkalmazás típusát. Esetünkben egy egyszerű webes űrlap alkalmazást fogunk létrehozni.

  1. Először válassza ki a projekt típusát „Üres”-re. Ez biztosítja, hogy egy könnyen érthető alapvető alkalmazással kezdjük.
  2. A „Webűrlapok” lehetőséget választjuk. Ez hozzáadja azokat az alapvető mappákat, amelyek egy alapvető Webűrlap-alkalmazáshoz szükségesek.
  3. Végül kattintson az „OK” gombra, hogy a Visual Studio létrehozza az alkalmazásunkat.

ASP.Net Hello World Program

Ha a fenti lépéseket követi, az alábbi kimenetet kapja meg a Visual Studio-ban.

Kimenet:-

ASP.Net Hello World Program

A Megoldáskezelőben megtekintheti a DemoApplication megoldást. Ez a megoldás 2 projektfájlt tartalmaz, a fent látható módon. Jelenleg a projekt egyik kulcsfájlja a Globális.asax.csEz a fájl alkalmazásspecifikus információkat tartalmaz. Ebben a fájlban az összes alkalmazásspecifikus változót az alapértelmezett értékre kell inicializálni.

Step 4) Itt az ideje, hogy webes űrlapfájlt adjon a projekthez. Ez az a fájl, amely a projektünk összes webspecifikus kódját tartalmazza.

  • Kattintson jobb gombbal a DemoApplication projektre, és
  • Válassza a Hozzáadás->Webűrlap lehetőséget a helyi menüből.

ASP.Net Hello World Program

Step 5) A következő képernyőn a rendszer kérni fogja, hogy adjunk nevet a webes űrlapnak.

  1. Adj nevet a webes űrlapnak. Esetünkben a Demo nevet adjuk neki.
  2. Kattintson az OK gombra.

ASP.Net Hello World Program

A Visual Studio automatikusan létrehozza a demó webes űrlapot, és megnyitja azt a Visual Studioban.

Step 6) A következő lépés a „Hello World” megjelenítését végző kód hozzáadása. Ez mindössze egyetlen sornyi kód hozzáadásával tehető meg a Demo.aspx fájlhoz.

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 Magyarázat:-

  • A Response objektum be ASP.Net arra szolgál, hogy információkat küldjön vissza a felhasználónak. Esetünkben tehát a Response objektum „Write” metódusát használjuk a „Hello World” szöveg megírására. A <% és %> jelölőket ASP.net-specifikus kód hozzáadására használjuk.

Ha végrehajtja a fenti lépések mindegyikét, és elindítja a programot Visual Studio, akkor a következő kimenetet kapja.

Kimenet:-

ASP.Net Hello World Program

A kimenetből jól látható, hogy a „Hello World” felirat jelent meg a böngészőben.

KAPCSOLÓDÓ CIKKEK

A Hello World megértése Code

A Demo.aspx fájl egy szabványos HTML oldal néhány ASP.NET kiegészítéssel. A runat="server" az attribútum azt mondja az ASP.NET-nek, hogy az elemet a szerveren dolgozza fel, ahelyett, hogy sima HTML-ként kezelné. <% %> A markerek, más néven render blokkok, lehetővé teszik C# kód futtatását közvetlenül az oldalon. Ezeken belül, Response.Write("Hello World") A szöveget közvetlenül a böngészőnek küldi a HTTP válasz részeként.

Míg Response.Write első példára jó, a legtöbb valós alkalmazás szervervezérlőt használ. Például eldobhatsz egy <asp:Label> vezérlőt az oldalon, és beállítja a Text tulajdonságát a kód mögötti fájlban. Ez elkülöníti a jelölést és a logikát, és könnyebben karbantartható az oldal növekedésével.

Gyakori hibák az első ASP.NET program futtatásakor

A kezdők gyakran belefutnak néhány előre látható problémába az első ASP.NET oldaluk futtatásakor. Figyelj a következőkre:

  • Hiányzó runat=”szerver” – nélküle az űrlapon és a vezérlőkön az ASP.NET statikus HTML-ként kezeli őket, és a szerverkód nem fut.
  • Helytelen projekttípus – Ha MVC vagy Core sablont választasz a Web Forms helyett, megváltozik a fájlszerkezet és a fenti lépések.
  • Szintaxishibák – a <% %> blokkon belüli hiányzó pontosvessző vagy zárójel építési hibát okoz.
  • Porttal vagy IIS Express-szel kapcsolatos problémák – ha az oldal nem indul el, indítsa újra az IIS Express-t, vagy módosítsa a projekt portját.
  • Az eset érzékenysége – a metódusneveknek, mint például a Response.Write, pontosan egyezniük kell, mivel a C# megkülönbözteti a kis- és nagybetűket.

GYIK

Igen. Az olyan mesterséges intelligencia asszisztensek, mint a GitHub Copilot, képesek generálni az aspx jelöléseket és a kódot egy Hello World oldalhoz, és elmagyarázni az egyes sorokat. A kezdők számára is hasznos lehet saját maguk lefuttatni a kódot, hogy megértsék a build és a hibakeresés folyamatát.

Igen. Beilleszthet egy ASP.NET build hibát vagy kivételt egy mesterséges intelligencia eszközbe, és egyszerű nyelvű magyarázatot kaphat a valószínűsíthető javítással. Ez lerövidíti a hibakeresést, bár meg kell győződnie arról, hogy a javaslat működik a projektjében.

A Response.Write függvény közvetlenül a válaszfolyamba írja ki a szöveget, a logikát a jelölőnyelvvel ötvözve. A Label vezérlőelem egy olyan szervervezérlő, amelynek a Text tulajdonságát a kódban állítjuk be, keeping a design és a logika szétválasztása, így az oldal könnyebben karbantartható.

Az ingyenes Visual Studio Community kiadás elegendő az ASP.NET elsajátításához. A telepítés során válaszd ki az „ASP.NET és webfejlesztés” munkaterhelést, hogy a szükséges sablonok, fordítók és az IIS Express elérhetőek legyenek.

Foglald össze ezt a bejegyzést a következőképpen: