ASP.NET MVC - Modelos de Visualizações

A forma como podemos gerar visualizações parciais adiciona um novo elemento de complexidade ao nosso aplicativo da web, no entanto, isso não significa que não possamos encontrar maneiras diferentes de atacar este tipo de construção de aplicativo em ASP.NET MVC.
Um dos métodos em que você pode pensar é criar arquivos HTML com as partes necessárias para fazer a vista parcial, mas tem um problema que é a grande quantidade de dados que devemos mover, além da possível redundância de código. Para isso, podemos pensar em usar JSON como forma de mover os dados necessários sem ter que usar HTML e aqui já temos uma maneira melhor de resolver o problema e continuar usando as visualizações parciais.
É por isso que veremos outra forma de podermos trabalhar com views parciais e que é usando um template engine no lado do cliente, isso nos permitirá ter uma estrutura mais sustentável e poderemos descarregar todo o peso do as operações no navegador, liberando nosso aplicativo de esforço.
Modelos no lado do cliente
A primeira coisa que devemos saber sobre isso é que isso não pertence a nenhuma especificação oficial ou padrão, portanto, para implementar este tipo de solução, vamos depender de bibliotecas de terceirosEmbora pareça um aviso de um remédio com efeitos colaterais, não é, na verdade essa liberdade significa que podemos usar a solução que mais nos agrada.
ModeloUm template é um pequeno código com seções que podemos preencher com dados de contexto, mas isso por si só não funciona, então pode-se ver que devemos ter um template engine, neste caso deve ser um Motor Javascript, neste tutorial vamos usar moustache.js que é uma biblioteca bastante popular e flexível.
Sintaxe de modelo
Como devemos usar um mecanismo de template, ele tem sua própria sintaxe para poder localizar nossos elementos dinâmicos, isso parece um tanto complexo, mas o conjunto de instruções geralmente é muito intuitivo.
Vamos ver na imagem a seguir um exemplo de código de um template e assim veremos como usá-lo:

Vemos que é apenas um HTML simples à primeira vista, mas se investigarmos mais, perceberemos que contém algumas expressões especiais, como {{Título}} esses tipos de expressões são os que serão substituídos por nossos valores dinâmicos, com isso podemos reutilizar esta seção repetidamente sem gerar novo código, reduzindo assim a quantidade de dados transferidos.
FuncionamentoIsso funciona de forma muito simples, com nosso quadro Javascript nós pegamos o Dados JSON de nosso aplicativo, com nosso mecanismo de modelo, montamos nosso esqueleto e, finalmente, "Nós compilamos" para obter um resultado.
Com isso finalizamos este tutorial, obtivemos uma pequena introdução a esta forma de trabalhar para fazer visualizações parciais, embora apenas falemos de um template engine este não é o único que existe no mercado, devemos fazer algumas pesquisas para ver o amplo espectro que oferecemos e poder escolher alguns para experimentar e saber qual é o melhor para as nossas necessidades.Gostou e ajudou este tutorial?Você pode recompensar o autor pressionando este botão para dar a ele um ponto positivo