Una Guía a Prueba de Bobos para... MVC 3 Parte I

Queridos Alumnos:
Los que fueron, MUY BIEN.
Los que no fueron: FEA LA ACTITUD!

Veamos.
En nuestra primera clase, vimos el paradigma de progamación MVC que en ASP.Net va por la versión 3, y está preparando la versión 4.
Como breve repaso, y para que los que no fueron a la primera clase no lleguen sin saber nada, vamos a hacer un post de recapitulación de los conceptos vistos en la primera clase.
Para comenzar, vamos a instalar las herramientas necesarias, haciendo click en el siguiente botón:

Esto deberá abrirnos una nueva ventana que nos va a instalar el Microsoft Web Platform Installer y luego va a instalar el Visual Studio Express 2010 y Sql Server 2008 en la máquina local. Paciencia, tarda un rato.

Mientras se está instalando, sigan leyendo que vamos a hacer una pequeña visita a qué significa MVC y con qué salsas lo podemos comer.
MVC es un patrón de arquitectura de Software que separa los datos, la interfaz y la lógica de negocio de una aplicación en tres componentes distintos. Estos tres componentes se relacionan de una forma particular: la interfaz visual (VISTA) se encarga de mostrar los datos. En general no tiene (y no debería tener) lógica de programación, ya que de ésta se encarga el (MODELO). El Modelo, como su nombre lo indica, especifica la modelización de datos, es decir que nos muestra cómo se arma la infrormación y nos permite validarla y almacenarla en un repositorio. Por último el (CONTROLADOR) es el que se encarga de recibir los eventos, es decir la interacción del usuario, enviada por la vista, y redireccionarla al modelo para que éste la transforme, persista o elimine.
Bien, ahora que están BIEN CONFUNDIDOS, vamos a ver un ejemplo práctico, porque una palabra vale menos que 0,0001 imágenes, o algo así.
Si ya terminaron de instalar,  vamos a los bifes:
1) Abran el visual Studio 2010 Express Edition.
2) Hagan click sobre el vínculo que dice "Create New Project" (O crear nuevo proyecto si fueron más inteligentes que yo y lo instalaron en español)

3) En el diálogo que se abre, seleccionen "ASP.Net MVC 3 Web Application" en el tipo de proyecto y luego completen donde dice Nombre ponemos "Curso2011" (para ser original, le pueden poner Rumpelstinskin si quieren poner algo más común)

En el siguiente cuadro de diálogo, seleccionamos "Internet Application" y ya estamos en carrera.

Lo primero que tenemos que ver es las carpetas que el proyecto creó automáticamente para nosotros, y entender dónde buscar las papas, dónde las manzanas y dónde el resto de las verduras. El árbol del proyecto se nos presenta así:

Las carpetas principales del proyecto son las que contienen las vistas, los modelos y los controladores. Para ver la calidad del genio de la gente que programa, están en las carpetas Views, Models y Controllers del proyecto, respectivamente.
Sigamos: Hay tres carpetas más, una que se llama "Content", que va a contener las imágenes y los archivos CSS del proyecto, y la otra que se llama Scripts, que contiene el javascript que hace funcionar a las vistas, y por último hay una carpeta que se llama "App Data" que va a contener las bases de datos de la versión express de Sql Server 2008 que vamos a usar.
Lo que vamos a hacer a continuación, es crear dos modelos relacionados, y en base a esos dos modelos relacionados, crear la base de datos, los controladores necesarios y las vistas que trabajen para ingresar, validar y persistir los datos en la base de datos. No se preocupen que vamos a escribir ¡Menos de 30 líneas de código!

Mañana Seguimos.