Fernando Vezzali

Quando começamos aprender ASP.NET MVC, é comum vermos o controller passando o modelo para a view e este encaixe acontecendo com perfeição. Mas no mundo real, o cenário muda e este encaixe entre modelo e view pode não acontecer com tanta facilidade.

Os templates do Visual Studio são ótimos, eu os utilizo diariamante, apenas me preocupo quando vejo pessoas encarando o código gerado pelos templates como se fossem a única/melhor implementação a ser seguida. Definitivamente este não é o propósito dos templates.

Vamos entender algumas coisas sobre geração de código:

• Os templates nos fornecem apenas um “starter code”, um esqueleto, uma estrutura.
• Poupa o programador da digitação repetitiva que acontece, por exemplo, quando adicionamos novos elementos ao projeto, tais como: uma classe, uma view, um teste unitário, etc.
• Os templates podem e devem ser modificados. A Microsoft estimula isto de diversas formas, só para citar uma delas: MVCScaffolding (open source)

Voltando ao tema, o nosso modelo raramente atenderá a todas as necessidades da view, na realidade não é responsabilidade dele atender à estas necessidades. O modelo deve representar o domínio da aplicação, e só. Elementos relacionados à camada de apresentação, ex.: paginação, inputs e grid, não podem estar no modelo.

Vamos resolver este problema usando uma ViewModel:

A ViewModel é um modelo. Sim, um modelo, porém é projetada especificamente para atender às necessidade da view. Esta é a sua função, simples assim. Abaixo mostro a comparação entre um “modelo de domínio” e uma ViewModel. Neste exemplo a ViewModel foi projetada para uma view de consulta, com um filtro por palavra-chave e uma listagem de produtos, as diferenças são evidentes:

O código do modelo de domínio:

    public class Produto
    {
        public int Id { get; set; }
        public string Nome { get; set; }
        public decimal Preco { get; set; }
    }

O código da ViewModel:

    public class ProdutoViewModel
    {
        public ProdutoViewModel()
        {
            Produtos = new List();
        }
 
        public string Nome { get; set; }
        public List Produtos { get; set; }
    }

O código da View:

@model PetApplication.Models.ProdutoViewModel
@{
    ViewBag.Title = "ListaProdutos";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<h2>Lista de Produtos</h2>
@using (Html.BeginForm())
{
    @Html.LabelFor(model => model.Nome)
    @Html.TextBoxFor(model => model.Nome)
    foreach (var produto in Model.Produtos)
    {
        <ul>
            <li>@Html.DisplayFor(modelItem => produto.Id)</li>
            <li>@Html.DisplayFor(modelItem => produto.Nome)</li>
            <li>@Html.DisplayFor(modelItem => produto.Preco)</li>
        </ul>
    }
    <input id="Submit1" type="submit" value="Buscar" />
}