Latest web development tutorials

vista ASP.NET MVC

Per imparare ASP.NET MVC, costruiremo un'applicazione Internet.

Parte 5: Aggiunta di una vista per applicazioni di visualizzazione.


cartella Visualizzazioni

archivio di cartelle Vista viene visualizzato con l'applicazione (interfaccia utente) file relativi (file HTML). A seconda della lingua utilizzata nel contenuto di questi documenti possono essere estensioni possono essere html, asp, aspx, cshtml e vbhtml.

cartella di Vista contiene una cartella di file corrispondente a ciascun controller.

Nella cartella Visualizzazioni, Visual Web Developer ha creato una cartella di account, una cartella di casa, una cartella condivisa.

cartella account contiene pagine per la registrazione dell'account utente ed effettuare il login.

cartella principale è utilizzata per memorizzare le pagine di applicazione come home page e le pagine sulla classe.

Le cartelle condivise per la condivisione di vista tra il controller di memoria (pagine master e pagine di layout).

Visualizzazioni


tipi di file ASP.NET

Nella cartella Visualizzazioni, è possibile visualizzare i seguenti tipi di file HTML:

文件类型 扩展名
纯 HTML .htm or .html
经典 ASP .asp
经典 ASP.NET .aspx
ASP.NET Razor C# .cshtml
ASP.NET Razor VB .vbhtml


file di indice

file di Index.cshtml rappresenta l'applicazione della home page. E 'il file di default (file di paging) dell'applicazione.

Scrive il seguente nel file:

@{ViewBag.Title = "Home Page";}

<h1>Welcome to W3CSchool.cc</h1>

<p>Put Home Page content here</p>


A proposito di file

Sul documento pagina rappresenta applicazione About.cshtml.

Scrive il seguente nel file:

@{ViewBag.Title = "About Us";}

<h1>About Us</h1>

<p>Put About Us content here</p>


Eseguire l'applicazione

Selezionare Debug, il menu di Visual Web Developer, avviare Debug Avvia debug (o premere F5).

L'applicazione visualizzerà il seguente:

MVC Application

Clicca sulla scheda "Home" e "Informazioni" scheda per vedere come funziona.


Congratulazioni

Complimenti. Hai creato la vostra prima applicazione MVC.

Nota: non è possibile ancora fare clic su "Film" tab. Noi aggiungeremo il codice in una sezione successiva di questo tutorial per la scheda "Movies".