ASP .NET - Apresentando a aplicação Web MVC Music Store (início do Curso)


A Loja de Música MVC Music Store é uma aplicação que introduz e explica passo-a-passo como usar o ASP.NET MVC e Visual Web Developer para desenvolvimento web. A abordagem será a nível iniciante de forma a introduzir os conceitos básicos para quem deseja aprender ASP .NET MVC.

Vamos construir uma loja de música simples. Há três partes principais: a aplicação de compras, o check-out e a administração do site.

Após baixar a aplicação no link http://mvcmusicstore.codeplex.com/ e descompactar o projeto em sua máquina local podemos abrir o projeto usando tanto o Visual Web Developer 2010 Express Edition como o Visual Studio. Eu vou usar a nova versão do Visual Web Developer 2010 Express agora chamada de Microsoft Microsoft Visual Studio Express 2012 for Web que também é grátis. Dessa forma também verificamos a compatibilidade da aplicação com a nova versão.

Após abrir o projeto e executá-lo em um computador local teremos a página inicial da aplicação conforme a figura abaixo:

Os visitantes do site podem pesquisar os álbuns pelo gênero:

Os visitantes também podem visualizar as informações de único álbum e incluí-lo na cesta de compras:

Os visitantes podem verificar a cesta de compras alterando o seu conteúdo:

O web site possui uma área de administração com acesso restrito:

Podemos criar uma nova conta de usuário:

Depois de criar uma conta, os visitantes podem completar o pedido através do preenchimento de envio e informações de pagamento. Para não complicar muito estamos realizando uma promoção incrível: tudo é grátis os visitantes informarem o código da promoção "FREE"!

Após enviar o pedido é apresentada a tela confirmando a solicitação e a cesta de compras é esvaziada:

Na área de administração o responsável poderá efetuar o logon e administrar o site.

Iremos construir essa aplicação passo a passo usando as ferramentas citadas e a linguagem Visual Basic realizando as traduções, dentro do possível, para o português.

Você pode instalar os pré-requisitos usando o recurso da web plataform : http://www.microsoft.com/web/gallery/install.aspx?appid=VWD2010SP1Pack (Se estiver usando o Visual Web Developer 2010 Express Edition)

Se você quiser instalar individualmente cada pré-requisito use os links a seguir:

Criando a aplicação MVC Music Store

Abra o Visual Express For Web e no menu File clique em New Project:

A seguir selecione o template Visual Basic -> Web -> ASP .NET MVC 3 Web Application , informe o nome MvcMusicStore e clique no botão OK;

Será exibido uma janela de diálogo, que nos permite fazer algumas configurações MVC específicas para o nosso projeto. Selecione o seguinte:

Verifique se as configurações são apresentados como a seguir, pressione o botão OK.

Será criado um projeto e na janela Solution Explorer podemos ver a sua estrutura básica conforme mostra a figura a seguir:

/Controllers Respondem à entrada do navegador, decidem o que fazer com ela, e retornam a resposta para o usuário.
/Views Tratam os templates da interface com o usuário (as páginas da aplicação)
/Models Tratam com o acesso e manipulação dos dados
/Content Esta pasta contém nossas imagens, CSS, e qualquer outro conteúdo estático
/Scripts Esta pasta contém arquivos nosso javascript

Essas pastas estão incluídas até mesmo em um template ASP.NET MVC vazio porque o framework ASP.NET MVC por padrão usa uma abordagem de "Convenção sobre configuração" e faz algumas suposições com base nas convenções de nomenclatura da pasta.

Por exemplo, por padrão os controladores procuram por views na pasta Views, sem que você tenha que especificar explicitamente isso no código. Cumprindo as convenções padrão temos reduzido a quantidade de código que precisamos escrever e também podemos tornar mais fácil para outros desenvolvedores o entendimento do nosso projeto.

Na próxima aula iremos abordar o tópico : ASP .NET - MVC Music Store - Definindo os Controladores

Referências:


José Carlos Macoratti