tutoriais mais recente desenvolvimento web
 

ASP.NET MVC - Visualizações


Para saber ASP.NET MVC, estamos construindo uma aplicação Internet.

Parte V: Adicionando vistas para exibindo o aplicativo.


A pasta Visualizações

As exibições da pasta armazena os arquivos (HTML files) relacionados à tela do aplicativo (the user interfaces) . Esses arquivos podem ter o extensões html, asp, aspx, cshtml e vbhtml, dependendo do conteúdo da linguagem.

A pasta Views contém uma pasta para cada controlador.

Visual Web Developer criou uma pasta de contas, uma pasta Home, e uma pasta compartilhada (inside the Views folder) .

A pasta Conta contém páginas para registrar e fazer login em contas de usuário.

As páginas do aplicativo pasta armazena inicial como a página de índice (home page) ea página sobre.

A pasta compartilhada é usado para armazenar pontos de vista compartilhados entre controladores (master pages and layout pages) .

Visualizações


Tipos de arquivo ASP.NET

Os seguintes tipos de arquivo HTML pode ser encontrada na pasta Visualizações:

Tipo de arquivo extensão
Plain HTML .htm ou .html
ASP clássico asp
ASP.NET clássico aspx
ASP.NET Razor C # .cshtml
ASP.NET Razor VB .vbhtml

O arquivo de índice

O arquivo Index.cshtml representa a home page do aplicativo. É de arquivo padrão do aplicativo (index file) .

Coloque o seguinte conteúdo no arquivo:

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

<h1>Welcome to w3ii</h1>

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

O Arquivo Sobre

O arquivo About.cshtml representam a página Sobre do aplicativo.

Coloque o seguinte conteúdo no arquivo:

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

<h1>About Us</h1>

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

Execute o aplicativo

Selecione Debug, Start Debugging (or F5) a partir do menu Visual Web Developer.

Sua aplicação será parecido com este:

MVC Aplicação

Clique no "Home" guia e o "About" guia para ver como ele funciona.


Parabéns

Parabéns. Você criou seu primeiro aplicativo MVC.

Nota: Você não pode clicar no "Movies" guia ainda. Nós vamos adicionar código para o "Movies" guia nos próximos capítulos deste tutorial.