Imprimir Post

Caminho Rápido – Alterando o Design particular em uma Aplicação do tipo ASP.NET MVC

Resumo:

O objetivo desta publicação é ensinar como alterar o Design particular 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, Alterar, Design, Particular, 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

A sequência será apresentada de maneira a entender que o leitor já possua a estrutura do projeto tipo ASP.NET MVC da postagem: “Caminho Rápido – Determinando uma Aplicação de apoio do tipo ASP.NET MVC“.

Relembre - Aplicação de apoio ASP.NET MVC

Aplicação de apoio ASP.NET MVC:

Alterando o Design particular em uma Aplicação do tipo ASP.NET MVC - Microsoft Visual Studio Community 2015 – Aplicação de Apoio

Microsoft Visual Studio Community 2015 – Aplicação de Apoio

Alterando o Design particular

Localizar a pasta Default. Na área à direita nomeada como: Solution Explorer, deve-se clicar duas vezes (2x) sobre Index.cshtml, alterando este arquivo para o seguinte código:

Tela ao colar o código:

Alterando o Design particular em uma Aplicação do tipo ASP.NET MVC - Microsoft Visual Studio Community 2015 – Tela após Alteração do Arquivo

Microsoft Visual Studio Community 2015 – Tela após Alteração do Arquivo

Por fim, deve-se salvar o arquivo Index e suas alterações clicando no botão Salvar. Tela com a confirmação positiva (ver rodapé da janela) ao clicar no botão Salvar:

Alterando o Design particular em uma Aplicação do tipo ASP.NET MVC - Microsoft Visual Studio Community 2015 – Tela após Salvar o Projeto

Microsoft Visual Studio Community 2015 – Tela após Salvar o Projeto

Finalizando o exemplo, resta apenas executar a Aplicação, deve-se então clicar no botão Start Debugging (F5):

Alterando o Design particular em uma Aplicação do tipo ASP.NET MVC - Microsoft Visual Studio Community 2015 – Execução da Aplicação

Microsoft Visual Studio Community 2015 – Execução da Aplicação

Tela ao clicar no botão Start Debugging (F5):

Alterando o Design particular em uma Aplicação do tipo ASP.NET MVC - Microsoft Visual Studio Community 2015 – Execução da Aplicação (Janela do Browser)

Microsoft Visual Studio Community 2015 – Execução da Aplicação (Janela do Browser)

Considerações Finais:

Esta publicação visa alterar o Design particular em uma Aplicação do tipo ASP.NET MVC.

Vale destacar que:

  • A citação Design particular é a apresentação de elementos que serão mostrados especificamente em Views e não em toda a Aplicação, podendo cada View ter sua particularidade de Design.
  • No exemplo, houve apenas a modificação de elementos de texto no Design particular, o qual é definido através do arquivo (View) Index.cshtml. No caso do Design compartilhado, tem-se o arquivo _Layout.cshtml que não foi modificado e permanece inalterado para exibição:

 

Alterando o Design particular em uma Aplicação do tipo ASP.NET MVC - Microsoft Visual Studio Community 2015 – Design compartilhado x Design particular

Microsoft Visual Studio Community 2015 – Design compartilhado x Design particular

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/03/15/caminho-rapido-alterando-o-design-particular-em-uma-aplicacao-do-tipo-asp-net-mvc/