ASP.NET MVC - Visão
- Página anterior Controlador MVC
- Próxima página Banco de Dados MVC
Para aprender ASP.NET MVC, construiremos um aplicativo da Internet.
Parte 5:Adicionar vistas para exibir o aplicativo.
Pasta Views
Views Os arquivos armazenados nas pastas são arquivos relacionados à exibição do aplicativo (interface do usuário) (arquivos HTML). Dependendo do idioma, a extensão desses arquivos pode ser html, asp, aspx, cshtml e vbhtml.
A pasta Views contém uma pasta correspondente a cada controlador.
O Visual Web Developer criou uma pasta Account, uma pasta Home e uma pasta Shared (dentro da pasta Views).
A pasta Account contém páginas para registro e login de contas de usuário.
A pasta Home é usada para armazenar páginas do aplicativo, como a página inicial e a página sobre.
A pasta Shared é usada para armazenar visões compartilhadas entre controladores (páginas de modelo e layouts).
Tipos de arquivos ASP.NET
Você pode encontrar os seguintes tipos de arquivos HTML na pasta Views:
Tipo de arquivo | Extensão |
---|---|
HTML Puro | .htm ou .html |
ASP Clássico | .asp |
ASP.NET Clássico | .aspx |
ASP.NET Razor C# | .cshtml |
ASP.NET Razor VB | .vbhtml |
Arquivo Index
O arquivo Index.cshtml representa a página inicial do aplicativo. É o arquivo padrão do aplicativo (página inicial).
Escreva o seguinte conteúdo no arquivo:
@{ViewBag.Title = "Página Inicial";} <h1>Bem-vindo ao CodeW3C.com</h1> <p>Coloque o conteúdo da Página Inicial aqui</p>
Arquivo About
O arquivo About.cshtml representa a página "Sobre" do aplicativo.
Escreva o seguinte conteúdo no arquivo:
@{ViewBag.Title = "Sobre Nós";} <h1>Sobre Nós</h1> <p>Coloque o conteúdo "Sobre Nós" aqui</p>
Execute o aplicativo
Escolha depuração, inicie a depuração a partir do menu de depuração (ou pressione F5).
Seu aplicativo será algo assim:
Clique em "Página inicial" e "Sobre", para ver como ele funciona.
Parabéns a você
Parabéns. Você já criou sua primeira aplicação MVC.
Nota:A guia "Filme" ainda não pode ser clicada. Vamos adicionar o código para a guia "Filme" em uma seção posterior deste tutorial.
- Página anterior Controlador MVC
- Próxima página Banco de Dados MVC