Programma ASP.NET Hello World con esempio

โšก Riepilogo intelligente

ASP.NET First Program illustra la creazione di una semplice applicazione web "Hello World" in Visual Studio, dalla creazione di un progetto Web Forms vuoto e l'aggiunta di un modulo web, fino alla scrittura del metodo Response.Write e alla visualizzazione dell'output nel browser.

  • ๐Ÿ†• Crea progetto: Avvia Visual Studio e crea una nuova applicazione Web ASP.NET denominata DemoApplication.
  • ๐Ÿ“ Moduli web vuoti: Scegli il modello Vuoto con moduli Web per iniziare con un progetto minimale.
  • ๐Ÿ“„ Aggiungi modulo web: Fai clic con il pulsante destro del mouse sul progetto e aggiungi un modulo Web denominato Demo.aspx.
  • โœ๏ธ Scrivi Code: Utilizza Response.Write("Hello World") all'interno dei tag <% %> per visualizzare il testo.
  • โ–ถ ๏ธ Esegui e guarda: Esegui il progetto in Visual Studio per vedere "Hello World" visualizzato nel browser.

Esempio del primo programma ASP.NET: Hello World

Prerequisiti per il tuo primo programma ASP.NET

Prima di creare l'applicazione Hello World, assicurati che il tuo ambiente sia pronto. Avrai bisogno dei seguenti elementi:

  • Di Visual Studio โ€“ รจ sufficiente l'edizione Community gratuita, installata con il carico di lavoro "Sviluppo ASP.NET e web".
  • .NET Framework โ€“ necessario per i moduli Web e installato automaticamente con Visual Studio.
  • Conoscenza di base di C# e HTML โ€“ Utile per comprendere il codice che scriverai.
  • A Windows macchina โ€“ i classici moduli Web ASP.NET vengono eseguiti su Windows con IIS o IIS Express.

Una volta predisposti questi elementi, รจ possibile seguire i passaggi seguenti per creare ed eseguire il primo programma ASP.NET.

Programma ASP.NET Hello World con esempio

Diamo un'occhiata ad un esempio di come possiamo implementare una semplice applicazione "ciao mondo". Per questo, dovremmo implementare i passaggi indicati di seguito.

Passo 1) Il primo passo riguarda la creazione di un nuovo progetto in Visual Studio. Dopo aver avviato Visual Studio, devi scegliere l'opzione di menu Nuovo->Progetto.

Programma ASP.Net Ciao Mondo

Passo 2) Il passaggio successivo consiste nel scegliere il tipo di progetto come applicazione Web ASP.Net. Qui dobbiamo anche menzionare il nome e l'ubicazione del nostro progetto.

  1. Nella finestra di dialogo del progetto, puoi vedere varie opzioni per creare diversi tipi di progetti. Fai clic sull'opzione Web sul lato sinistro.
  2. Quando facciamo clic sull'opzione Web nel passaggio precedente, saremo in grado di vedere un'opzione per l'applicazione Web ASP.Net. Fare clic su questa opzione.
  3. Diamo quindi un nome all'applicazione, che nel nostro caso รจ DemoApplication. Dobbiamo anche fornire una posizione in cui archiviare la nostra applicazione.
  4. Infine, clicchiamo sul pulsante "OK" per consentire a Visual Studio di creare il nostro progetto.

Programma ASP.Net Ciao Mondo

Passo 3) Nella schermata successiva, devi scegliere il tipo di applicazione web ASP.net che deve essere creata. Nel nostro caso, creeremo una semplice applicazione Web Form.

  1. Innanzitutto, scegli il tipo di progetto come "Vuoto". Ciรฒ garantirร  di iniziare con un'applicazione di base semplice da comprendere.
  2. Scegliamo l'opzione "Moduli Web". Questa opzione aggiunge le cartelle di base necessarie per un'applicazione Web Forms semplice.
  3. Infine, clicchiamo sul pulsante "OK" per consentire a Visual Studio di creare la nostra applicazione.

Programma ASP.Net Ciao Mondo

Se si seguono i passaggi precedenti, in Visual Studio si otterrร  l'output seguente.

Produzione:-

Programma ASP.Net Ciao Mondo

In Esplora soluzioni, potrai visualizzare la soluzione DemoApplication. Questa soluzione conterrร  2 file di progetto come mostrato sopra. Al momento, uno dei file chiave del progetto รจ il Global.asax.csQuesto file contiene informazioni specifiche dell'applicazione. In questo file, รจ necessario inizializzare tutte le variabili specifiche dell'applicazione ai loro valori predefiniti.

