Per saperne di ASP.NET MVC, stiamo costruendo un'applicazione Internet.
Parte V: aggiunta di viste per la visualizzazione delle applicazioni.
La cartella Visualizzazioni
Le visualizzazioni di cartella memorizza i file (HTML files) relative al display dell'applicazione (the user interfaces) . Questi file possono avere l'estensione html, asp, aspx, cshtml, e vbhtml, a seconda del contenuto della lingua.
La cartella Vista contiene una cartella per ogni controller.
Visual Web Developer ha creato una cartella di account, una home directory, e una cartella condivisa (inside the Views folder) .
La cartella account contiene pagine di registrazione e login agli account utente.
Le pagine delle applicazioni cartella memorizza casa come la pagina di indice (home page) e la pagina su.
La cartella condivisa viene utilizzata per memorizzare vista condivisi tra i controller (master pages and layout pages) .
ASP.NET Tipi di file
I seguenti tipi di file HTML possono essere trovati nella cartella Visualizzazioni:
| Tipo di file | Estensione |
|---|---|
| il codice HTML semplice | .htm o .html |
| Classic ASP | asp |
| ASP.NET Classic | aspx |
| ASP.NET Razor C # | .cshtml |
| ASP.NET Razor VB | .vbhtml |
Il file di indice
Il file Index.cshtml rappresenta la Home page dell'applicazione. Si tratta di file di default dell'applicazione (index file) .
Mettere il seguente contenuto nel file:
@{ViewBag.Title = "Home Page";}
<h1>Welcome to
w3ii</h1>
<p>Put Home Page content here</p>
Il file Informazioni su
Il file About.cshtml rappresentano la pagina Chi dell'applicazione.
Mettere il seguente contenuto nel file:
@{ViewBag.Title = "About Us";}
<h1>About Us</h1>
<p>Put About Us content here</p>
Eseguire l'applicazione
Selezionare Debug, Avvia debug (or F5) dal menu di Visual Web Developer.
L'applicazione sarà simile a questa:
Clicca sul "Home" linguetta e il "About" scheda per vedere come funziona.
Complimenti
Complimenti. Avete creato la vostra prima applicazione MVC.
Nota: non è possibile fare clic sul "Movies" scheda ancora. Noi aggiungeremo codice per la "Movies" scheda nei prossimi capitoli di questo tutorial.