ASP.NET MVC - Layouts

À medida que desenvolvemos uma aplicação web, também temos que desenvolver o que é sua parte externa e estética, ou seja, o que o usuário vê. Parte disso é fazer o cabeçalho da página, menu, rodapé, etc..
Isso que mencionamos é conteúdo estático e geralmente muda muito pouco durante a vida do aplicativo, geralmente muda quando há um novo. Olhar e sentir, ou seja, um redesenho ou quando adicionamos novos componentes que devem ser refletidos.
Para trabalhar com esses tipos de elementos, devemos usar o layoutsIsso nos permite escrever o cabeçalho apenas uma vez, por exemplo, e fazendo isso mais tarde, podemos incluí-lo em outras partes sem ter que reescrevê-lo.
Layouts
Com o uso de Navalha Podemos escrever templates que se comportam como containers de view, ou seja, uma view que conterá outras, conforme explicamos, o objetivo disso é escrever a menor quantidade de código possível e homogeneizar a aparência de nossa aplicação.
Por que usar Layouts?Se tivermos, por exemplo, uma web básica com um cabeçalho, o mais lógico é que as diferentes visualizações usem esse cabeçalho, então, em vez de escrever seu código várias vezes em cada visualização, fazemos um layout e nós o incluímos nas diferentes visualizações.
Conteúdo do arquivo _Layout.cshtml
Ao gerar um novo projeto web dentro de nosso pasta de visualizações, temos um arquivo chamado _Layout.cshtml, neste arquivo temos nosso modelo principal que funcionará como o contêiner de visualizações que explicamos no ponto anterior.
Vamos ver na imagem a seguir o código-fonte que este arquivo contém:

Se detalharmos, temos um arquivo HTML normal, porém o que nos interessa é o código Navalha, começamos com a tag de título, se olharmos para Razor, ela indica @ View.Title, isso significa que você deve imprimir um parâmetro Título que vem da visualização, então continuamos com as outras seções onde @RenderSection ([nome]) nos permite imprimir o conteúdo indicando na vista qual vai para cada seção e finalmente @RenderBody () irá imprimir o conteúdo do corpo.
Como podemos ver, é algo bastante modular, se agora virmos um código de uma visão, podemos entender como eles estão diretamente relacionados:

 @ {Layout = "~ / _Layout.cshtml"; } @section Header {
Exibir conteúdo do cabeçalho
} @section Footer {Copyright @ DateTime.Now.Year}Este é o conteúdo do corpo da visão

Nesta visão, o que fizemos primeiro foi indicar que ele usará o arquivo _Layout.cshtml como base, então dizemos o que cada seção vai carregar, por exemplo @section Header, o que este bloco contém é o que será impresso no @RenderSection ("Cabeçalho") o que vimos no arquivo _Layouts.cshtml.
AssociaçãoPodemos dizer então que isso vai funcionar como um quebra-cabeça e o Layout vai colocar cada peça que identificarmos onde ela pertence.
Com isso terminamos este tutorial e como podemos ver usando o Layouts podemos economizar reescrevendo muito código e por ter uma única fonte para este conteúdo nossas páginas serão muito mais homogêneas, se precisarmos de seções diferentes, podemos escrever um segundo ou terceiro Layout que nos permite ter todos os elementos que iremos utilizar.Gostou e ajudou este tutorial?Você pode recompensar o autor pressionando este botão para dar a ele um ponto positivo