Imprimir Post

Caminho Rápido – Adicionando uma View em uma Aplicação do tipo ASP.NET MVC

Resumo:

O objetivo desta publicação é ensinar como adicionar uma View em uma Aplicação do tipo ASP.NET MVC à partir da ferramenta de desenvolvimento Microsoft Visual Studio.

O guia será apresentado de maneira a minimizar a parte teórica ao essencial e elevar a parte prática até a concretização do objetivo.

Palavras-chaves:

Visual, Studio, Controller, View, ASP.NET, MVC.

Texto:

Adendo

Para realização das tarefas referentes ao objetivo do post, foram utilizados os seguintes Programas:

  • Windows 10 Pro;
  • Microsoft Visual Studio Community 2015 Ultimate (Update 3).

A única configuração realizada após a instalação dos programas acima, foi manter o Microsoft Visual Studio sendo executado como usuário Administrador do Sistema Operacional, a fim de evitar maiores problemas.

Mãos à Obra

Tela Inicial do Microsoft Visual Studio Community 2015 (Update 3):

Controller em uma Aplicação ASP.NET MVC - Microsoft Visual Studio 2015 Community - Tela Inicial

Microsoft Visual Studio 2015 Community – Tela Inicial

Primeiramente deve-se criar uma aplicação, no exemplo será ASP.NET MVC:

ADO.NET Entity Framework via NuGet - Relembre - ASP.NET MVC

Tela ao criar uma aplicação do tipo ASP.NET MVC:

Controller em uma Aplicação ASP.NET MVC - Microsoft Visual Studio Community 2015 - Criação de Novo Projeto

Microsoft Visual Studio Community 2015 – Criação de Novo Projeto

Em segundo lugar deve-se adicionar um Controller em uma Aplicação do tipo ASP.NET MVC:

Controller em uma Aplicação ASP.NET MVC - Relembre - Controller

Tela ao adicionar um Controller uma aplicação do tipo ASP.NET MVC:

View em uma Aplicação ASP.NET MVC - Microsoft Visual Studio Community 2015 - Tela após adicionar o Controller

Microsoft Visual Studio Community 2015 – Tela após adicionar o Controller

Localizar e clicar com o botão direito no nome do método (no exemplo Index()) gerado automaticamente pelo Controller em seu momento de criação, em seguida selecionar e clicar na opção Add View…:

Tela após clicar na opção Add View…:

View em uma Aplicação ASP.NET MVC - Microsoft Visual Studio Community 2015 - Janela Central

Microsoft Visual Studio Community 2015 – Janela Central

A janela central está intitulada como Add View.

Contendo 2 áreas principais, na área onde encontra-se View e Template, manter os valores Index e Empty (without model). Em seguida na área abaixo nomeada como Options, localizar e desmarcar a opção: Use a layout page. Com a imagem ampliada abaixo, ficam mais claras as configurações a serem realizadas. Por fim deve-se clicar no botão Add:

View em uma Aplicação ASP.NET MVC - Microsoft Visual Studio Community 2015 - Janela Central

Microsoft Visual Studio Community 2015 – Janela Central

Tela ao clicar no botão Add:

View em uma Aplicação ASP.NET MVC - Microsoft Visual Studio Community 2015 - Tela após adicionar a View à partir do Controller

Microsoft Visual Studio Community 2015 – Tela após adicionar a View à partir do Controller

Considerações Finais:

Esta publicação visa adicionar uma View em uma Aplicação do tipo ASP.NET MVC, propondo a utilização padrão sugerida através de sua arquitetura nativa.

Vale destacar que:

  • View são exibições que gerenciam o conteúdo HTML da página a ser apresentada dentro da Aplicação;
  • Dentro da Arquitetura ASP.NET MVC existem outras duas camadas principais que se comunicam com View, são estas Models e Controller;
  • Ao adicionar uma View deve existir um método controlador de mesmo nome (vide exemplo Index()), estabelecendo uma associação;
  • Ao adicionar uma View, no exemplo, não fora utilizada uma página para centralizar o layout da Aplicação, porém esta opção também existe;
  • Ao adicionar uma View, no exemplo, sua extensão (.cshtml) foi determinada pelo tipo de core definido na criação da Aplicação do tipo ASP.NET MVC, no exemplo MVC;
  • Após adicionar uma View, o nome determinado para esta, criará automaticamente sua comunicação (estrutural) efetiva (Views > Default > Index.cshtml);

Referências Bibliográficas:

As referências bibliográficas não se aplicam a este post.

Sobre o autor

Thiago Richard Vanicore

Thiago Richard Vanicore formou-se em análise e desenvolvimento de sistemas, possui certificação ITIL Foundation V2 e entre seus conhecimentos estão: ASP .Net (WebForms/MVC5/Web API) C#, HTML5, Html/XHtml, CSS3, JQuery, JQuey Mobile, JavaScript, Xml, Ajax, Json, Microsoft SqlServer, MySql, Firebird, Azure, Visual Studio Online, Scrum, UML, CRM, Quality Assurance, CTI (Computer Telephony Integration) MPSBR (Melhoria de Processos do Software Brasileiro).

Link permanente para este artigo: http://linksinergia.com.br/2017/01/04/caminho-rapido-adicionando-uma-view-a-partir-de-um-controller-em-uma-aplicacao-do-tipo-asp-net-mvc/