Program ASP.NET Hello World s primjerom

By: Jacob Lee Jacob Lee
Hours Aลพurirano

โšก Pametni saลพetak

ASP.NET Prvi Program vodi kroz izradu jednostavne web aplikacije Hello World u Visual Studiju, od stvaranja praznog Web Forms projekta i dodavanja web obrasca do pisanja Response.Write i pregledavanja rezultata u pregledniku.

  • ๐Ÿ†• Izradi projekt: Pokrenite Visual Studio i stvorite novu ASP.NET web aplikaciju pod nazivom DemoApplication.
  • ๐Ÿ“ Prazni web obrasci: Odaberite Prazan predloลพak s web obrascima za poฤetak s minimalnim projektom.
  • ๐Ÿ“„ Dodaj web obrazac: Desnom tipkom miลกa kliknite projekt i dodajte web obrazac pod nazivom Demo.aspx.
  • โœ๏ธ Pisati Code: Koristite Response.Write(โ€œHello Worldโ€) unutar oznaka <% %> za ispis teksta.
  • โ–ถ ๏ธ Pokreni i pogledaj: Pokrenite projekt u Visual Studiju kako biste vidjeli renderiranje "Hello World" u pregledniku.
Proฤitaj viลกe

Prvi primjer ASP.NET programa: Hello World

Preduvjeti za vaลก prvi ASP.NET program

Prije izrade aplikacije Hello World, provjerite je li vaลกe okruลพenje spremno. Trebat ฤ‡e vam sljedeฤ‡e:

  • Visual Studio โ€“ dovoljno je besplatno Community izdanje, instalirano s radnim optereฤ‡enjem โ€žASP.NET i web razvojโ€œ.
  • .NET Framework โ€“ potrebno za web obrasce i automatski se instalira s Visual Studiom.
  • Osnovno znanje C# i HTML-a โ€“ korisno za razumijevanje koda koji ฤ‡ete pisati.
  • A Windows ureฤ‘aj โ€“ klasiฤni ASP.NET web obrasci rade na Windows s IIS-om ili IIS Expressom.

Nakon ลกto su ove funkcije postavljene, moลพete slijediti dolje navedene korake za izradu i pokretanje svog prvog ASP.NET programa.

Program ASP.NET Hello World s primjerom

Pogledajmo primjer kako moลพemo implementirati jednostavnu aplikaciju "hello world". Za to bismo trebali implementirati dolje navedene korake.

Korak 1) Prvi korak ukljuฤuje stvaranje novog projekta u Visual Studiju. Nakon pokretanja Visual Studija potrebno je odabrati opciju izbornika New->Project.

Program ASP.Net Hello World

Korak 2) Sljedeฤ‡i korak je odabir vrste projekta kao ASP.Net web aplikacije. Ovdje takoฤ‘er treba spomenuti naziv i lokaciju naลกeg projekta.

  1. U dijaloลกkom okviru projekta moลพete vidjeti razliฤite opcije za izradu razliฤitih vrsta projekata. Kliknite opciju Web na lijevoj strani.
  2. Kada kliknemo opciju Web u prethodnom koraku, moฤ‡i ฤ‡emo vidjeti opciju za ASP.Net web aplikaciju. Pritisnite ovu opciju.
  3. Zatim dajemo ime za aplikaciju, ลกto je u naลกem sluฤaju DemoApplication. Takoฤ‘er moramo osigurati lokaciju za pohranu naลกe aplikacije.
  4. Na kraju kliknemo gumb 'OK' kako bismo dopustili Visual Studiju da kreira naลก projekt.

Program ASP.Net Hello World

Korak 3) Na sljedeฤ‡em ekranu morate odabrati vrstu ASP.net web aplikacije koju treba izraditi. U naลกem sluฤaju, napravit ฤ‡emo jednostavnu aplikaciju Web Form.

  1. Prvo odaberite vrstu projekta kao 'Prazno'. To ฤ‡e osigurati da poฤnemo s osnovnom aplikacijom koja je jednostavna za razumijevanje.
  2. Odabiremo opciju โ€žWeb obrasciโ€œ. To dodaje osnovne mape koje su potrebne za osnovnu aplikaciju Web obrasci.
  3. Na kraju kliknemo gumb 'OK' kako bismo Visual Studiju omoguฤ‡ili izradu naลกe aplikacije.

Program ASP.Net Hello World

Ako slijedite gore navedene korake, dobit ฤ‡ete donji izlaz u Visual Studiju.

Izlaz:-

Program ASP.Net Hello World

U Solution Exploreru moฤ‡i ฤ‡ete vidjeti rjeลกenje DemoApplication. Ovo rjeลกenje ฤ‡e sadrลพavati 2 projektne datoteke kao ลกto je prikazano gore. Trenutno je jedna od kljuฤnih datoteka u projektu Global.asax.csOva datoteka sadrลพi informacije specifiฤne za aplikaciju. U ovoj datoteci biste inicijalizirali sve varijable specifiฤne za aplikaciju na njihove zadane vrijednosti.

