Esplorare il progetto di app di Visual Studio

Completato

Ora che l'app Web è stata creata e pubblicata correttamente in Azure, come procedere se si vuole apportare modifiche? Visual Studio tiene traccia della posizione di pubblicazione dell'app, quindi per aggiornarla e modificarla bastano due clic.

Esplorare la struttura del progetto

È stata creata un'app Web ASP.NET Core in Visual Studio. Ora è necessario modificare e personalizzare il sito Web. Ora si esplora la struttura del progetto per vedere quali elementi sono stati creati da Visual Studio.

Dipendenze

La cartella Dependencies include gli elementi interni di ASP.NET Core che rendono operativa l'app. A meno che non si vogliano aggiungere pacchetti di terze parti, questa cartella non richiede una particolare attenzione.

Proprietà

La cartella Properties contiene i dati di configurazione per la posizione in cui è ospitata l'app Web. Se si espande ora la cartella PublishProfiles, di dovrebbe vedere l'URL del sito Alpine Ski Hill. Ogni profilo di pubblicazione è un file XML che contiene le informazioni di configurazione della pubblicazione, come l'indirizzo di Azure usato da Visual Studio per caricare i file.

wwwroot

Il file wwwroot contiene tutti gli asset statici per il sito, come i file CSS, JavaScript, LIB e di immagine. Questo file viene usato per applicare uno stile e aggiungere altre funzionalità al sito.

Pagine

La cartella Pagine presenta i modelli Razor per le pagine del sito. Razor è una sintassi di markup per l'incorporamento del codice del server in pagine Web ASP.NET. Include HTML e prevede convenzioni speciali per la visualizzazione dei dati e l'esecuzione della logica nel sito.

Ogni pagina del sito è rappresentata con due file di codice:

  • Un file .cshtml, che è il file di markup Razor. Questo file contiene l'HTML visualizzato e alcuni elementi della logica C#.

  • Un file .cs, ovvero il code-behind C# che eredita dalla classe PageModel. Questo file consente di intercettare le richieste HTTP e di elaborarle prima di passare qualsiasi dato al file Razor.

appsetting.json

Questo è un file di configurazione di ASP.NET Core.

Program.cs

Il file Program.cs configura e avvia l'host Web per il sito.

Introduzione ai modelli di Razor

Sarà necessario apportare alcune modifiche di base al sito Web. A tale scopo, è importante avere una conoscenza di base dell'uso dei modelli Razor per personalizzare l'app Web.

Che cos'è Razor?

Razor è una sintassi ASP.NET che viene usata per creare pagine Web dinamiche con C#. Quando un server legge una pagina Razor, il codice C# viene eseguito prima che il server esegua il rendering del codice HTML. Questo consente di generare contenuto dinamico rapidamente.

Razor usa direttive @ per indicare ad ASP.NET come elaborare una pagina.

Vediamo ad esempio il codice nella pagina Privacy.cshtml:

@page
@model PrivacyModel
@{
    ViewData["Title"] = "Privacy Policy";
}
<h1>@ViewData["Title"]</h1>

<p>Use this page to detail your site's privacy policy.</p>
  • La direttiva @page indica ad ASP.NET di elaborare questo file come una pagina Razor.
  • La direttiva @model indica ad ASP.NET di collegare questa pagina Razor a una classe C# denominata PrivacyModel.

Razor usa anche il simbolo @ per eseguire la transizione tra il codice e HTML. Si noti la parte @{ ... } nel frammento di codice precedente. Si tratta di un blocco di codice Razor, che viene eseguito ma non sottoposto a rendering.

Per eseguire il rendering dell'output di un'istruzione di codice, usare @ davanti a un'espressione C#. Il blocco di codice precedente ne contiene un esempio nel tag <h1>.

La creazione e la pubblicazione di un sito Web sono solo le prime fasi del processo di creazione di un buon sito Web. Dopo aver iniziato ad aggiungere contenuti, sarà necessario aggiornare il sito. Dopo la pubblicazione del sito in Azure, è possibile aggiornarlo in qualsiasi momento.