Lezione 1 – Creare la Web App per il sito FoodShop

Con questa iniziamo una serie di lezioni che spiegano l’uso di Visual Studio 2022, .Net 6, il Model View Controller e il linguaggio C# per il codice eseguibile Client-Server , che utilizzeremo per lo sviluppo di un Sito Web di Food Shopping.

Nel corso delle lezioni e delle varie fasi di sviluppo useremo le librerie Entity Framework per accedere al database e Identity Model per la gestioni degli utenti.

Per lo sviluppo e gestione grafica delle pagine Web e dei contenuti HTML vedremo le funzionalità del foglio stile Bootstrap 5 insieme a librerie Javascript per gestire delle funzionalità e visualizzazione Client.

Iniziamo creando un nuovo progetto VS2022

Inseriamo il nome del progetto e la relativa locazione.

Nella finestra di configurazione successiva selezioniamo il Framework “.Net 6.x”, Authentication Type “Individual Accounts” e Configure for HTTPS .

Creata l’applicazione Web possiamo lanciare il Debug per verificare tutto sia andato come previsto.

Il risultato dovrebbe essere questo:

Chiudiamo la finestra del browser e automaticamente la sessione di debugging si conclude su Visual Studio, oppure facendo il contrario se chiudiamo la sessione di debuging su Visual Studio si chiuderà la finestra del browser.

Vediamo cosa è stato creato e a cosa serve. Ad un primo sguardo possiamo notare la struttura Model-View-Controller in tre diversi folder che contengono il relativo codice. Il primo file al quale dare attenzione è appsettings.json.

In questo file troviamo la ConnectionStrings per l’accesso al database, il livello di Logging da utilizzare e le limitazioni agli AllowedHosts che accederanno al sito.

Nel fodel View->Home troviamo il file Index.cshtml dove possiamo vedere il codice HTML essenziale per la HomePage. Vedremo in seguito le varie componenti da poter utilizzare nelle View.

Nel folder Model al momento c’è solo il file ErrorViewModel.cs che contiene la classe ErrorViewModel.

Nel folder Controller il file HomeController.cs dove troviamo il codice della classe HomeController (il Controller delle View di Home) ed i metodi per l’esecuzione delle relative View.

Vediamo velocemente il resto dei folder di progetto:

·          Area->Identity->Pages contiene o meglio conterrà (vedremo in seguito come fare) i file di gestione degli account utente;

·          wwwroot è la root del sito con tutte le componenti e file necessari al funzionamento e visualizzazione, come librerie Javascript, Fogli Stile, Immagini e tutto quello che non può essere controllato dal codice MVC.

·          Properties dove troviamo il file di configurazione per il lancio dell’applicazione in locale durante lo sviluppo con IIS Express e sul server di deploy IIS o altro, ed i servizi come SQL Server.

·          Dependencies dove troviamo le dipendenze ai vari Packages delle librerie utilizzate.

·          Connected Services con i servizi attualmente definiti come il Secret.json ed il LocalDB di default.

Una breve spiegazione su come funziona il Framework .Net 6.x con MVC. Il server web (IIS o altro) realizza un ambiente virtuale nel quale viene visualizzato ed eseguito codice HTML e Javascript che vengono generati dall’eseguibile MVC compilato da VS2022. Per capire meglio la cosa potete andare nel folder bin\Debug\net6.0 del progetto e vedrete un file FoodShop.exe e diversi file libreria di tipo .dll e tutti quei file di configurazione .json, ecc. necessari all’esecuzione della nostra applicazione web.

Nella prossima lezione vedremo come configurare l’accesso ad un database SQL Server, la gestione del Database dell’applicazione e come modificare i dati di registrazione di un utente.