ASP.NET Hello World -ohjelma esimerkin kanssa

Ensimmäisen ASP.NET-ohjelmasi edellytykset

Ennen Hello World -sovelluksen rakentamista varmista, että ympäristösi on valmis. Tarvitset seuraavat:

• Visual Studio – ilmainen Community-versio riittää, kun se asennetaan ”ASP.NET ja web-kehitys” -työkuorman kanssa.
• .NET-kehys – vaaditaan verkkolomakkeille ja asentuu automaattisesti Visual Studion mukana.
• C#- ja HTML-perusosaaminen – hyödyllinen kirjoittamasi koodin ymmärtämisessä.
• A Windows kone – klassiset ASP.NET-verkkolomakkeet toimivat Windows IIS:n tai IIS Expressin kanssa.

Kun nämä ovat paikoillaan, voit seurata alla olevia ohjeita luodaksesi ja suorittaaksesi ensimmäisen ASP.NET-ohjelmasi.

ASP.NET Hello World -ohjelma esimerkin kanssa

Katsotaanpa esimerkkiä siitä, kuinka voimme toteuttaa yksinkertaisen "hello world" -sovelluksen. Tätä varten meidän on toteutettava alla mainitut vaiheet.

Vaihe 1) Ensimmäinen vaihe sisältää uuden projektin luomisen Visual Studiossa. Visual Studion käynnistämisen jälkeen sinun on valittava valikosta Uusi->Projekti.

Vaihe 2) Seuraava vaihe on valita projektityyppi ASP.Net-verkkosovellukseksi. Tässä on myös mainittava projektimme nimi ja sijainti.

1. Projektivalintaikkunassa näet erilaisia ​​vaihtoehtoja erityyppisten projektien luomiseen. Napsauta Web-vaihtoehtoa vasemmalla puolella.
2. Kun napsautamme Web-vaihtoehtoa edellisessä vaiheessa, voimme nähdä ASP.Net Web Application -vaihtoehdon. Napsauta tätä vaihtoehtoa.
3. Annamme sitten sovellukselle nimen, joka meidän tapauksessamme on DemoApplication. Meidän on myös annettava sijainti sovelluksemme tallentamiseen.
4. Lopuksi napsautamme 'OK'-painiketta, jotta Visual Studio voi luoda projektimme.

Vaihe 3) Seuraavassa näytössä sinun on valittava luotavan ASP.net-verkkosovelluksen tyyppi. Meidän tapauksessamme aiomme luoda yksinkertaisen Web Form -sovelluksen.

1. Valitse ensin projektin tyypiksi "Tyhjä". Tämä varmistaa, että aloitamme perussovelluksella, joka on helppo ymmärtää.
2. Valitsemme vaihtoehdon ”Verkkolomakkeet”. Tämä lisää peruskansiot, joita tarvitaan perusverkkolomakesovellukseen.
3. Lopuksi napsautamme 'OK'-painiketta, jotta Visual Studio voi luoda sovelluksemme.

Jos yllä olevia vaiheita noudatetaan, saat alla olevan tulosteen Visual Studiossa.

Lähtö: -

Ratkaisuselaimessa näet DemoApplication-ratkaisun. Tämä ratkaisu sisältää kaksi projektitiedostoa, kuten yllä on esitetty. Tällä hetkellä yksi projektin avaintiedostoista on Globaali.asax.csTämä tiedosto sisältää sovelluskohtaisia ​​tietoja. Tässä tiedostossa alustaisit kaikki sovelluskohtaiset muuttujat oletusarvoihinsa.

Vaihe 4) Nyt on aika lisätä Web Form -tiedosto projektiin. Tämä on tiedosto, joka sisältää kaiken verkkokohtaisen koodin projektillemme.

• Napsauta hiiren kakkospainikkeella DemoApplication-projektia ja
• Valitse pikavalikosta Lisää->Web-lomake.

Vaihe 5) Seuraavassa näytössä meitä pyydetään antamaan verkkolomakkeelle nimi.

1. Anna verkkolomakkeelle nimi. Meidän tapauksessamme annamme sille nimen Demo.
2. Klikkaa OK-painiketta.

Visual Studio luo automaattisesti demoverkkolomakkeen ja avaa sen Visual Studiossa.

Vaihe 6) Seuraava vaihe on lisätä koodi, joka näyttää "Hello World" -tekstin. Tämä onnistuu lisäämällä yhden koodirivin Demo.aspx-tiedostoon.

<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 Selitys:-

• Response-objekti sisään ASP.Net käytetään tiedon lähettämiseen takaisin käyttäjälle. Tässä tapauksessa käytämme Response-objektin metodia ”Write” kirjoittaaksemme tekstin ”Hello World”. <%- ja %>-merkkejä käytetään ASP.net-kohtaisen koodin lisäämiseen.

Jos noudatat kaikkia yllä olevia vaiheita ja suoritat ohjelman Visual Studio, saat seuraavan tulosteen.

Lähtö: -

Tulosteesta näet selvästi, että "Hello World" näytettiin selaimessa.

Hello Worldin ymmärtäminen Code

Demo.aspx-tiedosto on standardi HTML-sivu, johon on lisätty muutamia ASP.NET-lisäyksiä. runat="server" attribuutti käskee ASP.NETiä käsittelemään elementin palvelimella sen sijaan, että se käsittelisi sitä pelkkänä HTML-koodina. <% %> merkit, joita kutsutaan renderöintilohkoiksi, mahdollistavat C#-koodin suorittamisen suoraan sivulla. Niiden sisällä Response.Write("Hello World") lähettää tekstin suoraan selaimelle osana HTTP-vastausta.

Vaikka Response.Write sopii ensimmäiseen esimerkkiin, useimmat todelliset sovellukset käyttävät palvelinohjausta. Voit esimerkiksi poistaa <asp:Label> ohjausobjekti sivulla ja aseta sen Text-ominaisuus koodin taustalla olevassa tiedostossa. Tämä pitää merkinnät ja logiikan erillään ja on helpompi ylläpitää sivun kasvaessa.

Yleisiä virheitä ensimmäisen ASP.NET-ohjelman suorittamisessa

Aloittelijat kohtaavat usein muutamia ennustettavia ongelmia ajaessaan ensimmäistä ASP.NET-sivuaan. Kiinnitä huomiota seuraaviin asioihin:

• Puuttuva runat=”palvelin” – ilman sitä lomakkeella ja ohjausobjekteissa ASP.NET käsittelee niitä staattisena HTML:nä, eikä palvelinkoodia suoriteta.
• Väärä projektityyppi – MVC- tai Core-mallin valitseminen Web Formsin sijaan muuttaa tiedostorakennetta ja yllä olevia vaiheita.
• Syntaksivirheet – puuttuva puolipiste tai sulkeet <% %> -lohkon sisältä aiheuttavat koontivirheen.
• Portti- tai IIS Express -ongelmat – jos sivu ei käynnisty, käynnistä IIS Express uudelleen tai vaihda projektin portti.
• Case-herkkyys – metodien nimien, kuten Response.Write, on oltava täsmälleen samat, koska C# on kirjainkokoriippuvainen.

UKK