Iniciando un nuevo proyecto MVC

Hola a todos. En esta oportunidad voy a mostrarles como iniciar un proyecto MVC, a partir de una plantilla predeterminada, utilizando el framework ASP MVC 2.

Descarga e Instalación

Si estas utilizando el Visual Studio 2010, el framework ya se encuentra instalado en tu máquina, pero si utilizas Visual Studio 2008 deberás descargarte dicho framework desde la página oficial de ASP MVC.

Link de descarga: ASP.NET MVC 2 RTM

Actualmente se encuentra disponible la versión ASP MVC 2 RTM, la cual puede ser instalada tanto en VS 2008 como en VS 2010 (si es que no tienes instalado por defecto el mencionado framework en tu VS 2010). El paquete de instalación incluye plantillas y herramientas que facilitará el desarrollo de aplicaciones siguiendo el patrón MVC.

Para instalar el paquete descargado basta con ejecutar el mismo y listo, ya tendremos instalado el framework ASP MVC 2 en nuestra máquina.

Crear un nuevo Proyecto

Para iniciar un nuevo proyecto MVC, vamos al clásico “Inicio -> New Proyect” del VS. Dentro del grupo de proyectos Web vamos a encontrarnos con dos tipos de proyectos MVC. El primero de ellos es el “ASP.NET MVC 2 Web Application”, que tiene como objetivo crear un proyecto predeterminado, a partir de una plantilla básica. El segundo proyecto “ASP.NET MVC 2 Empty Web Application”, crea un proyecto vacío de MVC para iniciar un proyecto MVC desde cero.     

En este caso, vamos a tomar como ejemplo el primero que mencionamos (ASP.NET MVC 2 Web Application).

Le ponemos un nombre a nuestro proyecto y damos “ok” para confirmar la creación de un nuevo proyecto. En nuestro ejemplo lo renombre como “TestMVCApplication”, pero pueden nombrarlo como ustedes quieran.

Como muestra la siguiente pantalla, se nos ofrecerá la opción de crear un proyecto de testeo unitario, pero está opción la dejaremos para otro artículo. Por el momento respondemos que no y pulsamos ok para continuar con la creación del proyecto.

Ahora sí, hemos creado nuestro primer proyecto MVC. En la siguiente imagen verán que crea un directorio de carpetas por defecto. De ellas, las más significativas son Controllers, Model y Views, donde se alojan los controladores, el/los modelos y las vistas respectivamente.

Contenido del Proyecto

Controladores

Por defecto se crean dos controladores:

AccountController: encargado de manejar las acciones de una sesión, como el inicio y cierre de una sesión, registrar nueva cuenta, cambiar la contraseña, en fin, uno puede ir agregando acciones que considere necesaria. Realizará las llamadas a las vistas asociadas a la gestión de sesión.

HomeController: gestiona las llamadas a las vistas Index y About.

Modelos

En este caso se crea un solo modelo, la clase “AccountModels.cs”, la cual contiene los modelos de cuentas, además de agregados como servicios y validaciones sobre el modelo. Es un ejemplo completo que sirve de base para iniciar una aplicación profesional y de manera más rápida.

Vistas

Dentro de la carpeta Views, podemos observar que contiene varias subcarpetas, a saber:

Account: contiene vistas que permitirá al usuario gestionar su cuenta.

Home: está conformada por las vistas básicas como Index y About.

Shared: esta es una carpeta especial, ya que en ella se almacenan aquellas vistas que necesitamos que sean compartidas. De esta manera pueden ser utilizadas por otras vistas. Un claro ejemplo de ello es la página maestra Site.Master, la cual es una vista compartida que contiene definiciones comunes a todas las vistas.

Ejecución

Ejecutan la aplicación y listo, tienen corriendo un proyecto que sirve como modelo para desarrollar y extender una aplicación MVC. Les dejo la tarea de visualizar la aplicación y jugar un poco con ella.

Saludos.