La tua prima applicazione Web ASP.NET: come iniziare

ASP.NET è il framework multipiattaforma gratuito di Microsoft per la creazione di app e servizi Web. La piattaforma ASP.NET è un'estensione di .NET, una piattaforma per sviluppatori di strumenti, linguaggi di programmazione e librerie utilizzati per creare diverse applicazioni.

Come probabilmente avrai intuito, ASP.NET è un fantastico framework che i principianti possono utilizzare per creare app Web. Offre molta flessibilità ed è facile da usare. In questo articolo, ti aiuteremo a creare la tua prima applicazione Web in ASP.NET utilizzando Microsoft Visual Studio.

Che cos'è ASP.NET?

ASP sta per "Pagine server attive"; ASP e ASP.NET sono tecnologie lato server utilizzate per visualizzare pagine Web interattive. ASP.NET offre agli sviluppatori molta flessibilità in un ecosistema considerevole e versatile con varie librerie e strumenti. Gli sviluppatori possono anche creare librerie personalizzate che possono condividere con qualsiasi applicazione creata sulla piattaforma .NET.

Relazionato: Framework Web che vale la pena imparare per gli sviluppatori

Puoi scrivere il codice back-end per le tue applicazioni ASP.NET in C#, Visual Basic o anche F#. Questa flessibilità consente agli sviluppatori di codificare in modo efficace la logica aziendale e il livello di accesso ai dati. Un altro vantaggio significativo dell'utilizzo di ASP.NET è la creazione di pagine Web dinamiche utilizzando C# con l'aiuto di uno strumento di sintassi per la creazione di modelli di pagine Web noto come Razor.

Razor fornisce anche una sintassi per la creazione di pagine Web dinamiche interattive che incorporano HTML, CSS, JavaScript e C#. Il codice lato client è solitamente scritto in JavaScript e ASP.NET può anche essere integrato con altri framework web come Angular o React.

Relazionato: Tailwind CSS vs. Bootstrap: qual è un framework migliore?

ASP.NET fornisce inoltre agli sviluppatori un sistema di autenticazione che include un database, librerie, modelli per la gestione degli accessi, autenticazione esterna a Google, Facebook, ecc. e altro. Gli sviluppatori possono utilizzare ASP.NET su tutte le principali piattaforme, inclusi Windows, Linux, macOS e persino Docker.

Come creare un'applicazione Web ASP.NET in Visual Studio

Prima di creare un'applicazione Web, è meglio acquisire familiarità con HTML, CSS, JavaScript e C#, in modo da ottenere il massimo da ASP.NET. Diamo un'occhiata a come è possibile creare un'applicazione Web in ASP.NET in Microsoft Visual Studio 2019.

Assicurati di aver installato i seguenti pacchetti software:

• Microsoft Visual Studio 2019 o superiore
• ASP.NET e carico di lavoro di sviluppo web dal programma di installazione di Visual Studio

Comprensione dei componenti del progetto dell'applicazione Web ASP.NET

Prima di poter iniziare a sviluppare l'app Web, è fondamentale comprendere i componenti essenziali di ASP.NET e come utilizzarli nell'applicazione Web.

In questo tutorial, utilizzeremo i moduli Web ASP.NET per creare le singole pagine Web come Homepage, Contattaci, ecc. Ogni modulo Web ha tre componenti principali, un file .aspx per HTML/CSS, un file di codice .aspx.cs e un file .aspx.designer.cs. Lavoreremo principalmente nei file .aspx e .aspx.cs per questo tutorial.

Il file .aspx conterrà tutto il codice HTML e CSS delle tue pagine web. Assicurati di utilizzare i tag asp anziché i tag HTML, perché i tag asp prelevano i dati dal server e inviano i dati di input al server. Questa è la caratteristica di funzionalità richiesta in un'applicazione web dinamica.

Il file .aspx.cs contiene il codice C# delle tue pagine Web e controlla cosa succede quando viene caricato un particolare evento come una pagina Web, viene fatto clic su un pulsante e altro ancora. È possibile creare funzioni separate per ciascuna funzione e collegarla al tag asp pertinente nel file .aspx corrispondente.

Le pagine master sono utili per gli sviluppatori e aggiungono componenti essenziali come la barra di navigazione e il piè di pagina a ogni pagina web. Invece di aggiungere ripetutamente lo stesso codice, gli sviluppatori possono aggiungere tutto il codice richiesto dal modello in una pagina principale e quindi collegare ogni pagina Web alla pagina principale. Ti mostreremo come farlo nelle sezioni seguenti.

Creare un nuovo progetto di app Web ASP.NET

Il primo passaggio nella creazione di un'applicazione Web in ASP.NET consiste nel selezionare un modello di progetto e creare una nuova applicazione Web:

1. Avvia Microsoft Visual Studio e fai clic su Crea un nuovo progetto
2. Digita ASP.NET nella casella di ricerca del modello, seleziona Applicazione Web ASP.NET (.NET Framework) e fare clic su Prossimo. Non otterrai questo modello se non disponi delle installazioni richieste menzionate nella sezione precedente.
3. Nella schermata successiva, configura il nome e la directory del tuo progetto e fai clic su Prossimo.
4. Visual Studio ora creerà il modello di progetto e dovresti essere in grado di eseguire l'applicazione modello facendo clic sul pulsante di riproduzione verde nella parte superiore dello schermo.

Crea un nuovo modulo Web ASP.NET

Per aiutarti a comprendere meglio ASP.NET, creeremo una semplice pagina di prodotto per un negozio di giochi. Il primo passo è creare un nuovo modulo web. Nel progetto che hai creato in precedenza, vai a File > Nuovo > File e seleziona Modulo web. Una volta impostato, dovresti essere in grado di vedere un file .aspx vuoto con solo il codice dell'intestazione.

Per iniziare a sviluppare l'aspetto generale della tua pagina web, puoi utilizzare tu stesso il codice nell'HTML/CSS o utilizzare un modello da Blocchi di coda.

Abbiamo impostato il layout della pagina del prodotto sopra utilizzando un modello. Visualizza un'immagine del prodotto, i dettagli del prodotto e una barra di navigazione. Abbiamo aggiunto l'HTML e il CSS della barra di navigazione utilizzando la pagina principale.

Nel codice sopra (file .aspx.cs), abbiamo impostato il caricamento della pagina funzione per impostare i dettagli del prodotto nei nostri segnaposto. Puoi creare funzioni simili per il login, la registrazione, l'aggiunta al carrello, ecc.

Un tag asp di esempio per mostrare la descrizione del prodotto è il seguente:

Il valore della descrizione dal codice C# verrà visualizzato in questo segnaposto. Puoi anche utilizzare la casella degli strumenti di Visual Studio per aggiungere elementi di visualizzazione come immagini, pulsanti, pulsanti di opzione e altro. Sono disponibili diverse risorse online in cui è possibile apprendere la sintassi di ASP.NET.

Applicazione Web ASP.NET per principianti

ASP.NET è una potente piattaforma per la creazione di applicazioni e servizi web. Devi essere a tuo agio con JavaScript, HTML, CSS e C# prima di sviluppare un'applicazione Web in ASP.NET.

Il Cheat Sheet di JavaScript definitivo

Ottieni un rapido aggiornamento sugli elementi JavaScript con questo cheat sheet.

Leggi Avanti

Circa l'autore