ASP.NET MVC 2 Tutorial - Model-View-Controller -Parte I

Figura 1.0 – Arquitetura MVC

Componentes do MVC

Na arquitetura MVC o Modelo (Model) é usado para definir e gerenciar o domínio da informação e notificar observadores sobre mudanças nos dados, como, por exemplo, o estado de uma caixa de texto ou a indicação de ativação de um checkbox.

A renderização ou visualização  (View) acessa os dados do Model  e especifica  como os dados do Model são apresentados ao usuário, como por exemplo, um texto dentro de um TextBox.

O Controle (Controller) é o componente para mapear as ações do usuário na View, as quais ocorrem através de eventos e fazem com que o Model seja modificado. Para citar um exemplo, quando um CheckBox habilitado recebe um evento de click, o Controller mapeia essa ação do usuário e modifica o Model, indicando que este agora está desabilitado. O Model, por sua vez, notifica a View, indicando mudança em seu estado. A View recebe a notificação e renderiza o CheckBox desabilitado na tela.

Na Figura 2.0 é possível observar que existe outro template chamado de ASP.NET MVC 2  Empty Web Application . Este template possibilita a criação de um projeto em MVC em branco.
Ao clicar no botão OK será apresentada a janela Create Unit Test Project onde você poderá escolher se deseja criar um projeto para realizar testes ou não. No exemplo vamos deixar marcada a opção padrão para criar um projeto de teste para nossa aplicação web.  A Figura 3.0 traz a tela Create Unit Test Project.

Figura 3.0 – Create Unit Test Project

Estrutura do Projeto

Na Solution Explorer  tem-se dois projeto, o projeto Web e o projeto de testes, conforme pode ser visualizado na Figura 4.0.

Figura 4.0 – Solution Explorer – Projeto Web e Teste

A estrutura do projeto Web possui por padrão seis pastas, conforme mostrado na Figura 4.0. Abaixo segue uma pequena descrição das responsabilidades de cada uma.

Controller – Nesta pasta serão colocadas as classes de controle;

Models – Nesta pasta serão colocadas as classes para persistência de dados;

Views - Nesta pasta serão colocadas as nossas views.

Content é usada para conter arquivos de estilo CSS ou Imagens. Esta pasta já possui um arquivo de estilo.

Script é para conter os arquivos de javascript. Esta pasta já possui alguns scripts, como algumas bibliotecas de JQUERY.

App_Data é usado para conter arquivos de dados para ler ou escrever.

Nota: Site do  Jquery

O ASP.NET MVC não exige essa estrutura. Na verdade, desenvolvedores que trabalham em aplicativos mais complexos normalmente “dividem” os projetos para torná-lo mais controlável, mas mantendo o conceito.
Quando expandimos o diretório Controller, veremos que o Visual Studio adicionou automaticamente duas classes do controlador, e no diretório View foi adicionado três subdiretórios: Account, Home e Shared.
Reparem que os subdiretórios possuem o mesmo nome das classes dos controladores, subtraído pela palavra Controller.cs. No entanto, o subdiretório Shared é exceção, dentro dele apenas existe uma Master Page.  Toda esta forma possui uma razão. Para melhor entendimento execute a aplicação – F5, e clique sobre o botão About e Log On, a Figura 5.0 mostra como é apresentada a url no navegador ao clicar no botão About.

 

Figura 5.0 – Url

O Framework ASP.NET MVC efetua o mapeamento da url (“/Home/About”) para o servidor web de uma maneira diferente ao ASP.NET convencional. Ao invés de mapear a URL para um arquivo no disco o framework mapeia a URL diretamente para os controllers. Desta forma uma classe Controller irá chamar uma componente View separado, que irá tratar de gerar a saída HTML da requisição.
A convenção padrão usada é mapear o caminho URL principal de uma requisição HTTP (Ex: /Home) para uma classe cujo nome segue o modelo: UrlPathController, como já mencionado. Agora, você deve estar se perguntando, mas, e o About?

A resposta continua no próximo artigo

Continua no próximo artigo.

Parte II