Passo 4) Ora รจ il momento di aggiungere un file Web Form al progetto. Questo รจ il file che conterrร  tutto il codice specifico per il web per il nostro progetto.

  • Fai clic con il pulsante destro del mouse sul progetto DemoApplication e
  • Scegli Aggiungi->Modulo Web dal menu contestuale.

Programma ASP.Net Ciao Mondo

Passo 5) Nella schermata successiva, ci verrร  chiesto di inserire un nome per il modulo web.

  1. Assegna un nome al modulo web. Nel nostro caso, lo chiameremo Demo.
  2. Fare clic sul pulsante OK.

Programma ASP.Net Ciao Mondo

Visual Studio creerร  automaticamente il modulo Web di prova e lo aprirร  in Visual Studio.

Passo 6) Il passo successivo consiste nell'aggiungere il codice che si occuperร  di visualizzare "Hello World". Questo puรฒ essere fatto semplicemente aggiungendo una riga di codice al file Demo.aspx.

Programma ASP.Net Ciao Mondo

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

  • L'oggetto Risposta in ASP.Net viene utilizzato per inviare informazioni all'utente. Nel nostro caso, utilizziamo il metodo "Write" dell'oggetto Response per scrivere il testo "Hello World". I marcatori <% e %> vengono utilizzati per aggiungere codice specifico di ASP.net.

Se segui tutti i passaggi precedenti ed esegui il programma in Di Visual Studio, otterrai il seguente output.

Produzione:-

Programma ASP.Net Ciao Mondo

Dall'output, puoi vedere chiaramente che "Hello World" รจ stato visualizzato nel browser.

Comprendere Hello World Code

Il file Demo.aspx รจ una pagina HTML standard con alcune aggiunte ASP.NET. runat="server" L'attributo indica ad ASP.NET di elaborare l'elemento sul server anzichรฉ trattarlo come semplice HTML. <% %> I marcatori, chiamati blocchi di rendering, consentono di eseguire codice C# direttamente nella pagina. Al loro interno, Response.Write("Hello World") invia il testo direttamente al browser come parte della risposta HTTP.

Mentre Response.Write Va bene come primo esempio, la maggior parte delle applicazioni reali utilizza invece un controllo server. Ad esempio, puoi rilasciare un <asp:Label> Controlla la pagina e imposta la sua proprietร  Text nel file code-behind. Questo mantiene separati il โ€‹โ€‹markup e la logica ed รจ piรน facile da gestire man mano che la pagina cresce.

Errori comuni durante l'esecuzione del primo programma ASP.NET

I principianti spesso incontrano alcuni problemi prevedibili quando eseguono la loro prima pagina ASP.NET. Presta attenzione a quanto segue:

  • Manca runat="server" โ€“ senza di esso sul modulo e sui controlli, ASP.NET li tratta come HTML statico e il codice lato server non viene eseguito.
  • Tipo di progetto errato โ€“ La scelta di un modello MVC o Core al posto di Web Forms modifica la struttura dei file e i passaggi sopra descritti.
  • Errori di battitura nella sintassi โ€“ la mancanza di un punto e virgola o di una parentesi all'interno del blocco <% %> causa un errore di compilazione.
  • Problemi con le porte o con IIS Express โ€“ Se la pagina non si avvia, riavviare IIS Express o modificare la porta del progetto.
  • Distinzione tra maiuscole e minuscole โ€“ i nomi dei metodi come Response.Write devono corrispondere esattamente, poichรฉ C# distingue tra maiuscole e minuscole.

DOMANDE FREQUENTI

Sรฌ. Gli assistenti basati sull'intelligenza artificiale, come GitHub Copilot, possono generare il markup aspx e il code-behind per una pagina "Hello World" e spiegare ogni riga. I principianti traggono comunque vantaggio dall'eseguire il codice in prima persona per comprendere il processo di compilazione e debug.

Sรฌ. Puoi incollare un errore di compilazione o un'eccezione di ASP.NET in uno strumento di intelligenza artificiale e ottenere una spiegazione in linguaggio naturale con una possibile soluzione. Questo abbrevia il processo di debug, anche se dovresti verificare che il suggerimento funzioni nel tuo progetto.

Response.Write invia il testo direttamente al flusso di risposta, mescolando logica e markup. Un controllo Label รจ un controllo server la cui proprietร  Text viene impostata nel codice, mantenendoping Design e logica separati, per una maggiore facilitร  di manutenzione della pagina.

La versione gratuita di Visual Studio Community รจ sufficiente per imparare ASP.NET. Durante l'installazione, seleziona il carico di lavoro "Sviluppo ASP.NET e web" in modo che siano disponibili i modelli, i compilatori e IIS Express necessari.

Riassumi questo post con: