Introducción al tutorial de NerdDinner

de Scott Hanselman

Descargar PDF

La mejor manera de aprender un nuevo marco es crear algo con él. En este tutorial se explica cómo crear una aplicación pequeña, pero completa, con ASP.NET MVC 1 y se presentan algunos de los conceptos básicos subyacentes.

Si usas ASP.NET MVC 3, te recomendamos seguir los tutoriales introducción a MVC 3 o MVC Music Store .

NerdDinner Tutorial

La mejor manera de aprender un nuevo marco es crear algo con él. En este tutorial se explica cómo crear una aplicación pequeña, pero completa, con ASP.NET MVC y se presentan algunos de los conceptos básicos subyacentes.

La aplicación que vamos a compilar se denomina "NerdDinner". NerdDinner ofrece una manera fácil de encontrar y organizar cenas en línea:

Captura de pantalla de la página de la aplicación Nerd Dinner. Se muestra la página Hospedar una cena.

NerdDinner permite a los usuarios registrados crear, editar y eliminar cenas. Aplica un conjunto coherente de reglas de validación y de negocios en toda la aplicación:

Captura de pantalla de la página de la aplicación Nerd Dinner. Se muestra la página Editar cena.

Los visitantes pueden usar un mapa basado en AJAX para buscar próximas cenas que se celebrarán cerca de ellos:

Captura de pantalla de la página de mapa basada en Nerd Dinner A J A X.

Al hacer clic en una cena, se le llevará a una página de detalles donde pueden obtener más información sobre ella:

Captura de pantalla de la página web de Nerd Dinner con detalles sobre la cena del grupo de estudio de A S P dot NET.

Si están interesados en asistir a la cena, pueden iniciar sesión o registrarse en el sitio:

Captura de pantalla de la página de inicio de sesión de Nerd Dinner.

A continuación, pueden hacer clic en un vínculo RSVP basado en AJAX para asistir al evento:

Captura de pantalla de la página del grupo de estudio, Nerd Dinner. El botón RSVP está ubicado en la parte inferior.

Captura de pantalla de la página de detalles de Nerd Dinner. Un mensaje que dice

Implementación de NerdDinner

Vamos a comenzar nuestra aplicación NerdDinner mediante el comando File-New> Project en Visual Studio para crear un nuevo proyecto ASP.NET MVC. Después, agregaremos funcionalidades y características de forma incremental. A lo largo del camino cubriremos:

  1. Cómo crear un nuevo proyecto de MVC de ASP.NET
  2. Creación de una base de datos
  3. Creación de un modelo con validaciones de reglas de negocio
  4. Cómo usar controladores y vistas para implementar una interfaz de usuario de lista o detalles
  5. Cómo proporcionar compatibilidad con el formulario de entrada de datos CRUD (crear, leer, actualizar, eliminar)
  6. Cómo usar ViewData e implementar clases ViewModel
  7. Cómo volver a usar la interfaz de usuario mediante páginas maestras y parciales
  8. Cómo implementar una paginación de datos eficiente
  9. Protección de aplicaciones mediante autenticación y autorización
  10. Cómo usar AJAX para entregar actualizaciones dinámicas
  11. Cómo usar AJAX para implementar escenarios de asignación
  12. Habilitación de pruebas unitarias automatizadas

Puede crear su propia copia de NerdDinner desde cero completando cada paso que se describe en este capítulo. Como alternativa, puede descargar una versión completa del código fuente aquí: NerdDinner en GitHub. También puede descargar una versión pdf gratuita de este tutorial si desea leer el tutorial sin conexión.

Puede usar Visual Studio 2008 o Visual Web Developer 2008 Express gratuito para compilar la aplicación. Puede usar SQL Server o SQL Server Express gratuito para la base de datos.

Puede instalar ASP.NET MVC, Visual Web Developer 2008 Express y SQL Server Express (todos gratis) con V2 del Instalador de plataforma web de Microsoft.

Ahora empecemos...

Ahora que hemos hablado sobre qué es NerdDinner, vamos a remangarnos y escribir algo de código.

Comenzaremos utilizando Archivo->Nuevo Proyecto dentro de Visual Studio para crear la aplicación NerdDinner.

Siguiente

  • Last updated on