Korak 4) Sada je vrijeme da projektu dodate datoteku web obrasca. Ovo je datoteka koja ฤ‡e sadrลพavati sav kรดd specifiฤan za web za naลก projekt.

  • Desnom tipkom miลกa kliknite na projekt DemoApplication i
  • Odaberite Dodaj->Web obrazac iz kontekstnog izbornika.

Program ASP.Net Hello World

Korak 5) Na sljedeฤ‡em ekranu bit ฤ‡emo upitani da navedemo naziv web obrasca.

  1. Dajte naziv web obrascu. U naลกem sluฤaju, dajemo mu naziv Demo.
  2. Pritisnite gumb U redu.

Program ASP.Net Hello World

Visual Studio ฤ‡e automatski kreirati Demo web obrazac i otvoriti ga u Visual Studiju.

Korak 6) Sljedeฤ‡i korak je dodavanje koda koji ฤ‡e prikazivati โ€‹โ€‹"Hello World". To se moลพe uฤiniti samo dodavanjem jedne linije koda u datoteku Demo.aspx.

Program ASP.Net Hello World

<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 Obrazloลพenje:-

  • Objekt Response u ASP.Net koristi se za slanje informacija natrag korisniku. Dakle, u naลกem sluฤaju koristimo metodu "Write" objekta Response za pisanje teksta "Hello World". Oznake <% i %> koriste se za dodavanje koda specifiฤnog za ASP.net.

Ako slijedite sve gore navedene korake i pokrenete svoj program Visual Studio, dobit ฤ‡ete sljedeฤ‡i izlaz.

Izlaz:-

Program ASP.Net Hello World

Iz ispisa jasno moลพete vidjeti da je u pregledniku prikazan 'Hello World'.

POVEZANI ฤŒLANCI

Razumijevanje Pozdrav svijete Code

Datoteka Demo.aspx je standardna HTML stranica s nekoliko ASP.NET dodataka. runat="server" Atribut govori ASP.NET-u da obradi element na posluลพitelju umjesto da ga tretira kao obiฤan HTML. <% %> markeri, nazvani blokovi za renderiranje, omoguฤ‡uju vam izravno pokretanje C# koda na stranici. Unutar njih, Response.Write("Hello World") ลกalje tekst izravno pregledniku kao dio HTTP odgovora.

Dok su Response.Write je u redu za prvi primjer, veฤ‡ina stvarnih aplikacija umjesto toga koristi kontrolu posluลพitelja. Na primjer, moลพete ispustiti <asp:Label> kontrola na stranici i postavljanje njenog svojstva Text u datoteci koda u pozadini. To odvaja oznake i logiku te ih je lakลกe odrลพavati kako stranica raste.

Uobiฤajene pogreลกke prilikom pokretanja vaลกeg prvog ASP.NET programa

Poฤetnici ฤesto nailaze na nekoliko predvidljivih problema prilikom pokretanja svoje prve ASP.NET stranice. Obratite pozornost na sljedeฤ‡e:

  • Nedostaje runat=โ€serverโ€ โ€“ bez njega na obrascu i kontrolama, ASP.NET ih tretira kao statiฤki HTML i posluลพiteljski kod se ne izvrลกava.
  • Pogreลกna vrsta projekta โ€“ odabir MVC ili Core predloลกka umjesto Web Forms mijenja strukturu datoteke i gore navedene korake.
  • Sintaktiฤke pogreลกke โ€“ nedostajuฤ‡i toฤka-zarez ili zagrada unutar bloka <% %> uzrokuje greลกku pri izgradnji.
  • Problemi s portom ili IIS Expressom โ€“ ako se stranica ne pokrene, ponovno pokrenite IIS Express ili promijenite port projekta.
  • Osjetljivost sluฤaja โ€“ nazivi metoda poput Response.Write moraju se toฤno podudarati jer C# razlikuje velika i mala slova.

Pitanja i odgovori

Da. AI asistenti poput GitHub Copilota mogu generirati aspx oznake i kod u pozadini za stranicu Hello World te objasniti svaki redak. Poฤetnici i dalje imaju koristi od samostalnog pokretanja koda kako bi razumjeli proces izgradnje i otklanjanja pogreลกaka.

Da. Moลพete zalijepiti ASP.NET greลกku ili iznimku u alatu za umjetnu inteligenciju i dobiti objaลกnjenje jednostavnim jezikom s vjerojatnim rjeลกenjem. To skraฤ‡uje otklanjanje pogreลกaka, iako biste trebali potvrditi da prijedlog funkcionira u vaลกem projektu.

Response.Write ispisuje tekst izravno u tok odgovora, mijeลกajuฤ‡i logiku s oznakama. Kontrola Label je posluลพiteljska kontrola ฤije svojstvo Text postavljate u kodu, zadrลพiteping dizajn i logika odvojeni ลกto olakลกava odrลพavanje stranice.

Besplatno izdanje Visual Studio Community dovoljno je za uฤenje ASP.NET-a. Tijekom instalacije odaberite radno optereฤ‡enje โ€žASP.NET i web razvojโ€œ kako bi vam bili dostupni potrebni predloลกci, kompajleri i IIS Express.

Saลพmite ovu objavu uz: