ASP.NET MVC – Iniciando – Primeiro Projeto

A melhor maneira de APRENDER uma nova TECNOLOGIA de desenvolvimento de software é pular de cabeça nela. Nesta série de artigos do @diviforum você criará um aplicativo de entrada de dados simples utilizando o ASP.NET MVC Framework.

Tentando manter as coisas simples a construção deste aplicativo será dividida entre alguns posts para dar um passo de cada vez para que você possa ver como uma aplicação ASP.NET MVC é construída.

Este tutorial não visa demonstrar o processo de instalação e configuração do ASP.NET MVC e os demais recursos necessários em seu ambiente de desenvolvimento, para prosseguir é necessário que você possua os seguintes itens instalados em seu sistema:

• Microsoft Visual Studio ou Visual Web Developer 2010 Express
• ASP.NET 4 e ASP.NET MVC 3
• Microsoft .NET Framework 4.0

Caso ainda não possua estes recursos em seu sistema utilize a Microsoft Web PI (Web Platform Installer) 3.0, através deste link: (WPI) http://www.microsoft.com/web/downloads/platform.aspx

CRIANDO UM NOVO PROJETO ASP.NET MVC

Vamos começar criando um novo projeto MVC no VS (Visual Studio), selecione um novo projeto no menu arquivo > novo ( File -> New -> Project), como mostrado na Figura 1-1.

Figura 1-1. Criando um novo projeto no Visual Studio

Se sua instalação do ASP.NET MVC 3 ocorreu com sucesso você encontrará entre os modelos Web um item chamado ASP.NET MVC Web Application 3, como mostrado na Figura 1-2.

Figura 1-2. Visual Studio MVC 3 modelo de projeto

Adicione um nome (Name) para o novo projeto (Usareu DfTutorial01) e clique no botão OK para continuar. Uma nova caixda de diálogo, mostrada na Figura 1-3, lhe permitirá escolher entre os modelos de projeto disponíveis.

Figura 1-3. Escolha do modelo de projeto da aplicação

A opção Empty criará um projeto contendo somente o mínimo de arquivos exigidos para uma aplicação do tipo ASP.NET MVC. A opção Internet Application cria o projeto juntamente com um pequeno modelo para que você possa modificar e construir, incluindo um tema, navegação, páginas e o registro de usuários e autenticação. A opção Intranet Application é projetada para ambientes que realizam a autenticação de usuários através do Active Directory.

Por enquanto vamos prosseguir selecione a opção Empty e deixe desmarcada a opção Use HTML5 semantic markup e clique em OK.

A Figura 1-4 demonstra os arquivos básicos do projeto inseridos pelo modelo de projeto, esta é a estrutura padrão para um projeto ASP.NET MVC 3.

Figura 1-4. Arquivos criados no projeto vistos no Solution Explorer

• Content – Pasta onde adicionamos os estilos (css);
• Controllers – Pasta onde iremos adicionar as classes de controle;
• Models – Pasta onde iremos adicionar as classes para persistência de dados;
• Scripts – Pasta onde iremos adicionar os scripts (js, jqeury,etc);
• Views – Pasta onde iremos adicionar as views (páginas).

Neste ponto se você executar sua aplicação (Debug -> Start Debugging ou F5) você verá uma tela contendo o erro 404 (Not Found Error) como é demonstrado na Figura 1-5, pois a aplicação não contém nada para executar.

Figura 1-5. Tentando executar um projeto em branco

Se você usa o Internet Explorer como navegador principal de debug do projeto basta fechá-lo para que a depuração seja finalizada, caso contrário selecione Debug -> Stop Debugging ou Shift+F5 no Visual Studio.

No próximo post deixaremos as coisas um pouco mais divertidas trabalhando com Controllers.

Código fonte: Download