Compartilhar via

Introdução ao Tutorial do NerdDinner

  • Artigo

por Scott Hanselman

Baixar PDF

A melhor maneira de aprender uma nova estrutura é criar algo com ela. Este tutorial explica como criar um aplicativo pequeno, mas completo, usando ASP.NET MVC 1 e apresenta alguns dos principais conceitos por trás dele.

Se você estiver usando ASP.NET MVC 3, recomendamos que siga os tutoriais Introdução With MVC 3 ou MVC Music Store.

NerdDinner Tutorial

A melhor maneira de aprender uma nova estrutura é criar algo com ela. Este tutorial explica como criar um aplicativo pequeno, mas completo, usando ASP.NET MVC e apresenta alguns dos principais conceitos por trás dele.

O aplicativo que vamos criar é chamado de "NerdDinner". NerdDinner fornece uma maneira fácil para as pessoas encontrarem e organizarem jantares online:

Captura de tela da página do aplicativo Nerd Dinner. A página Hospedar um Jantar é mostrada.

O NerdDinner permite que os usuários registrados criem, editem e excluam jantares. Ele impõe um conjunto consistente de regras de validação e de negócios em todo o aplicativo:

Captura de tela da página do aplicativo Nerd Dinner. A página Editar Jantar é mostrada.

Os visitantes podem usar um mapa baseado em AJAX para pesquisar os próximos jantares que estão sendo realizados perto deles:

Captura de tela da página de mapa baseada em Nerd Dinner A J A X.

Clicar em um jantar os levará a uma página de detalhes onde eles podem saber mais sobre ele:

Captura de tela da página da Web Jantar Nerd com detalhes sobre o jantar do Grupo de Estudos do A SP dot NET.

Se estiverem interessados em participar do jantar, eles poderão fazer logon ou se registrar no site:

Captura de tela da página Logon do Jantar Nerd.

Em seguida, eles podem clicar em um link RSVP baseado em AJAX para participar do evento:

Captura de tela da página Do Grupo de Estudos do Jantar Nerd. O botão R S V P pode ser encontrado na parte inferior.

Captura de tela da página de detalhes do Jantar Nerd. Uma mensagem dizendo Obrigado, vamos vê-lo lá é mostrado.

Implementando NerdDinner

Vamos começar nosso aplicativo NerdDinner usando o comando File-New> Project no Visual Studio para criar um novo projeto ASP.NET MVC. Em seguida, adicionaremos incrementalmente funcionalidade e recursos. Ao longo do caminho, abordaremos:

  1. Como criar um novo projeto ASP.NET MVC
  2. Como criar um banco de dados
  3. Como criar um modelo com validações de regra de negócios
  4. Como usar controladores e exibições para implementar uma interface do usuário de listagem/detalhes
  5. Como fornecer suporte à entrada de formulário de dados CRUD (criar, ler, atualizar, excluir)
  6. Como usar ViewData e implementar classes ViewModel
  7. Como reutilização da interface do usuário usando master páginas e parciais
  8. Como implementar paginação de dados eficiente
  9. Como proteger aplicativos usando autenticação e autorização
  10. Como usar o AJAX para fornecer atualizações dinâmicas
  11. Como usar o AJAX para implementar cenários de mapeamento
  12. Como habilitar o teste de unidade automatizado

Você pode criar sua própria cópia do NerdDinner do zero concluindo cada etapa que passo a passo neste capítulo. Como alternativa, você pode baixar uma versão completa do código-fonte aqui: NerdDinner no GitHub. Opcionalmente, você também pode baixar uma versão em PDF gratuita deste tutorial se quiser ler o tutorial offline.

Você pode usar o Visual Studio 2008 ou o Visual Web Developer 2008 Express gratuito para criar o aplicativo. Você pode usar SQL Server ou a SQL Server Express gratuita para o banco de dados.

Você pode instalar ASP.NET MVC, Visual Web Developer 2008 Express e SQL Server Express (todos gratuitos) usando a V2 do Microsoft Web Platform Installer

Agora vamos começar...

Agora que cobrimos o que é NerdDinner, vamos arregaçar as mangas e escrever algum código.

Começaremos usando o File-New> Project no Visual Studio para criar o aplicativo NerdDinner.

Próximo