Gerardo Grinman

5D
BREVE INTRODUCCION A ASP.NET
MVC
ASP.NET MVC es un framework para la
creacin de aplicaciones web que aplica el
patrn Model View Controller del framework
ASP.NET.
Framework: un conjunto estandarizado de
conceptos, prcticas y criterios para enfocar
un tipo de problemtica particular que sirve
como referencia, para enfrentar y resolver
nuevos problemas de ndole similar.
EL PATRON MVC
Model-View-Controller (MVC) ha sido un
importante patrn de arquitectura desde hace
muchos aos.
Es un modelo elegante para separar la logica de
acceso a datos de la logica de interfaz de
usuarios, por lo que se aplica muy bien en las
aplicaciones web.
Se puede encontrar MVC en Java y C++, en Mac y
Windows y en muchos frameworks de distintos
lenguajes.
EL PATRON MVC
MVC separa la interfaz de usuario de una
aplicacion en 3 aspectos principales:
The Model: Un conjunto de clases que describe los
datos con los que trabaja, as como las reglas de
negocio sobre cmo se pueden cambiar y manipular
los datos
The View: Define cmo se muestra la interfaz de
usuario de la aplicacin (UI)
The Controller: Un conjunto de clases que maneja la
comunicacin del usuario, el flujo de aplicacin
general, y la lgica especfica de la aplicacin
EL PATRON MVC
MVC en Web Frameworks
El patrn MVC se utiliza con frecuencia en la
programacin web:
Models: Estas son las clases que representan el dominio
de inters. Estos objetos de dominio suelen encapsular los
datos almacenados en una base de datos, as como el
cdigo utilizado para manipular los datos y aplicar la lgica
de negocio de dominio especfico.
View: Esta es una plantilla para generar dinmicamente
cdigo HTML .
Controller: Esta es una clase especial que gestiona la
relacin entre la vista y el modelo. Responde al input del
usuario, se comunica con el model, y decide qu view
mostrar. En ASP.NET MVC, esta clase se representa
convencionalmente con un sufijo: Controller.
Razor View Engine
Razor es la primera actualizacin importante
para imprimir y generar HTML.

Razon fue diseado especificamente como
una sintaxis para la vista. Tiene un objetivo
principal: armar plantillas para la generacion
de HTML.
Razor View Engine
@model MvcMusicStore.Models.Genre
@{ViewBag.Title = Browse Albums;}
<div class=genre>
<h3><em>@Model.Name</em> Albums</h3>
<ul id=album-list>
@foreach (var album in Model.Albums)
{
<li>
<a href=@Url.Action(Details, new { id = album.AlbumId })>
<img alt=@album.Title src=@album.AlbumArtUrl />
<span>@album.Title</span>
</a>
</li>
}
</ul>
</div>
Razor View Engine
No es un nuevo lenguaje: Razor es una sintaxis que
permite utilizar las habilidades de programacin en
.NET en una plantilla de una manera muy intuitiva.
Fcil de aprender: Precisamente como Razor no es un
nuevo lenguaje, es fcil de aprender. Ya sabes HTML,
sabes .NET,. Slo se tiene que escribir HTML y poner el
signo @ siempre que necesite escribir cdigo .NET.
Works with any text editor: Because Razor is so
lightweight and HTML-focused, youre free to use the
editor of your choice. Visual Studios syntax
highlighting and IntelliSense features are nice, but its
simple enough that you can edit it in any text editor.
Rich JavaScript Support
JavaScript es una parte importante de
cualquier aplicacin web moderna. ASP.NET
MVC 3 aade un poco de apoyo para el
desarrollo del lado del cliente, siguiendo las
normas actuales para la integracin JavaScript.

jQuery Validation
CREACIN DE UNA APLICACIN MVC3
Para crear una nueva aplicacion MVC:
1. Elegir File => New => Project
2. Dentro de los proyectos de Visual C# =>
Plantillas Web.
3. Seleccionar ASP.NET MVC 3 Web Application, y
llamarla MiPrimerAplicacion, y luego OK.
4. Seleccionar plantilla para Aplicacin de Internet.
ENTENDIENDO LA ESTRUCTURA DE LA
APLICACIN MVC
Cuando se crea una nueva aplicacin MVC
ASP.NET con Visual Studio, se agrega
automticamente varios archivos y directorios
para el proyecto.
ENTENDIENDO LA ESTRUCTURA DE LA
APLICACIN MVC
ENTENDIENDO LA ESTRUCTURA DE LA
APLICACIN MVC
/Controllers => Dnde se ponen las clases
controladoras que manejan peticiones de URL
/Models => Dnde se pone las clases que representan
y manipulan los datos y objetos de negocio
/Views => Dnde se ponen los archivos de plantillas de
interfaz de usuario, tales como HTML
/Scripts => Dnde se ponen los archivos JavaScript (.js)
/Content => Dnde se ponen los CSS, imagenes y
archivos publicos que no generen contenido dinamico
/App_Data => Dnde se almacenan los archivos de
datos que desea leer / escribir
/Controllers
/Views
/Content y /Scripts
ASP.NET MVCs convenciones
Cada nombre de clase de los Controllerstermina con
Controller - ProductoController, HomeController, y se
guardan en la carpeta Controllers.
Hay una sola carpeta para todas las Views en la
aplicacion.
Las Views que usan los Controllers, se ubican dentro de
sub carpetas dentro de la carpeta raiz Views y se
llaman de acuerdo al nombre del Controller (sin el
sufijo Controller). Por ejemplo, las views para
ProductoController estarian ubicadas dentro de
/Views/Producto
Convenciones Simplifican la
Comunicacin
Se escribe codigo para comunicar a 2 distintas
audiencias:
Es necesario comunicar con claridad y sin
ambigedades las instrucciones a la computadora
para su ejecucin
Se quiere que los desarrolladores sean capaces de
navegar y leer tu cdigo para posterior
mantenimiento, depuracin y mejoras