Introduccion A ASP MVC4

Introduccin a ASP.
NET MVC 4
Intro to ASP.NET MVC 4
Por Rick Anderson|15 De agosto de 2012
Este tutorial le ensear los fundamentos de la creacin de una aplicacin ASP.NET MVC 4 Web utilizando
Microsoft Visual Studio Express 2012 o Visual Web Developer 2010 Express Service Pack 1. Visual Studio 2012 se
recomienda, no necesitars instalar nada para completar el tutorial. Si est utilizando Visual Studio 2010, debe instalar los
componentes ms abajo. Puede instalar todas ellas haciendo clic en los enlaces siguientes:
Requisitos visuales Studio Web Developer Express SP1
Instalador WPI para ASP.NET MVC 4
LocalDB
SSDT
Si est utilizando Visual Studio 2010 en lugar de Visual Web Developer 2010, instale el instalador WPI para ASP.NET MVC
4 y el: requisitos previos de Visual Studio 2010
Un proyecto de Visual Web Developer con cdigo fuente C# est disponible para acompaar a este tema.Descargar la
versin de C#.
En el tutorial de ejecutar la aplicacin en Visual Studio. Tambin puedes la aplicacin disponible en Internet mediante la
implementacin de un proveedor de hosting. Microsoft ofrece alojamiento web gratis para hasta 10 sitios web en
una cuenta de prueba gratis de Windows Azure. Para obtener informacin sobre cmo implementar un proyecto web de
Visual Studio a un sitio Web de Windows Azure, consulte crear e implementar un sitio web ASP.NET y base de datos SQL
con Visual Studio. Este tutorial tambin muestra cmo utilizar la entidad marco cdigo primera migraciones para
implementar su base de datos de SQL Server en la base de datos de SQL Azure del Windows (anteriormente SQL Azure).
Lo que construirs
A aplicar una sencilla aplicacin de pelcula-listado que apoya la creacin, edicin, bsqueda y listado de pelculas de una
base de datos. A continuacin se muestran dos imgenes de la aplicacin que construirs. Incluye una pgina que muestra
una lista de pelculas desde una base de datos:

La aplicacin tambin le permite agregar, editar y eliminar pelculas, as como ver detalles sobre los individuales.Todos los
escenarios de entrada de datos incluyen la validacin para garantizar que los datos almacenados en la base de datos
estn correctos.

Getting Started
Inicie Visual Studio Express 2012 o Visual Web Developer 2010 Express. La mayora de las capturas de pantalla en esta
serie de aplicacin Visual Studio Express 2012, pero usted puede completar este tutorial con Visual Studio 2010/SP1, 2012
de Visual Studio, Visual Studio Express 2012 o Visual Web Developer 2010 Express. SeleccioneNuevo proyecto en la
pgina de Inicio .
Visual Studio es un IDE o entorno de desarrollo integrado. Al igual que utilizar Microsoft Word para escribir documentos,
utilizar un IDE para crear aplicaciones. En Visual Studio, hay una barra de herramientas en la parte superior que muestra
varias opciones disponibles para usted. Tambin hay un men que ofrece otra manera para realizar tareas en el IDE. (Por
ejemplo, en lugar de seleccionar el Nuevo proyecto de la pgina de Inicio , puede utilizar el men y
seleccione archivo > Nuevo proyecto.)

Crear su primera aplicacin
Puede crear aplicaciones usando Visual Basic o Visual C# como lenguaje de programacin. Seleccione Visual C# a la
izquierda y seleccione La aplicacin Web ASP.NET MVC 4. Nombre de su proyecto "MvcMovie" y haga clic enAceptar.

En el cuadro de dilogo Nuevo proyecto de ASP.NET MVC 4 , seleccione Aplicacin de Internet. Deje
laafeitadora como el motor de vista predeterminado.

Haga clic en Aceptar. Visual Studio utiliza una plantilla predeterminada para el proyecto de ASP.NET MVC que acaba de
crear, para que tenga una aplicacin de trabajo ahora mismo sin hacer nada! Se trata de un simple proyecto " Hola
mundo!", y es un buen lugar para comenzar su aplicacin.

Desde el men depurar , seleccione Iniciar depuracin.

Observe que el mtodo abreviado de teclado para empezar a depurar es F5.
F5 hace que Visual Studio Inicie IIS Express y ejecutar la aplicacin web. Visual Studio entonces lanza un navegador y abre
la Pgina principal de la aplicacin. Tenga en cuenta que la barra de direcciones del navegador dicelocalhost y no algo
como example.com. Eso es porque localhost apunta siempre a su propio equipo local, que en este caso se ejecuta la
aplicacin que usted slo construido. Cuando se ejecuta un proyecto web en Visual Studio, un puerto aleatorio se utiliza
para el servidor web. En la imagen siguiente, el nmero de puerto es 41788.Cuando se ejecuta la aplicacin,
probablemente veremos un nmero de puerto distinto.

Sacarlo de la caja esta plantilla predeterminada le da inicio, contactos y sobre las pginas. Tambin presta apoyo para
registrarse y acceder y enlaces a Facebook y Twitter. El siguiente paso es cambiar el funcionamiento de esta aplicacin y
aprender un poco sobre ASP.NET MVC. Cerrar el navegador y vamos a cambiar algo de cdigo.

Aadir un controlador
Adding a Controller
MVC est parado para model-view-controller. MVC es un patrn para el desarrollo de aplicaciones que son fciles de
mantener, bien diseada y comprobable. Aplicaciones basadas en MVC contienen:
Modelos: clases que representan los datos de la aplicacin y que usar la lgica de validacin para aplicar reglas de
negocio para los datos.
Vaba: archivos de plantilla que la aplicacin utiliza para generar dinmicamente las respuestas HTML.
Controllers: clases que manejan las solicitudes entrantes de navegador, recuperar datos de modelo y especificar
plantillas de vista que devuelven una respuesta al navegador.
Nosotros ser cubriendo todos estos conceptos en esta serie de tutoriales y mostrarle cmo utilizarlos para crear una
aplicacin.
Vamos a empezar por crear una clase de controlador. En Explorador de soluciones, haga clic derecho en
elcontroladores carpeta y a continuacin, seleccione Agregar controlador.

Nombre de su nuevo controlador "HelloWorldController". Dejar la plantilla predeterminada como controlador MVC
vaco y haga clic en Agregar.

Aviso Explorador de soluciones que crea un nuevo archivo ha sido nombrado HelloWorldController.cs. El archivo
est abierto en el IDE.

Sustituir el contenido del archivo con el cdigo siguiente.
using System.Web;
using System.Web.Mvc;

namespace MvcMovie.Controllers
{
public class HelloWorldController : Controller
{
//
// GET: /HelloWorld/

public string Index()
{
return "This is my <b>default</b> action...";
}

//
// GET: /HelloWorld/Welcome/

public string Welcome()
{
return "This is the Welcome action method...";
}
}
}
Los mtodos del controlador devolver una cadena de HTML como un ejemplo. El controlador se
denominaHelloWorldController y se llama el primer mtodo anterior Index. Vamos a invocarlo desde un
navegador.Ejecute la aplicacin (presione F5 o Ctrl + F5). En el navegador, anexar "HelloWorld" a la ruta en la barra de
direcciones. (Por ejemplo, en la figura de abajo, es http://localhost:1234/HelloWorld.) La pgina en el navegador se ver
como la siguiente pantalla. En el mtodo anterior, el cdigo devuelto una cadena directamente. Me dijiste que el sistema
slo volver algunos HTML, y as fue!

ASP.NET MVC invoca otro regulador clases (y mtodos de accin diferentes dentro de ellos) dependiendo de la URL de
entrada. La lgica de enrutamiento de enlace por defecto utilizada por ASP.NET MVC utiliza un formato como este para
determinar qu cdigo para invocar:
/[Controller]/[ActionName]/[Parameters]
La primera parte de la URL determina la clase del controlador para ejecutar. Tan /HelloWorld asigna a
laHelloWorldController clase. La segunda parte de la URL determina el mtodo de accin en la clase a
ejecutar.Tan /HelloWorld/Index causara la Index mtodo de la HelloWorldController clase a ejecutar. Tenga en cuenta
que slo tuvimos que buscar a /HelloWorld y el Index mtodo fue utilizado por defecto. Esto es porque un mtodo
denominado Index es el mtodo por defecto que se llamar en un controlador, si uno no se especifica explcitamente.
Vaya a http://localhost:xxxx/HelloWorld/Welcome. El Welcome mtodo funciona y devuelve la cadena "Este es el mtodo de
accin Bienvenido...". La asignacin de MVC predeterminada es/[Controller]/[ActionName]/[Parameters]. Para
esta URL, es el controlador HelloWorld y Welcome es el mtodo de accin. No has usado el [Parameters] parte de la
URL todava.

Vamos a modificar un poco el ejemplo por lo que puede pasar alguna informacin del parmetro de la URL al controlador
(por ejemplo, /HelloWorld/bienvenida? nombre = Scott & numtimes = 4). Cambio su Welcome mtodo para incluir dos
parmetros como se muestra a continuacin. Observe que el cdigo utiliza la caracterstica de parmetro opcional de C#
para indicar que el numTimes parmetro debe por defecto a 1 si no se pasa ningn valor para ese parmetro.
public string Welcome(string name, int numTimes = 1) {
return HttpUtility.HtmlEncode("Hello " + name + ", NumTimes is: " + numTimes);
}
Ejecutar la aplicacin y vaya a la URL de ejemplo
(http://localhost:xxxx/HelloWorld/Welcome?name=Scott&numtimes=4). Puedes probar diferentes valores
para name y numtimes en la URL. El sistema de fijacin de ASP.NET MVC modelo asigna automticamente los parmetros
con nombre de la cadena de consulta en la barra de direcciones para parmetros en su mtodo.

En tanto estos ejemplos el controlador viene realizando la parte de "VC" de MVC es decir, la obra vista y controlador. El
controlador est volviendo HTML directamente. Normalmente no quieren controladores volver HTML directamente,
puesto llega a ser muy incmodo al cdigo. En cambio, normalmente usaremos un archivo de plantilla de vista separada
para ayudar a generar la respuesta HTML. Echemos un vistazo siguiente en cmo podemos hacer esto.

Agregar una vista
Adding a View
En esta seccin vas a modificar la clase de HelloWorldController para utilizar archivos de plantilla de la vista para
encapsular limpiamente el proceso de generar respuestas HTML a un cliente.
A crear un archivo de plantilla de vista utilizando el motor de vistas de maquinilla de afeitar con ASP.NET MVC 3.Enfoque
basado en la maquinilla de afeitar las plantillas tienen un .cshtml extensin del archivo y proporcionar una manera
elegante de crear HTML de salida utilizando C#. Maquinilla de afeitar minimiza el nmero de caracteres y pulsaciones de
teclas necesarias al escribir una plantilla de vista y permite un fluido rpido, codificacin de flujo de trabajo.
Actualmente el mtodo de Index devuelve una cadena con un mensaje codificado en la clase del controlador.Cambiar el
mtodo de Index para devolver un objeto View , como se muestra en el siguiente cdigo:
public ActionResult Index()
{
return View();
}
El mtodo de Index anterior utiliza una plantilla de vista para generar una respuesta HTML al navegador. Mtodos de
controlador (tambin conocido como mtodos de accin), como el mtodo de Index anterior, generalmente devuelven
un ActionResult (o una clase derivada de ActionResult), los tipos primitivos no como cadena.
En el proyecto, agregue una plantilla de vista que se puede utilizar con el mtodo de Index . Para ello, haga clic derecho
dentro del mtodo de Index y haga clic en Agregar ver.

Aparece el cuadro de dilogo Agregar ver . Dejar los predeterminados de la manera que se haga clic en el
botnAgregar :

Se crean la carpeta MvcMovie\Views\HelloWorld y el archivo MvcMovie\Views\HelloWorld\Index.cshtml . Se los puede ver
en el Explorador de soluciones:

A continuacin muestra el archivo Index.cshtml que se cre:

Agregue el siguiente cdigo HTML en la etiqueta <h2> .
<p>Hello from our View Template!</p>
A continuacin se muestra el archivo completo de MvcMovie\Views\HelloWorld\Index.cshtml .
@{
ViewBag.Title = "Index";
}

<h2>Index</h2>

Si est utilizando Visual Studio 2012, en el explorador de soluciones, haga clic con el botn derecho el
archivoIndex.cshtml y seleccione Mostrar en la pgina Inspector.

El Inspector pgina tutorial tiene ms informacin acerca de esta nueva herramienta.
Tambin puede ejecutar la aplicacin y busque el controlador HelloWorld (http://localhost:xxxx/HelloWorld). El mtodo
de Index en su controlador no mucho trabajo; simplemente funcion la declaracin return View(), que especifica que
el mtodo debe utilizar un archivo de plantilla de vista para representar una respuesta al navegador. Porque no especificar
explcitamente el nombre del archivo de plantilla de vista utilizar, ASP.NET MVC por defecto utilizando el Index.cshtml Ver
archivo en la carpeta \Views\HelloWorld . La imagen de abajo muestra la cadena "Hola de nuestra plantilla de vista!" en la
vista.

Se ve bastante bien. Sin embargo, observe que barra de ttulo del navegador muestra "ndice mi A ASP.NET" y el gran
enlace en la parte superior de la pgina dice "logo aqu." A continuacin el enlace de "su logotipo aqu." registro y entrar
en enlaces y por debajo de la que se vincula a la casa, cerca y pginas de contacto. Vamos a cambiar algunas de ellas.
Cambiar puntos de vista y pginas de diseo
En primer lugar, usted quiere cambiar el ttulo "tu logo aqu.", en la parte superior de la pgina. Ese texto es comn a
todas las pginas. Realmente se implementa en un nico lugar en el proyecto, a pesar de que aparece en cada pgina de
la aplicacin. Vaya a la carpeta /Views/Shared en el Explorador de soluciones y abra el archivo_Layout.cshtml . Este
archivo se llama una pgina de diseo y es compartido "shell" que utilizan todas las dems pginas.

Las plantillas de diseo permiten especificar el diseo de envase HTML de su sitio en un solo lugar y luego aplicarlo a
travs de varias pginas en su sitio. Busque la lnea de @RenderBody() . RenderBody es un marcador de posicin donde
todas las pginas de vista que creas demuestran para arriba, "envueltas" en la pgina de diseo.Por ejemplo, si selecciona
el enlace de sobre, el punto de vista Views\Home\About.cshtml se representa dentro del mtodo RenderBody .
Cambie el encabezado del ttulo de sitio en la plantilla de diseo de "tu logo aqu" a la pelcula"MVC".
<div class="float-left">
<p class="site-title">@Html.ActionLink("MVC Movie", "Index", "Home")</p>
</div>
Reemplace el contenido del elemento title con el siguiente marcado:
<title>@ViewBag.Title - Movie App</title>
Ejecute la aplicacin y observe que ahora dice "MVC Movie". Haga clic en el enlace de sobre y ver cmo esa pgina
muestra "la pelcula MVC", tambin. Hemos sido capaces de hacer el cambio una vez en la plantilla de diseo y con todas
las pginas en el sitio reflejan el nuevo ttulo.

Ahora, vamos a cambiar el ttulo de la vista de ndice.
Abrir MvcMovie\Views\HelloWorld\Index.cshtml. Hay dos lugares para hacer un cambio: en primer lugar, el texto que
aparece en el ttulo del navegador y luego en el encabezado secundario (el elemento <h2> ). Te haces algo diferente para
que pueda ver que poco de cdigo cambia que parte de la aplicacin.
@{
ViewBag.Title = "Movie List";
}

<h2>My Movie List</h2>

Para indicar el ttulo HTML para mostrar, el cdigo anterior establece una propiedad Title del objeto ViewBag(que es en
la plantilla de vista de la Index.cshtml ). Si miras hacia atrs en el cdigo de la plantilla de diseo, usted notar que la
plantilla utiliza este valor en el elemento de <title> como parte de la seccin <head> del HTML que modificamos
anteriormente. Utilizando este enfoque ViewBag , fcilmente puede pasar otros parmetros entre la plantilla de la vista y
el archivo de diseo.
Ejecute la aplicacin y vaya a http://localhost:xx/HelloWorld. Tenga en cuenta que han cambiado el ttulo del navegador, el
ttulo principal y los ttulos secundarios. (Si no ve cambios en el navegador, usted puede estar viendo contenido
almacenado en cach. Presione CTRL+F5 en tu navegador para forzar la respuesta desde el servidor a cargarse). El ttulo
del navegador se crea con la ViewBag.Title que hemos creado en la plantilla de vista de la Index.cshtml y el adicional "-
pelcula App" en el archivo de diseo.
Tambin se observa cmo el contenido de la plantilla de vista Index.cshtml se fusion con la plantilla de
vista_Layout.cshtml y una sola respuesta HTML fue enviada al navegador. Plantillas de diseo hacen realmente fciles de
realizar cambios que afecten a travs de todas las pginas de la aplicacin.

Nuestro poco de "datos" (en este caso el mensaje "Hola de nuestra plantilla de vista!") es modificable, sin embargo. La
aplicacin MVC tiene una "V" (ver) y ya tienes una "C" (controlador), pero no "M" (modelo) todava.Dentro de poco,
caminaremos a travs de cmo crear una base de datos y recuperar datos de modelo de l.
Pasar datos del controlador a la vista
Antes de ir a una base de datos y hablar de modelos, sin embargo, primero hablemos pasando informacin del
controlador a la vista. Las clases del controlador se invocan en respuesta a una solicitud de enlace entrante. Una clase de
controlador es donde se escribe el cdigo que controla el navegador entrante pide, recupera los datos de una base de
datos y en ltima instancia decide qu tipo de respuesta para enviar hacia el navegador. Plantillas de vista pueden
utilizarse luego de un controlador para generar y dar formato a una respuesta HTML al navegador.
Controladores son responsables de proporcionar cualquier informacin u objetos son necesaria para una plantilla de vista
representar una respuesta al navegador. Una mejor prctica: una plantilla de vista nunca debe realizar la lgica de
negocio o interactuar con una base de datos directamente. En cambio, una plantilla de vista debe trabajar slo con los
datos que es proporcionados por el controlador. Mantener esta "separacin de preocupaciones" ayuda a mantener el
cdigo limpio, comprobables y ms fcil de mantener.
Actualmente, el mtodo de accin Welcome en la clase HelloWorldController tiene un name y un parmetro
denumTimes y entonces salidas los valores directamente en el navegador. En lugar de tener el controlador representar
esta respuesta como una cadena, vamos a cambiar el controlador para usar una plantilla de vista en su lugar. La plantilla
de vista generar una respuesta dinmica, por lo que usted tiene que pasar brocas adecuadas de datos del controlador a
la vista con el fin de generar la respuesta. Puede hacer esto al tener el controlador de poner los datos dinmicos
(parmetros) que la plantilla de vista en un objeto ViewBag que se puede acceder a la plantilla de la vista.
Volver al archivo HelloWorldController.cs y cambiar el mtodo de Welcome para agregar un valor
de Message yNumTimes al objeto ViewBag . ViewBag es un objeto dinmico, que significa que usted puede poner lo que
quierasel objeto ViewBag no tiene ninguna propiedad definida hasta que ponga algo en su interior. El sistema de fijacin
de ASP.NET MVC modelo asigna automticamente los parmetros con nombre (name y numTimes) de la cadena de
consulta en la barra de direcciones a parmetros en su mtodo. El archivo completo de HelloWorldController.cs se ve as:
using System.Web;
using System.Web.Mvc;

namespace MvcMovie.Controllers
{
public class HelloWorldController : Controller
{
{
return View();
}

public ActionResult Welcome(string name, int numTimes = 1)
{
ViewBag.Message = "Hello " + name;
ViewBag.NumTimes = numTimes;

return View();
}
}
}
Ahora el objeto ViewBag contiene datos que se pasarn automticamente a la vista.
A continuacin, necesita una plantilla de vista Bienvenido! En el men generar , seleccione Crear MvcMovie para
asegurarse de que el proyecto se compila.
Luego haga clic derecho dentro del mtodo Welcome y haga clic en Agregar ver.

Esto es lo que parece el cuadro de dilogo Agregar ver :

Haga clic en Agregary luego agregue el cdigo siguiente debajo del elemento de <h2> en el nuevo
archivoWelcome.cshtml . A crear un bucle que dice "Hola" tantas veces como el usuario dice que debe. A continuacin se
muestra el archivo completo de Welcome.cshtml .
@{
ViewBag.Title = "Welcome";
}

<h2>Welcome</h2>

<ul>
@for (int i=0; i < ViewBag.NumTimes; i++) {
<li>@ViewBag.Message</li>
}
</ul>
Ejecute la aplicacin y vaya a la siguiente URL:
http://localhost:XX/HelloWorld/Welcome?name=Scott&numtimes=4
Ahora datos es tomadas de la URL y pasados al controlador usando la carpeta del modelo. El controlador paquetes los
datos en un objeto ViewBag y pasa ese objeto a la vista. La vista mostrar los datos como HTML al usuario.

En el ejemplo anterior, utilizamos un objeto ViewBag para pasar los datos del controlador a la vista. Este ltimo en el
tutorial, usaremos un modelo de vista para pasar datos de un controlador a la vista. El enfoque del modelo de vista
pasando datos se prefiere generalmente mucho sobre el enfoque de la bolsa de vista. Ver la entrada de blogDinmico V
fuertemente escribi Views para obtener ms informacin.
Bueno, era una especie de "M" para el modelo, pero no el tipo de base de datos. Vamos a hacer lo que has aprendido y
crear una base de datos de pelculas.

Agregar un modelo
En esta seccin aadiremos algunas clases para gestionar pelculas en una base de datos. Estas clases ser la parte de
"modelo" de la aplicacin ASP.NET MVC.
Usted usar una tecnologa de acceso a datos de .NET Framework conocida como el Entity Framework para definir y
trabajar con estas clases de modelo. Entity Framework (a menudo denominado EF) apoya un paradigma de desarrollo
llamado Primer cdigo. Cdigo primero permite crear objetos del modelo escribiendo clases simples.(Estos son tambin
conocidos como clases POCO, de "objetos CLR de llanura de edad.") Con ella podrs tener la base de datos creada sobre
la marcha de sus clases, que permite un flujo de trabajo de desarrollo muy limpio y rpido.
Agregar clases de modelo
En el Explorador de soluciones, haga clic derecho en la carpeta de modelos , seleccione Agregary seleccioneclase.

Introduzca el nombre de la clase "Pelcula".
Agregue las siguientes cinco propiedades a la clase de Movie :
public class Movie
{
public int ID { get; set; }
public string Title { get; set; }
public DateTime ReleaseDate { get; set; }
public string Genre { get; set; }
public decimal Price { get; set; }
}
Vamos a usar la clase de Movie para representar pelculas en una base de datos. Cada instancia de un objeto
deMovie corresponder a una fila de una tabla de base de datos, y cada propiedad de la clase de Movie se asigne a una
columna en la tabla.
En el mismo archivo, agregue la siguiente clase de MovieDBContext :
public class MovieDBContext : DbContext
{
public DbSet<Movie> Movies { get; set; }
}
La clase MovieDBContext representa el contexto de la base de datos de pelcula de Entity Framework, que se encarga de
obtener, almacenar y actualizar instancias de la clase de Movie en una base de datos. ElMovieDBContext se deriva de la
clase base DbContext de Entity Framework.
Con el fin de ser capaces de referencia DbContext y DbSet, debe aadir la siguiente instruccin using al principio del
archivo:
using System.Data.Entity;
A continuacin se muestra el archivo completo de Movie.cs . (Varios usando declaraciones que no sean necesarios han
sido removido.)
using System;

namespace MvcMovie.Models
{
public class Movie
{
}

public class MovieDBContext : DbContext
{
}
}
Crear una cadena de conexin y trabajando con SQL Server
LocalDB
La clase MovieDBContext que creaste encarga de la tarea de conectar a la base de datos y mapeo de objetos de
la Movie a los registros de la base de datos. Una pregunta, que usted podra preguntarse, sin embargo, es cmo
especificar que se conectar a la base de datos. Hars agregando informacin de conexin en el archivoWeb.config de la
aplicacin.
Abra el archivo Web.config de la aplicacin raz. (No el archivo Web.config en la carpeta Views .) Abra el
archivoWeb.config en rojo.

Aadir la siguiente cadena de conexin para el elemento <connectionStrings> en el archivo Web.config .
<add name="MovieDBContext"
connectionString="Data
Source=(LocalDB)\v11.0;AttachDbFilename=|DataDirectory|\Movies.mdf;Integrated Security=True"
providerName="System.Data.SqlClient"
/>
En el ejemplo siguiente se muestra una porcin del archivo Web.config con la nueva cadena de conexin agregada:
<connectionStrings>
<add name="DefaultConnection"
connectionString="Data Source=(LocalDb)\v11.0;Initial Catalog=aspnet-MvcMovie-
2012213181139;Integrated Security=true"
/>
<add name="MovieDBContext"
connectionString="Data
Source=(LocalDB)\v11.0;AttachDbFilename=|DataDirectory|\Movies.mdf;Integrated Security=True"
/>
</connectionStrings>
Esta pequea cantidad de cdigo y XML es todo lo que necesita para escribir para representar y almacenar los datos de la
pelcula en una base de datos.
A continuacin, construirs una nueva clase de MoviesController que puede utilizar para mostrar los datos de la
pelcula y permiten a los usuarios crear nueva cartelera.

Acceso a datos de su modelo desde un controlador
En esta seccin, podr crear una nueva clase de MoviesController y escribir cdigo que recupera los datos de la pelcula
y lo muestra en el navegador mediante una plantilla de vista.
Generar la aplicacin antes de pasar al siguiente paso.
Haga clic derecho en la carpeta Controllers y crear un nuevo controlador de MoviesController . Las siguientes opciones
no aparecern hasta que construyes tu aplicacin. Seleccione las siguientes opciones:
Nombre del controlador: MoviesController. (Este es el valor por defecto).
Plantilla: Controlador MVC con acciones de lectura/escritura y vistas, con Entity Framework.
Modelo de clase: pelcula (MvcMovie.Models).
Clase de contexto de datos: MovieDBContext (MvcMovie.Models).
Vistas: maquinilla de afeitar (CSHTML). (Predeterminado).

Haga clic en Agregar. Visual Studio Express crea los siguientes archivos y carpetas:
MoviesController.cs de un archivo en la carpeta de controladores .
Una carpeta " pelculas " en la carpeta del proyecto Views .
Create.cshtml, Delete.cshtml, Details.cshtml, Edit.cshtmly Index.cshtml en la carpeta Views\Movies .
ASP.NET MVC 4 crea automticamente el CRUD (crear, leer, actualizar y eliminar) mtodos de accin y vistas para usted (la
creacin automtica de vistas y mtodos de accin CRUD es conocida como andamio). Ahora tienes una aplicacin web
completamente funcional que permite crear, lista, editar y borrar las entradas de la pelcula.
Ejecute la aplicacin y busque el controlador de Movies aadiendo /Movies a la URL en la barra de direcciones del
navegador. Porque la aplicacin se basa en el valor predeterminado enrutamiento (definida en el archivoGlobal.asax ), la
peticin de navegador http://localhost:xxxxx/Movies se dirige al mtodo de accin de Indexpredeterminado del
controlador de Movies . En otras palabras, la solicitud de navegadorhttp://localhost:xxxxx/Movies es que efectivamente
igual al navegador solicitar http://localhost:xxxxx/Movies/Index. El resultado es una lista vaca de pelculas, porque an
alguno no ha aadido.

Crear una pelcula
Seleccione el vnculo Crear nuevo . Entrar en algunos detalles acerca de una pelcula y haga clic en el botn crear .

Haga clic en el botn crear causa la forma ser publicada en el servidor donde se guarda la informacin de la pelcula en la
base de datos. Luego est redirigido a la URL /Movies , donde se puede ver la pelcula recin creada en el listado.

Crear un par ms entradas de cine. Trate de Editar, los datosy eliminar enlaces, que son todo funcional.
Examinar el cdigo generado
Abra el archivo Controllers\MoviesController.cs y examinar el mtodo de Index generado. A continuacin se muestra una
porcin del controlador de la pelcula con el mtodo de Index .
public class MoviesController : Controller
{
private MovieDBContext db = new MovieDBContext();

//
// GET: /Movies/

{
return View(db.Movies.ToList());
}
La siguiente lnea de la clase MoviesController crea un contexto de base de datos de la pelcula, como se ha descrito
anteriormente. Puede utilizar el contexto de la base de datos de la pelcula para consultar, editar y borrar peliculas.
private MovieDBContext db = new MovieDBContext();
Una solicitud al controlador de Movies devuelve todas las entradas en la tabla de Movies de la base de datos de la
pelcula y luego pasa los resultados a la vista de Index .
Modelos inflexible y la palabra clave de @model
Anteriormente en este tutorial, usted vio cmo un controlador puede pasar datos u objetos a una plantilla de vista
mediante el objeto ViewBag . El ViewBag es un objeto dinmico que proporciona una forma conveniente de enlazados
para pasar informacin a la vista.
ASP.NET MVC tambin ofrece la posibilidad de pasar fuertemente escribe datos u objetos a una plantilla de vista.Esto
inflexible de enfoque permite mejor tiempo de compilacin de su cdigo y ms rico IntelliSense en el editor de Visual
Studio. El mecanismo de andamios en Visual Studio utiliza este enfoque con las plantillasMoviesController de la clase y
ver cuando se crean los mtodos y las vistas.
En el archivo Controllers\MoviesController.cs examinar el mtodo de Details generado. A continuacin se muestra una
porcin del controlador de la pelcula con el mtodo de Details .
public ActionResult Details(int id = 0)
{
Movie movie = db.Movies.Find(id);
if (movie == null)
{
return HttpNotFound();
}
return View(movie);
}
Si se encuentra una Movie , se pasa una instancia de la modelo de la Movie a la vista de detalles. Examinar el contenido
del archivo Views\Movies\Details.cshtml .
Mediante la inclusin de una declaracin de @model en la parte superior del archivo de plantilla de vista, puede especificar
el tipo de objeto que espera de la vista. Al crear el controlador de la pelcula, Visual Studio incluye automticamente la
siguiente declaracin de @model en la parte superior del archivo Details.cshtml :
@model MvcMovie.Models.Movie
Esta directiva de @model le permite acceder a la pelcula que el controlador pasa a la vista mediante un Model de objeto
que es inflexible. Por ejemplo, en la plantilla de Details.cshtml , el cdigo pasa cada campo de pelcula a
losDisplayNameFor y ayudantes de DisplayFor HTML con el objeto de Model inflexible. Los mtodos de crear y editar y
vista plantillas tambin pasan un objeto de modelo de la pelcula.
Examinar la plantilla de vista de la Index.cshtml y el mtodo de Index en el archivo MoviesController.cs . Observe cmo el
cdigo crea un objeto List cuando llama al mtodo de ayudante de View en el mtodo de accin delIndex . El cdigo
pasa esta lista de Movies del controlador a la vista:
{
return View(db.Movies.ToList());
}
Al crear el controlador de la pelcula, Visual Studio Express incluye automticamente la siguiente declaracin de@model en
la parte superior del archivo Index.cshtml :
@model IEnumerable<MvcMovie.Models.Movie>
Esta directiva de @model permite acceder a la lista de pelculas que el controlador pasa a la vista mediante unModel de
objeto que es inflexible. Por ejemplo, en la plantilla de Index.cshtml , el cdigo recorre las pelculas haciendo una
instruccin foreach sobre el objeto Model inflexible:
@foreach (var item in Model) {
<tr>
<td>
@Html.DisplayFor(modelItem => item.Title)
</td>
<td>
@Html.DisplayFor(modelItem => item.ReleaseDate)
</td>
<td>
@Html.DisplayFor(modelItem => item.Genre)
</td>
<td>
@Html.DisplayFor(modelItem => item.Price)
</td>
<th>
@Html.DisplayFor(modelItem => item.Rating)
</th>
<td>
@Html.ActionLink("Edit", "Edit", new { id=item.ID }) |
@Html.ActionLink("Details", "Details", { id=item.ID }) |
@Html.ActionLink("Delete", "Delete", { id=item.ID })
</td>
</tr>
}
Porque el objeto del Model es inflexible (como un objeto IEnumerable<Movie> ), cada objeto del item en el lazo se
escribe como Movie. Entre otros beneficios, esto significa que puedes Obtn comprobacin en tiempo de compilacin del
cdigo y soporte de IntelliSense en el editor de cdigo:

Trabajando con SQL Server LocalDB
Cdigo de entidad marco primera detect que la cadena de conexin de base de datos que proporcionaron seal a una
base de datos de Movies que no exista todava, primer cdigo creado automticamente la base de datos. Se puede
comprobar que se ha creado por mirar en la carpeta App_Data . Si no ves el archivo Movies.mdf , haga clic en el
botn Mostrar todos los archivos en la barra de herramientas del Explorador de soluciones , haga clic en el
botn Actualizar y continuacin, expanda la carpeta App_Data .

Haga doble clic en Movies.mdf para abrir el Explorador de base de datos, a continuacin, expanda la carpetatablas para
ver la tabla de pelculas.

Nota: Si no aparece el explorador de base de datos, en el men Herramientas , seleccioneconectar a la base de datosy
cancelar el cuadro de dilogo Elegir origen de datos . Esto forzar abrir el explorador de base de datos.
Nota: Si usted est usando VWD o Visual Studio 2010 y sale un error similar a cualquiera de las siguientes opciones
siguientes:
La base de datos ' C:\Webs\MVC4\MVCMOVIE\MVCMOVIE\APP_DATA\MOVIES.MDF' no se puede abrir
porque es versin 706. Este servidor compatible con la versin anterior y 655. No se admite un camino de
descenso de categora.
"Excepcin InvalidOperation fue no controlada por el cdigo de usuario" el SqlConnection suministrado no especifica
un catlogo inicial.
Es necesario instalar las Herramientas de datos de SQL Server y LocalDB. Verificar la cadena de
conexin MovieDBContext especificada en la pgina anterior.
Haga la tabla Movies y seleccione Mostrar datos de la tabla para ver los datos que creaste.

Haga la tabla Movies y seleccione Abrir definicin de tabla para ver la estructura de la tabla que entidad marco cdigo
primer creado para usted.

Observe cmo el esquema de los mapas de la tabla de Movies a la clase de Movie que cre anteriormente.Cdigo de
entidad marco primera crea automticamente este esquema para usted, basado en la clase de Movie .
Cuando haya terminado, cierre la conexin MovieDBContext de clic derecho y seleccionando Cerrar la conexin. (Si no
cierra la conexin, usted podra obtener un error la prxima vez que ejecute el proyecto).

Ahora tienes la base de datos y una pgina de listado simple para mostrar el contenido de ella. En el siguiente tutorial, a
examinar el resto del cdigo escalonado y aadir un mtodo de SearchIndex y una vista deSearchIndex que le permite
buscar pelculas en esta base de datos.

Examinar los mtodos de editar y editar vista
Examining the Edit Methods and Edit View
En esta seccin, podr examinar los mtodos de accin generados y vistas para el controlador de la pelcula.Entonces
aades una pgina de bsqueda personalizada.
Ejecute la aplicacin y busque el controlador de Movies aadiendo /Movies a la URL en la barra de direcciones del
navegador. Mantenga el puntero del ratn sobre un enlace Editar para ver la direccin URL que enlaza con.

El enlace Editar fue generado por el mtodo de Html.ActionLink en la vista de Views\Movies\Index.cshtml :
@Html.ActionLink("Edit", "Edit", new { id=item.ID })

El objeto Html es un ayudante que se expone utilizando una propiedad en la clase
baseSystem.Web.Mvc.WebViewPage . El mtodo ActionLink de la ayudante facilita generar dinmicamente
hipervnculos HTML que vinculan a los mtodos de accin en los controladores. El primer argumento al
mtodoActionLink es el enlace de texto para representar (por ejemplo, <a>Edit Me</a>). El segundo argumento es el
nombre de invocar el mtodo de accin. El argumento final es un objeto Annimo que genera los datos de la ruta (en este
caso, el ID de 4).
El vnculo generado que se muestra en la imagen anterior es http://localhost:xxxxx/Movies/Edit/4. La ruta por defecto
(establecida en App_Start\RouteConfig.cs) toma el patrn de URL {controller}/{action}/{id}. Por lo tanto, ASP.NET
se traduce a http://localhost:xxxxx/Movies/Edit/4 en una solicitud para el mtodo de accin Edit del controlador
de Movies con el parmetro ID igual a 4. Examine el cdigo siguiente en el archivoApp_Start\RouteConfig.cs .
public static void RegisterRoutes(RouteCollection routes)
{
routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

routes.MapRoute(
name: "Default",
url: "{controller}/{action}/{id}",
defaults: new { controller = "Home", action = "Index",
id = UrlParameter.Optional }
);
}
Tambin puede pasar parmetros de mtodo de accin utilizando una cadena de consulta. Por ejemplo, la
URLhttp://localhost:xxxxx/Movies/Edit?ID=4 tambin pasa el parmetro ID de 4 para el mtodo de accin Edit del
controlador de Movies .

Abrir el controlador de Movies . Los dos mtodos de accin Edit se muestran a continuacin.
//
// GET: /Movies/Edit/5

public ActionResult Edit(int id = 0)
{
if (movie == null)
{
}
return View(movie);
}

//
// POST: /Movies/Edit/5

[HttpPost]
public ActionResult Edit(Movie movie)
{
if (ModelState.IsValid)
{
db.Entry(movie).State = EntityState.Modified;
db.SaveChanges();
return RedirectToAction("Index");
}
return View(movie);
}
Aviso el segundo mtodo de accin Edit es precedido por el atributo HttpPost . Este atributo especifica que la
sobrecarga del mtodo Edit puede ser invocado slo para solicitudes POST. Se podra aplicar el atributo HttpGetpara el
primer mtodo de edicin, pero que no es necesario porque es el valor por defecto. (Nos referiremos a los mtodos de
accin que implcitamente se asignaron el atributo HttpGet como HttpGet mtodos).
El mtodo de Edit HttpGet toma el parmetro ID de pelcula, levanta la pelcula usando el mtodo de Entity
Framework Find y devuelve la pelcula seleccionada a la vista de edicin. El parmetro ID especifica un valor
predeterminado de cero si se llama al mtodo Edit sin un parmetro. Si no se encuentra una pelcula, se
devuelveHttpNotFound . Cuando el sistema de andamios crea la vista Edit, examin la clase de Movie y crea cdigo para
representar elementos <label> y <input> para cada propiedad de la clase. En el ejemplo siguiente se muestra la vista
Edit generado:

@{
ViewBag.Title = "Edit";
}

<h2>Edit</h2>

@using (Html.BeginForm()) {
@Html.ValidationSummary(true)

<fieldset>
<legend>Movie</legend>

@Html.HiddenFor(model => model.ID)

<div class="editor-label">
@Html.LabelFor(model => model.Title)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Title)
@Html.ValidationMessageFor(model => model.Title)
</div>

@Html.LabelFor(model => model.ReleaseDate)
</div>
@Html.EditorFor(model => model.ReleaseDate)
@Html.ValidationMessageFor(model => model.ReleaseDate)
</div>

@Html.LabelFor(model => model.Genre)
</div>
@Html.EditorFor(model => model.Genre)
@Html.ValidationMessageFor(model => model.Genre)
</div>

@Html.LabelFor(model => model.Price)
</div>
@Html.EditorFor(model => model.Price)
@Html.ValidationMessageFor(model => model.Price)
</div>

<p>
<input type="submit" value="Save" />
</p>
</fieldset>
}

<div>
@Html.ActionLink("Back to List", "Index")
</div>

@section Scripts {
@Scripts.Render("~/bundles/jqueryval")
}
Observe cmo la plantilla de vista tiene una declaracin de @model MvcMovie.Models.Movie en la parte superior del
archivo, especifica que la vista espera que el modelo de la plantilla de vista de tipo Movie.
El cdigo escalonado utiliza varios mtodos auxiliares para optimizar el cdigo HTML. El ayudante
deHtml.LabelFor muestra el nombre del campo ("Title", "ReleaseDate", "Gnero" o "Precio"). El ayudante
deHtml.EditorFor representa un elemento HTML <input> . El ayudante de Html.ValidationMessageFor muestra los
mensajes de validacin asociados con esa propiedad.
Ejecute la aplicacin y vaya a la URL /Movies . Haga clic en un enlace de Editar . En el navegador, ver el origen de la
pgina. A continuacin se muestra el cdigo HTML del elemento de formulario.
<form action="/Movies/Edit/4" method="post"> <fieldset>

<input data-val="true" data-val-number="The field ID must be a number." data-val-
required="The ID field is required." id="ID" name="ID" type="hidden" value="4" />

<label for="Title">Title</label>
</div>
<input class="text-box single-line" id="Title" name="Title" type="text" value="Rio
Bravo" />
<span class="field-validation-valid" data-valmsg-for="Title" data-valmsg-
replace="true"></span>
</div>

<label for="ReleaseDate">ReleaseDate</label>
</div>
<input class="text-box single-line" data-val="true" data-val-date="The field
ReleaseDate must be a date." data-val-required="The ReleaseDate field is required."
id="ReleaseDate" name="ReleaseDate" type="text" value="4/15/1959 12:00:00 AM" />
<span class="field-validation-valid" data-valmsg-for="ReleaseDate" data-valmsg-
</div>

<label for="Genre">Genre</label>
</div>
<input class="text-box single-line" id="Genre" name="Genre" type="text"
value="Western" />
<span class="field-validation-valid" data-valmsg-for="Genre" data-valmsg-
</div>

<label for="Price">Price</label>
</div>
<input class="text-box single-line" data-val="true" data-val-number="The field Price
must be a number." data-val-required="The Price field is required." id="Price" name="Price"
type="text" value="2.99" />
<span class="field-validation-valid" data-valmsg-for="Price" data-valmsg-
</div>

<p>
<input type="submit" value="Save" />
</p>
</fieldset>
</form>
Los elementos <input> se encuentran en un elemento HTML de <form> cuyo atributo de action se establece a la
URL /Movies/Edit . Los datos del formulario se registrar en el servidor cuando se hace clic en el botn Editar .
Procesar la peticin POST
El listado siguiente muestran la versin HttpPost del mtodo de accin Edit .
[HttpPost]
public ActionResult Edit(Movie movie)
{
{
db.Entry(movie).State = EntityState.Modified;
db.SaveChanges();
}
return View(movie);
}
La carpeta del modelo ASP.NET MVC toma los valores de forma publicada y crea un objeto de Movie que se pasa como
parmetro del movie . El mtodo ModelState.IsValid verifica que los datos presentados en forma pueden usarse para
modificar (edicin o actualizacin) un objeto de Movie . Si los datos son vlidos, los datos de la pelcula se guardarn en la
coleccin de Movies de la db(MovieDBContext instance). Los nuevos datos de la pelcula se guardan en la base de datos
llamando al mtodo SaveChanges de MovieDBContext. Despus de guardar los datos, el cdigo redirige al usuario al
mtodo de accin del Index de la clase MoviesController , que muestra la de coleccin de pelculas, incluyendo los
cambios que acaba de hacer.
Si los valores publicados no vlidos, ellos se volvern a Mostrar en el formulario. Los ayudantes
deHtml.ValidationMessageFor en la plantilla de vista de Edit.cshtml cuidar de Mostrar mensajes de error apropiado.

Nota para apoyar la validacin de jQuery para no-Ingls locales que usan una coma (",") para un punto decimal, debe
incluir la globalize.js y su archivo especfico cultures/globalize.cultures.js(de https://github.com/jquery/globalize ) y
JavaScript para utilizar Globalize.parseFloat. El cdigo siguiente muestra las modificaciones en el archivo
Views\Movies\Edit.cshtml para trabajar con la cultura "fr-FR":
@section Scripts {
<script src="~/Scripts/globalize.js"></script>
<script src="~/Scripts/globalize.culture.fr-FR.js"></script>
<script>
$.validator.methods.number = function (value, element) {
return this.optional(element) ||
!isNaN(Globalize.parseFloat(value));
}
$(document).ready(function () {
Globalize.culture('fr-FR');
});
</script>
<script>
jQuery.extend(jQuery.validator.methods, {
range: function (value, element, param) {
//Use the Globalization plugin to parse the value
var val = $.global.parseFloat(value);
return this.optional(element) || (
val >= param[0] && val <= param[1]);
}
});

</script>
}
El campo decimal puede requerir un campo comn, no un punto decimal. Como una solucin temporal, puede agregar el
elemento de la globalizacin para el archivo raz web.config de proyectos. El cdigo siguiente muestra el elemento de la
globalizacin con la cultura en Espaol de Estados Unidos.
<system.web>
<globalization culture ="en-US" />

</system.web>
Todos los mtodos de HttpGet siguen un patrn similar. Obtener un objeto de pelcula (o lista de objetos, en el caso
de Index) y pasar el modelo a la vista. El mtodo Create pasa un objeto de pelcula vaco a la vista de la creacin. Todos
los mtodos que crean, edicin, borrar o modifican datos de hacen en la sobrecarga HttpPostdel mtodo. Modificar
datos en un mtodo HTTP GET es un riesgo de seguridad, como se describe en la entrada de blog post ASP.NET MVC Tip
#46 no utiliza enlaces de eliminar porque crear agujeros de seguridad.Modificacin de datos en un mtodo GET tambin
viola las mejores prcticas HTTP y el patrn arquitectnico delresto , que especifica que las solicitudes GET no deben
cambiar el estado de su aplicacin. En otras palabras, realizar una operacin de obtencin debe ser una operacin segura
que no tiene efectos secundarios y no modifica sus datos persistentes.
Agregar un mtodo de bsqueda y vista de bsqueda
En esta seccin a aadir un mtodo de accin de SearchIndex que le permite buscar pelculas por gnero o nombre. Esto
estar disponible usando la URL /Movies/SearchIndex . La solicitud mostrar un formulario HTML que contiene elementos
de entrada que un usuario puede escribir con el fin de buscar una pelcula. Cuando un usuario enva el formulario, el
mtodo de accin obtener los valores de bsqueda escritos por el usuario y utilizar los valores para buscar la base de
datos.
Mostrando la forma de SearchIndex
Comience agregando un mtodo de accin SearchIndex a la clase de MoviesController existente. El mtodo devuelve
una vista que contiene un formulario HTML. Aqu est el cdigo:
public ActionResult SearchIndex(string searchString)
{
var movies = from m in db.Movies
select m;

if (!String.IsNullOrEmpty(searchString))
{
movies = movies.Where(s => s.Title.Contains(searchString));
}

return View(movies);
}
La primera lnea del mtodo SearchIndex crea la siguiente consulta LINQ para seleccionar las pelculas:
select m;
La consulta se define en este momento, pero an no ha sido dirigida contra el almacn de datos.
Si el parmetro searchString contiene una cadena, la consulta de pelculas se modifica para filtrar en el valor de la
cadena de bsqueda, utilice el siguiente cdigo:
{
}
El s => s.Title cdigo anterior es una Expresin Lambda. Lambdas se utilizan en las consultas LINQ basada en
mtodos como argumentos a los mtodos de operador de consulta estndar como donde el mtodo utilizado en el
cdigo anterior. Las consultas LINQ no se ejecutan cuando se definen o cuando son modificados por llamar a un mtodo
como Where o OrderBy. En cambio, ejecucin de la consulta es diferida, lo que significa que la evaluacin de una
expresin se retrasa hasta que su valor realmente se itera sobre o se llama al mtodo ToList . En la muestra
de SearchIndex , se ejecuta la consulta en la vista SearchIndex. Para obtener ms informacin sobre la ejecucin de la
consulta diferidos, ver la Ejecucin de la consulta.
Ahora puede implementar la visin SearchIndex que mostrar el formulario para el usuario. Haga clic derecho dentro del
mtodo SearchIndex y haga clic en Agregar ver. En el cuadro de dilogo Agregar ver especificar que vas a pasar un
objeto de Movie a la plantilla de ver como su clase modelo. En la lista de plantillas de andamio , elija de la listay, a
continuacin, haga clic en Agregar.

Al hacer clic en el botn Agregar , se crea la plantilla de vista Views\Movies\SearchIndex.cshtml . Porque elegiste lalista en
la lista de plantilla del andamio , Visual Studio genera automticamente (escalonada) algunos marcado por defecto en la
vista. El andamiaje haba creado un formulario HTML. Examin la clase de Movie y crea cdigo para representar elementos
de <label> para cada propiedad de la clase. El listado a continuacin muestra la visin de crear que se gener:

@{
ViewBag.Title = "SearchIndex";
}

<h2>SearchIndex</h2>

<p>
@Html.ActionLink("Create New", "Create")
</p>
<table>
<tr>
<th>
Title
</th>
<th>
ReleaseDate
</th>
<th>
Genre
</th>
<th>
Price
</th>
<th></th>
</tr>

<tr>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
@Html.ActionLink("Details", "Details", new { id=item.ID }) |
@Html.ActionLink("Delete", "Delete", new { id=item.ID })
</td>
</tr>
}

</table>
Ejecute la aplicacin y vaya a /Movies/SearchIndex. Aadir una cadena de consulta como ?searchString=ghost a la
URL. Se muestran las pelculas filtradas.

Si cambia la firma del mtodo SearchIndex para tener un parmetro denominado id, el parmetro id coincidir con el
marcador de posicin de {id} para las rutas por defecto en el archivo Global.asax .
{controller}/{action}/{id}
El mtodo de SearchIndex original se ve as::
{
select m;

{
}

}
El mtodo modificado de SearchIndex sera como sigue:
public ActionResult SearchIndex(string id)
{
string searchString = id;
select m;

{
}

}
Ahora puede pasar el ttulo de bsqueda como datos de la ruta (un segmento de la URL) en vez de como un valor de
cadena de consulta.

Sin embargo, no pueden esperar los usuarios modificar la URL cada vez desean buscar una pelcula. Ahora usted
aadiremos UI para ayudar a filtran pelculas. Si cambiaste la firma del mtodo SearchIndex para probar cmo pasar el
parmetro ID de ruta-limite, cambiarlo para que el mtodo SearchIndex toma un parmetro de cadena
denominado searchString:
{
select m;

{
}

}
Abra el archivo Views\Movies\SearchIndex.cshtml y justo despus de @Html.ActionLink("Create New", "Create"),
agregar lo siguiente:
@using (Html.BeginForm()){
<p> Title: @Html.TextBox("SearchString")<br />
<input type="submit" value="Filter" /></p>
}
En el ejemplo siguiente se muestra una porcin del archivo Views\Movies\SearchIndex.cshtml con el marcado de filtrado
adicional.

@{
ViewBag.Title = "SearchIndex";
}

<h2>SearchIndex</h2>

<p>

@using (Html.BeginForm()){
<p> Title: @Html.TextBox("SearchString") <br />
}
</p>
El ayudante de Html.BeginForm crea una abertura <form> etiqueta. El ayudante de Html.BeginForm causa la forma a s
mismo cuando el usuario enva el formulario haciendo clic en el botn de filtro .
Ejecute la aplicacin y trate de buscar una pelcula.

No hay ninguna sobrecarga HttpPost del mtodo SearchIndex . No es necesario, porque el mtodo no es cambiar el
estado de la aplicacin, slo filtrado de datos.
Se podra agregar el siguiente mtodo HttpPost SearchIndex . En ese caso, el invocador de accin coincidira con el
mtodo HttpPost SearchIndex , y el mtodo HttpPost SearchIndex funcionara como se muestra en la imagen de
abajo.
[HttpPost]
public string SearchIndex(FormCollection fc, string searchString)
{
return "<h3> From [HttpPost]SearchIndex: " + searchString + "</h3>";
}

Sin embargo, incluso si agrega esta versin HttpPost del mtodo SearchIndex , existe una limitacin en cmo esto
todos se implement. Imagnese que usted quiere marcar una bsqueda particular o desea enviar un enlace a amigos que
puede hacer clic para ver la misma lista filtrada de pelculas. Tenga en cuenta que la direccin URL de la solicitud HTTP
POST es la misma que la URL de la solicitud GET (localhost:xxxxx/Peliculas/SearchIndex)--no hay ninguna informacin de
bsqueda en la URL de s mismo. Derecho ahora, la informacin de la cadena de bsqueda se enva al servidor como el
valor de un campo de formulario. Esto significa que usted no puede capturar esa informacin de bsqueda para marcar o
enviar a amigos en una direccin URL.
La solucin es utilizar una sobrecarga de BeginForm que especifica que la solicitud POST debe aadir la informacin de
bsqueda en la URL y se lo enva a la versin HttpGet del mtodo SearchIndex . Reemplace el mtodo sin parmetros
existente de la BeginForm con lo siguiente:
@using (Html.BeginForm("SearchIndex","Movies",FormMethod.Get))

Ahora cuando usted enva una bsqueda, la URL contiene una cadena de consulta de bsqueda. Busca tambin ir al
mtodo de accin HttpGet SearchIndex , incluso si tienes un mtodo HttpPost SearchIndex .

Aadir bsqueda por gnero
Si ha agregado la versin HttpPost del mtodo SearchIndex , borrar ahora.
A continuacin, aades una caracterstica para permitir a los usuarios buscar pelculas por gnero. Reemplace el mtodo
de SearchIndex con el siguiente cdigo:
public ActionResult SearchIndex(string movieGenre, string searchString)
{
var GenreLst = new List<string>();

var GenreQry = from d in db.Movies
orderby d.Genre
select d.Genre;
GenreLst.AddRange(GenreQry.Distinct());
ViewBag.movieGenre = new SelectList(GenreLst);

select m;

{
}

if (string.IsNullOrEmpty(movieGenre))
else
{
return View(movies.Where(x => x.Genre == movieGenre));
}

}
Esta versin del mtodo SearchIndex toma un parmetro adicional, es decir, movieGenre. Las primeras lneas de cdigo
crean un objeto de la List que contenga los gneros del cine de la base de datos.
El cdigo siguiente es una consulta LINQ que recupera todos los gneros de la base de datos.
var GenreQry = from d in db.Movies
orderby d.Genre
select d.Genre;
El cdigo utiliza el mtodo AddRange de la coleccin genrica de la List para agregar todos los gneros distintos a la
lista. (Sin el modificador Distinct , se agregaran duplicados gneros por ejemplo, la comedia se agregarn dos veces
en nuestra muestra). El cdigo entonces almacena la lista de gneros en el objeto ViewBag .
El cdigo siguiente muestra cmo comprobar el parmetro movieGenre . Si no est vaco, el cdigo ms limita la consulta
de pelculas para limitar las pelculas seleccionadas para el gnero especificado.
if (string.IsNullOrEmpty(movieGenre))
else
{
return View(movies.Where(x => x.Genre == movieGenre));
}
Agregar marcado a la vista de SearchIndex para apoyar la
bsqueda por gnero
Aadir un ayudante de Html.DropDownList en el archivo Views\Movies\SearchIndex.cshtml , justo antes de la ayudante
de TextBox . A continuacin se muestra el marcado terminado:
<p>
@using (Html.BeginForm("SearchIndex","Movies",FormMethod.Get)){
<p>Genre: @Html.DropDownList("movieGenre", "All")
Title: @Html.TextBox("SearchString")
}
</p>
Ejecute la aplicacin y vaya a /Movies/SearchIndex. Intente una bsqueda por gnero, por el nombre de la pelcula y por
ambos criterios.

En esta seccin se examinan los mtodos de accin CRUD y vistas generadas por el marco. Cre un mtodo de accin de
bsqueda y vista que permiten a los usuarios buscar por ttulo de la pelcula y gnero. En la siguiente seccin, veremos
cmo agregar una propiedad al modelo de la Movie y cmo agregar a un inicializador que crear automticamente una
base de datos de prueba.

Agregar un nuevo campo a la modelo pelcula y la Tabla
Adding a New Field to the Movie Model and Table
En esta seccin deber usar entidad marco cdigo primera migraciones migrar algunos cambios a las clases de modelo
para que el cambio se aplica a la base de datos.
De forma predeterminada, cuando se utiliza cdigo de entidad marco primera para crear automticamente una base de
datos, como lo hizo anteriormente en este tutorial, primer cdigo agrega una tabla a la base de datos para ayudar a
seguir el esquema de la base de datos sea en sincrona con las clases de modelo se gener desde.Si no estn
sincronizados, Entity Framework produce un error. Esto facilita localizar temas en tiempo de desarrollo que podran de lo
contrario slo encuentras (por errores oscuros) en tiempo de ejecucin.
Configuracin de migraciones primer cdigo para modelar los
cambios
Si est utilizando Visual Studio 2012, haga doble clic en el archivo Movies.mdf desde el explorador de soluciones para abrir
la herramienta de base de datos. Visual Studio Express para Web mostrar el explorador de base de datos, que Visual
Studio 2012 mostrar el explorador de servidores. Si est utilizando Visual Studio 2010, utilice el explorador de objeto de
servidor SQL.
La herramienta de base de datos (Database Explorer, explorador de servidores o explorador del objeto de servidor SQL),
haga clic en MovieDBContext y seleccione borrar a la base de datos de pelculas.

Navegar hacia el explorador de soluciones. Haga clic derecho sobre el archivo Movies.mdf y seleccione borrar para
eliminar la base de datos de pelculas.

Generar la aplicacin para asegurarse de que no hay ningn error.
Desde el men Herramientas , haga clic en Gestor de paquetes de biblioteca y luego la Consola del administrador de
paquetes.

En la ventana de la Consola de administrador de paquetes en el PM> el smbolo del sistema escriba "Enable-migraciones
- ContextTypeName MvcMovie.Models.MovieDBContext".

El comando Enable-migraciones (mostrado arriba) crea un archivo Configuration.cs en una nueva carpeta demigraciones .

Visual Studio abre el archivo Configuration.cs . Reemplace el mtodo de la Seed en el archivo Configuration.cs con el
siguiente cdigo:
protected override void Seed(MvcMovie.Models.MovieDBContext context)
{
context.Movies.AddOrUpdate( i => i.Title,
new Movie
{
Title = "When Harry Met Sally",
ReleaseDate = DateTime.Parse("1989-1-11"),
Genre = "Romantic Comedy",
Price = 7.99M
},

new Movie
{
Title = "Ghostbusters ",
Genre = "Comedy",
Price = 8.99M
},

new Movie
{
Title = "Ghostbusters 2",
Genre = "Comedy",
Price = 9.99M
},

new Movie
{
Title = "Rio Bravo",
Genre = "Western",
Price = 3.99M
}
);

}
Haga clic derecho sobre la lnea serpenteante roja bajo la Movie y
seleccionar resolver luego, usandoMvcMovie.Models;

Hacerlo aade la siguiente instruccin using:
using MvcMovie.Models;
Migraciones primer cdigo llama al mtodo de Seed despus de cada migracin (es decir, llamada actualizacin base de
datos en la consola del administrador de paquetes) y este mtodo filas de actualizaciones que ya se han insertado o
inserta si an no existe.
Presione CTRL-SHIFT-B para construir el proyecto.(Los siguientes pasos se producir un error si tu no construir en este
momento.)
El siguiente paso es crear una clase de DbMigration para la migracin inicial. Esta migracin a crea una nueva base de
datos, por eso borr el archivo movie.mdf en un paso anterior.
En la ventana de la Consola de administrador de paquetes , escriba el comando "add-migracin inicial" para crear la
migracin inicial. El nombre "Inicial" es arbitrario y se utiliza para nombrar el archivo de migracin creado.

Migraciones primer cdigo crea otro archivo de clase en la carpeta de migraciones (con el nombre{DateStamp}_Initial.cs ),
y esta clase contiene cdigo que crea el esquema de base de datos. El nombre de archivo de migracin es preventa con
una marca de tiempo para ayudar con el pedido. Examinar la {DateStamp}_Initial.csarchivo, contiene las instrucciones para
crear la tabla de pelculas para la DB de la pelcula. Cuando se actualiza la base de datos en las instrucciones a
continuacin, esto {DateStamp}_Initial.cs archivo funcionar y crear el el esquema de BD. Luego se ejecutar el mtodo de
la semilla para rellenar la DB con datos de prueba.
En la Consola del administrador de paquetes, introduce el comando "actualizacin-base de datos" para crear la base de
datos y ejecutar el mtodo de la semilla .

Si sale un error que indica una tabla ya existe y no puede ser creada, es probablemente porque funcion la aplicacin
despus de que ha eliminado la base de datos y antes de que ejecute la update-database. En ese caso, elimine el archivo
de Movies.mdf otra vez y vuelva a intentar el comando de update-database . Si sigue obteniendo un error, elimine la
carpeta de las migraciones y contenido luego empezar con las instrucciones en la parte superior de esta pgina (que es
borrar el archivo Movies.mdf entonces procede a habilitar migraciones).
Ejecute la aplicacin y vaya a la URL /Movies . Visualizacin de los datos de la semilla.

Agregar una propiedad de calificacin para el modelo de la
pelcula
Empezar por aadir una nueva propiedad de Rating a la clase de Movie existente. Abra el archivo Models\Movie.csy
agregue la propiedad Rating como ste:
public string Rating { get; set; }
La clase de Movie completa parece ahora el siguiente cdigo:
public class Movie
{
}
Generar la aplicacin usando el construir > Construir pelculas men comando o pulsando CTRL-SHIFT-B.
Ahora que has actualizado la clase Model , tambin necesitamos actualizar las plantillas de
vista\Views\Movies\Index.cshtml y \Views\Movies\Create.cshtml con el fin de Mostrar la nueva propiedad de Rating en la
vista de navegador.
Abra el archivo \Views\Movies\Index.cshtml y agrega un encabezado de columna <th>Rating</th> justo despus de la
columna de precio . Luego agregar una columna de <td> cerca del final de la plantilla para hacer
el@item.Rating valor. A continuacin es lo que parece la plantilla de vista actualizada de Index.cshtml :

@{
ViewBag.Title = "Index";
}

<h2>Index</h2>

<p>
</p>
<table>
<tr>
<th>
@Html.DisplayNameFor(model => model.Title)
</th>
<th>
@Html.DisplayNameFor(model => model.ReleaseDate)
</th>
<th>
@Html.DisplayNameFor(model => model.Genre)
</th>
<th>
@Html.DisplayNameFor(model => model.Price)
</th>
<th>
@Html.DisplayNameFor(model => model.Rating)
</th>
<th></th>
</tr>

<tr>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
@Html.DisplayFor(modelItem => item.Rating)
</td>
<td>
@Html.ActionLink("Details", "Details", new { id=item.ID }) |
@Html.ActionLink("Delete", "Delete", new { id=item.ID })
</td>
</tr>
}

</table>
A continuacin, abra el archivo \Views\Movies\Create.cshtml y agregue el siguiente marcado casi al final del
formulario. Esto representa un cuadro de texto para que se puede especificar una calificacin cuando se crea una nueva
pelcula.
@Html.LabelFor(model => model.Rating)
</div>
@Html.EditorFor(model => model.Rating)
@Html.ValidationMessageFor(model => model.Rating)
</div>
Ahora ha actualizado el cdigo de la aplicacin para apoyar la nueva propiedad de Rating .
Ahora ejecutar la aplicacin y vaya a la URL /Movies . Al hacer esto, sin embargo, ver uno de los siguientes errores:

Ests viendo este error porque la clase de modelo de Movie actualizada en la aplicacin ahora es diferente que el
esquema de la tabla de la Movie de la base de datos existente. (No hay ninguna Rating de columna en la tabla de base
de datos).
Existen algunos enfoques para resolver el error:
1. Tienen Entity Framework automticamente soltar y volver a crear la base de datos basada en el nuevo esquema de
clase de modelo. Este enfoque es muy conveniente al hacer desarrollo activo en una base de datos de
prueba; permite evolucionar rpidamente el esquema de base de datos y modelo juntos. El lado negativo, sin
embargo, es que pierdes los datos existentes en la base de datos, por lo que no quiere utilizar este enfoque en una
base de datos de produccin! Utilizar a un inicializador para automticamente una base de datos con datos de
prueba de la semilla es a menudo una forma productiva para el desarrollo de una aplicacin. Para obtener ms
informacin sobre los inicializadores de la base de datos de Entity Framework, vea de Tom Dykstra tutorial de
ASP.NET MVC/Entity Framework.
2. Explcitamente modifica el esquema de la base de datos existente para que coincida con las clases del modelo. La
ventaja de este enfoque es que usted mantenga sus datos. Puede hacer este cambio ya sea manualmente o
mediante la creacin de una base de datos cambiar el guin.
3. Utilice migraciones primer cdigo para actualizar el esquema de base de datos.
Para este tutorial, usaremos las migraciones primer cdigo.
Actualizar el mtodo de la semilla para que proporciona un valor para la nueva columna. Abra el archivo
Migrations\Configuration.cs y agregar un campo de calificacin a cada objeto de la pelcula.
new Movie
{
Title = "When Harry Met Sally",
Genre = "Romantic Comedy",
Rating = "G",
Price = 7.99M
},
Construir la solucin y luego abrir la ventana de la Consola de administrador de paquetes y escriba el siguiente
comando:
add-migration AddRatingMig
El comando de add-migration indica el marco de la migracin para examinar el modelo actual de la pelcula con el
actual esquema de BD de pelcula y crear el cdigo necesario para migrar la DB al nuevo modelo. El AddRatingMig es
arbitraria y se utiliza para nombrar el archivo de migracin. Es til usar un nombre significativo para el paso de la
migracin.
Cuando termina de este comando, Visual Studio abre el archivo de clase que define la nueva clase derivada
deDbMIgration , y en el mtodo de Up se puede ver el cdigo crea la nueva columna.
public partial class AddRatingMig : DbMigration
{
public override void Up()
{
AddColumn("dbo.Movies", "Rating", c => c.String());
}

public override void Down()
{
DropColumn("dbo.Movies", "Rating");
}
}
Construir la solucin e introduzca el comando "actualizacin de base de datos" en la ventana de la Consola de
administrador de paquetes .
La siguiente imagen muestra el resultado en la ventana de la Consola de administrador de paquetes (la fecha
anteponiendo AddRatingMig ser diferente).

Vuelva a ejecutar la aplicacin y vaya a la URL /Movies. Puedes ver el nuevo campo de calificacin.

Haga clic en el enlace Crear nuevo para agregar una nueva pelcula. Tenga en cuenta que puede agregar una calificacin.

Haga clic en crear. La nueva pelcula, incluida la clasificacin, ahora aparece en las listado de pelculas:

Tambin debe agregar el campo de Rating a las plantillas de vista edicin, detalles y SearchIndex.
Puede escribir el comando "actualizacin de base de datos" en la ventana de la Consola de administrador de
paquetes otra vez y no se hara ningn cambio, porque el esquema coincide con el modelo.
En esta seccin usted vio cmo puede modificar el modelo de objetos y mantener la base de datos sincronizados con los
cambios. Tambin vimos una forma para llenar una base de datos recin creada con datos de la muestra para que usted
puede probar escenarios. A continuacin, veamos cmo puede agregar lgica de validacin ms rico a las clases de
modelo y habilitar algunas reglas de negocios que se aplique.
Agregar validacin del modelo
Adding Validation to the Model
En esto esta seccin a aadir lgica de validacin para el modelo de la Movie y usted garantizar que las reglas de
validacin se aplican a cualquier momento que un usuario intenta crear o editar una pelcula con la aplicacin.
Mantener las cosas secas
Uno de los principios de diseo de base de ASP.NET MVC es seco ("Don't Repeat Yourself"). ASP.NET MVC anima a
especificar la funcionalidad o comportamiento slo una vez, y luego que se refleja en todas partes en una aplicacin. Esto
reduce la cantidad de cdigo que necesita para escribir y hace el cdigo que escriba menos error propenso y fcil de
mantener.
El apoyo de validacin que ASP.NET MVC y entidad marco cdigo primero es un gran ejemplo del principio seco en
accin. Mediante declaracin puede especificar reglas de validacin en un solo lugar (en la clase de modelo) y las reglas
se aplican en todas partes en la aplicacin.
Echemos un vistazo a cmo puede tomar ventaja de este apoyo de validacin en la aplicacin de la pelcula.
Agregar reglas de validacin para el modelo de la pelcula
Empezars aadiendo algunos lgica de validacin para la clase de Movie .
Abra el archivo Movie.cs . Agregue una instruccin using en la parte superior del archivo que hace referencia el espacio de
nombres System.ComponentModel.DataAnnotations :
using System.ComponentModel.DataAnnotations;
Tenga en cuenta que el espacio de nombres no contiene System.Web. DataAnnotations proporciona un conjunto
integrado de atributos de validacin que se pueden aplicar de forma declarativa a cualquier clase o propiedad.
Ahora actualizar la clase de Movie para aprovechar las ventajas del
incorporado Required, StringLengthy Rangeatributos de validacin. Utilice el cdigo siguiente como un ejemplo de
cmo aplicar los atributos.
public class Movie {

[Required]

[DataType(DataType.Date)]

[Required]

[Range(1, 100)]
[DataType(DataType.Currency)]

[StringLength(5)]
}
Ejecute la aplicacin y otra vez obtendr el siguiente error en tiempo de ejecucin:
El modelo de apoyo en el contexto de la 'MovieDBContext' ha cambiado desde la creacin de
la base de datos. Considere el uso de migraciones primer cdigo para actualizar la base de
datos (http://go.microsoft.com/fwlink/?LinkId=238269).
Nos vamos a migraciones para actualizar el scheam. Construir la solucin y luego abrir la ventana de la Consola de
administrador de paquetes y escriba los siguientes comandos:
add-migration AddDataAnnotationsMig
update-database
Cuando termina de este comando, Visual Studio abre el archivo de clase que define la nueva clase derivada
deDbMIgration con el nombre especificado (AddDataAnnotationsMig), y en el mtodo de Up se puede ver el cdigo
actualiza las restricciones de horario. Los campos Title y Genre son ya no acepta valores NULL (es decir, debe introducir
un valor) y el campo de Rating tiene una longitud mxima de 5.
Los atributos de validacin especifican el comportamiento que desea aplicar en las propiedades del modelo que se
aplican. El atributo Required indica que una propiedad debe tener un valor; en este ejemplo, una pelcula debe tener
valores para el Title, ReleaseDate, Genrey propiedades de Price para ser vlidas. El atributo de la Rangerestringe un
valor dentro de un intervalo especificado. El atributo de StringLength le permite definir la longitud mxima de una
propiedad de cadena y, opcionalmente, su longitud mnima. Tipos intrnsecos (como decimal, int, float, DateTime)
estn obligados por defecto y no necesita la Required atributo.
Cdigo primero asegura que las reglas de validacin que se especifica en una clase de modelo se aplican antes de la
aplicacin guarda los cambios realizados en la base de datos. Por ejemplo, el cdigo siguiente generar una excepcin
cuando se llama al mtodo SaveChanges , porque varios requiere propiedad de Movie son valores que faltan y el precio
es cero (que est fuera del rango vlido).
MovieDBContext db = new MovieDBContext();

Movie movie = new Movie();
movie.Title = "Gone with the Wind";
movie.Price = 0.0M;

db.Movies.Add(movie);
db.SaveChanges(); // <= Will throw server side validation exception
Tener reglas de validacin aplicadas automticamente por .NET Framework ayuda a que su aplicacin ms
robusta. Tambin asegura que no se olvide validar algo y sin darse cuenta dej malos datos en la base de datos.
Aqu es un cdigo completo listado para el archivo actualizado de Movie.cs :
using System;
using System.ComponentModel.DataAnnotations;

namespace MvcMovie.Models {

[Required]


[Required]

[Range(1, 100)]

[StringLength(5)]
}

public class MovieDBContext : DbContext {
}
}
Error de validacin UI en ASP.NET MVC
Vuelva a ejecutar la aplicacin y vaya a la URL /Movies .
Haga clic en el enlace Crear nuevo para agregar una nueva pelcula. Rellene el formulario con algunos valores no vlidos
y haga clic en el botn crear .

Nota para apoyar la validacin de jQuery para no-Ingls locales que usan una coma (",") para un punto decimal, debe
incluir la globalize.js y su archivo especfico cultures/globalize.cultures.js(de https://github.com/jquery/globalize ) y
JavaScript para utilizar Globalize.parseFloat. El cdigo siguiente muestra las modificaciones en el archivo
Views\Movies\Edit.cshtml para trabajar con la cultura "fr-FR":
@section Scripts {
<script src="~/Scripts/globalize.js"></script>
<script src="~/Scripts/globalize.culture.fr-FR.js"></script>
<script>
$.validator.methods.number = function (value, element) {
return this.optional(element) ||
!isNaN(Globalize.parseFloat(value));
}
$(document).ready(function () {
Globalize.culture('fr-FR');
});
</script>
<script>
jQuery.extend(jQuery.validator.methods, {
range: function (value, element, param) {
//Use the Globalization plugin to parse the value
var val = $.global.parseFloat(value);
return this.optional(element) || (
val >= param[0] && val <= param[1]);
}
});

</script>
}
Observe cmo el formulario automticamente ha utilizado un color de borde rojo para resaltar los cuadros de texto que
contienen datos no vlidos y ha emitido un mensaje de error de validacin adecuado junto a cada uno.Los errores se
aplican client-side (usando JavaScript y jQuery) y servidor (en caso de que un usuario tiene JavaScript desactivado).
Un beneficio real es que no necesita cambiar una sola lnea de cdigo en la clase de MoviesController o en la vista
de Create.cshtml con el fin de permitir esta validacin UI. El controlador y vistas que cre anteriormente en este tutorial
recogido automticamente las reglas de validacin especificado mediante atributos de validacin en las propiedades de la
clase de modelo de la Movie .
Usted puede haber notado las propiedades Title y el Genre, el atributo requerido no se cumple hasta enviar el
formulario (golpe el botn crear ), o introduzca texto en el campo de entrada y sacarla. Para un campo que est
inicialmente vaca (como los campos de la visin de crear) y que tiene slo el atributo requerido y no otros atributos de
validacin, puede hacer lo siguiente para activar la validacin:
1. Ficha en el campo.
2. Introduzca algn texto.
3. Ficha hacia fuera.
4. Ficha en el campo.
5. Eliminar el texto.
6. Ficha hacia fuera.
La secuencia activar la validacin necesaria sin golpear el botn "enviar". Simplemente golpear el botn "enviar" sin
entrar en cualquiera de los campos se activar la validacin del lado del cliente. Los datos del formulario no se envan al
servidor hasta que no queden errores de validacin del lado cliente. Puede comprobarlo poniendo un punto de
interrupcin en el mtodo HTTP Post o mediante la herramienta fiddler o el F12 developer tools de IE 9.

Cmo debe producirse la validacin en el crear ve y crea el
mtodo de accin
Te preguntars cmo se gener la validacin UI sin las actualizaciones al cdigo en el controlador o vistas. El listado
siguiente muestra lo que parecen los mtodos Create en la clase MovieController . Son igual de cmo se cre
anteriormente en este tutorial.
//
// GET: /Movies/Create

public ActionResult Create()
{
return View();
}

//
// POST: /Movies/Create

[HttpPost]
public ActionResult Create(Movie movie)
{
{
db.Movies.Add(movie);
db.SaveChanges();
}

return View(movie);
}
El primer mtodo de accin (HTTP GET) Create muestra el formulario inicial de crear. La segunda versin ([HttpPost])
maneja el post de formulario. El segundo mtodo de Create (la versin HttpPost ) llama aModelState.IsValid para
comprobar si la pelcula tiene errores de validacin. Llamar a este mtodo evala los atributos de validacin que se han
aplicado al objeto. Si el objeto tiene errores de validacin, el mtodo Createre-displays la forma. Si no hay ningn error,
el mtodo guarda la nueva pelcula en la base de datos. En nuestro ejemplo de pelcula que estamos utilizando, la forma
no se registra en el servidor cuando se producen errores de validacin detectados en el cliente; el
segundo Create nunca se llama al mtodo. Si desactiva JavaScript en tu navegador, validacin de cliente se desactiva y
el mtodo HTTP POST Create llama a ModelState.IsValid para comprobar si la pelcula tiene errores de validacin.
Puede establecer un punto de interrupcin en el mtodo HttpPost Create y verificar nunca se llama al mtodo,
validacin del lado del cliente no presentar los datos del formulario cuando se detectan errores de validacin. Si
desactivar JavaScript en su navegador, y enviar el formulario con errores, se puede golpear el punto de quiebre.Usted
todava obtener validacin completo sin JavaScript. La siguiente imagen muestra cmo deshabilitar JavaScript en Internet
Explorer.

La siguiente imagen muestra cmo deshabilitar JavaScript en el navegador FireFox.

La siguiente imagen muestra cmo deshabilitar JavaScript con el navegador Chrome.

A continuacin es la plantilla de vista de Create.cshtml que usted escalonada anteriormente en el tutorial. Es utilizado por
los mtodos de accin indicados tanto para mostrar la forma inicial y volver en caso de error.

@{
ViewBag.Title = "Create";
}

<h2>Create</h2>

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")"></script>

@using (Html.BeginForm()) {
@Html.ValidationSummary(true)

<fieldset>

@Html.LabelFor(model => model.Title)
</div>
@Html.EditorFor(model => model.Title)
@Html.ValidationMessageFor(model => model.Title)
</div>

@Html.LabelFor(model => model.ReleaseDate)
</div>
@Html.EditorFor(model => model.ReleaseDate)
@Html.ValidationMessageFor(model => model.ReleaseDate)
</div>

@Html.LabelFor(model => model.Genre)
</div>
@Html.EditorFor(model => model.Genre)
@Html.ValidationMessageFor(model => model.Genre)
</div>

@Html.LabelFor(model => model.Price)
</div>
@Html.EditorFor(model => model.Price)
@Html.ValidationMessageFor(model => model.Price)
</div>
@Html.LabelFor(model => model.Rating)
</div>
@Html.EditorFor(model => model.Rating)
@Html.ValidationMessageFor(model => model.Rating)
</div>
<p>
<input type="submit" value="Create" />
</p>
</fieldset>
}

<div>
@Html.ActionLink("Back to List", "Index")
</div>
Observe cmo el cdigo utiliza un ayudante de Html.EditorFor para el elemento <input> para cada propiedad de
la Movie de salida. Junto a este ayudante es una llamada al mtodo de ayudante deHtml.ValidationMessageFor . Estos
dos mtodos auxiliares de trabajo con el objeto de modelo que se pasa por el regulador a la vista (en este caso, un objeto
de la Movie ). Buscan automticamente atributos de validacin especificados en los mensajes de error de modelo y de la
pantalla segn corresponda.
Lo que es realmente bueno sobre este enfoque es que la plantilla de vista de crear ni el controlador sabe algo acerca de
las reglas de validacin real estn aplicadas o aparece el mensaje de error especfico. Las reglas de validacin y las
cadenas de error se especifican solamente en la clase de Movie . Estas mismas reglas de validacin se aplican
automticamente a la vista Edit y cualquier otras vistas plantillas puede crear que edicin el modelo.
Si desea cambiar la lgica de validacin ms adelante, puede hacerlo en su lugar exactamente un aadiendo atributos de
validacin para el modelo (en este ejemplo, la clase de movie ). Usted no tendr que preocuparse por diferentes partes
de la aplicacin es incompatible con el cmo se hacen cumplir las reglas toda lgica de validacin ser definida en un
solo lugar y en todas partes. Esto mantiene el cdigo muy limpio y es fcil de mantener y evolucionar. Y significa que
usted estar completamente honrar el principio seco.
Agregar formato al modelo de la pelcula
Abra el archivo Movie.cs y examinar la clase de Movie . El espacio de
nombresSystem.ComponentModel.DataAnnotations proporciona atributos de formato adems el conjunto integrado
de atributos de validacin. Ya hemos solicitado un valor de enumeracin de DataType a la fecha de lanzamiento y a los
campos de precio. El cdigo siguiente muestra las propiedades de Price con el atributo de DisplayFormatapropiado
y ReleaseDate .

Los atributos de DataType no son atributos de validacin, que se utilizan para contar el motor ver cmo hacer el cdigo
HTML. En el ejemplo anterior, el atributo DataType.Date muestra las fechas de la pelcula como fechas solamente, con
hora de salida. Por ejemplo, los siguientes atributos de DataType no validar el formato de los datos:
[DataType(DataType.EmailAddress)]
[DataType(DataType.PhoneNumber)]
[DataType(DataType.Url)]
Los atributos mencionados slo proporcionan sugerencias para el motor de la vista formatear los datos (y atributos de la
fuente como <a> para URL y < a href="mailto:EmailAddress.com" > por correo electrnico. Puede utilizar el
atributo RegularExpression para validar el formato de los datos.
Un enfoque alternativo al uso de los atributos de DataType , puede establecer explcitamente un
valorDataFormatString . El cdigo siguiente muestra la propiedad de la fecha de lanzamiento con una cadena de
formato de fecha (es decir, "d"). Se usara para especificar que no desea tiempo como parte de la fecha de lanzamiento.
[DisplayFormat(DataFormatString = "{0:d}")]
El siguiente cdigo asigna la propiedad Price moneda.
[DisplayFormat(DataFormatString = "{0:c}")]
A continuacin se muestra la clase de Movie completa.

[Required]


[Required]

[Range(1, 100)]

[StringLength(5)]
}
Ejecute la aplicacin y busque el controlador de Movies . La fecha de lanzamiento y el precio son bien formateados. La
imagen de abajo muestra la fecha de lanzamiento y precio utilizando "fr-FR" como la cultura.

La imagen de abajo muestra los mismos datos que aparecen con la referencia cultural predeterminada (Ingls US).

En la siguiente parte de la serie, a revisar la aplicacin y hacer algunas mejoras a los mtodos
de Details yDelete generados automticamente.

Examinar los detalles y los mtodos de eliminacin
Tutoriales

En esta parte del tutorial, examinas los mtodos generados automticamente de Details y Delete .

Examinar los detalles y los mtodos de eliminacin
Examining the Details and Delete Methods
Abrir el controlador de la Movie y examinar el mtodo Details .
public ActionResult Details(int id = 0)
{
if (movie == null)
{
}
return View(movie);
}
Cdigo primero facilita la bsqueda de datos mediante el mtodo Find . Una caracterstica de seguridad importante
construida en el mtodo es que el cdigo comprueba que el mtodo Find ha encontrado una pelcula antes de que el
cdigo trata de hacer cualquier cosa con l. Por ejemplo, un hacker podra introducir errores en el sitio cambiando la URL
creada por los vnculos de http://localhost:xxxx/Movies/Details/1 a algo comohttp://localhost:xxxx/Movies/Details/12345 (o
algn otro valor que no representa una pelcula real). Si no revisas para una pelcula nula, una pelcula null dara lugar a un
error de base de datos.
Examinar los mtodos de Delete y DeleteConfirmed .
// GET: /Movies/Delete/5

public ActionResult Delete(int id = 0)
{
if (movie == null)
{
}
return View(movie);
}

//
// POST: /Movies/Delete/5

[HttpPost, ActionName("Delete")]
public ActionResult DeleteConfirmed(int id = 0)
{
if (movie == null)
{
}
db.Movies.Remove(movie);
db.SaveChanges();
}
Tenga en cuenta que el mtodo HTTP Get Delete no elimina la pelcula especificada, devuelve una vista de la pelcula
donde puede enviar (HttpPost) la supresin... Realizar una operacin de eliminacin en respuesta a un GET solicitar (o
para ello, realice una operacin de edicin, crear operacin o cualquier otra operacin que cambia datos) abre un agujero
de seguridad. Para obtener ms informacin sobre esto, vea la entrada de blog de Stephen Walther ASP.NET MVC Tip #46
no utiliza enlaces de eliminar porque crear agujeros de seguridad.
El mtodo de HttpPost que borra los datos se denomina DeleteConfirmed a una firma nica o el nombre del mtodo
HTTP POST. Las firmas de dos mtodos se muestran a continuacin:
// GET: /Movies/Delete/5
public ActionResult Delete(int id = 0)

//
// POST: /Movies/Delete/5
[HttpPost, ActionName("Delete")]
public ActionResult DeleteConfirmed(int id = 0)
Common language runtime (CLR) requiere mtodos sobrecargados para tener una firma nica (mismo nombre de mtodo
pero diferente lista de parmetros). Sin embargo, aqu necesita dos mtodos de eliminar--Get--y puesto que ambos
tienen la misma firma. (Deben aceptar un nico entero como parmetro).
Para arreglar esto, puede hacer un par de cosas. Uno es darle a los mtodos diversos nombres. Eso es lo que hizo el
mecanismo de andamios en el anterior ejemplo. Sin embargo, esto presenta un pequeo problema: ASP.NET asigna
segmentos de una URL a mtodos de accin por su nombre, y si cambia el nombre de un mtodo, enrutamiento
normalmente sera capaz de encontrar ese mtodo. La solucin es lo que se ve en el ejemplo, que consiste en aadir el
atributo ActionName("Delete") al mtodo DeleteConfirmed . Esto efectivamente realiza mapas para el sistema de
enrutamiento para que una direccin URL que incluye /Delete/ para una solicitud POST encontrar el mtodo
de DeleteConfirmed .
Otra forma comn para evitar un problema con mtodos que tienen firmas y nombres idnticos es cambiar artificialmente
la firma del mtodo POST para incluir un parmetro sin usar. Por ejemplo, algunos desarrolladores aadir un tipo de
parmetro FormCollection que se pasa al mtodo POST y luego simplemente no utiliza el parmetro:
public ActionResult Delete(FormCollection fcNotUsed, int id = 0)
{
if (movie == null)
{
}
db.Movies.Remove(movie);
db.SaveChanges();
}
Resumen
Ahora tienes una completa aplicacin ASP.NET MVC que almacena los datos en una base de datos local de DB.Puede
crear, leer, actualizar, eliminar y buscar pelculas.

Prximos pasos
Despus de haber construido y probado una aplicacin web, el siguiente paso es ponerlo a disposicin de otras personas
utilizan Internet. Para ello, se debe implementar a un proveedor de hospedaje. Microsoft ofrece alojamiento web gratis
para hasta 10 sitios web en una cuenta de prueba gratis de Windows Azure. Para obtener informacin sobre cmo
implementar un proyecto web de Visual Studio a un sitio Web de Windows Azure, consulte crear e implementar un sitio
web ASP.NET y base de datos SQL con Visual Studio. Este tutorial tambin muestra cmo utilizar la entidad marco cdigo
primera migraciones para implementar su base de datos de SQL Server en la base de datos de SQL Azure del Windows
(anteriormente SQL Azure). Para obtener ms informacin acerca de implementacin, vea implementacin de ASP.NET
Web contenido mapa.
Ahora me animo a pasar a nuestro nivel intermedio creando un marco de Entity Data Model para una aplicacin de
ASP.NET MVC y MVC Music Store tutoriales, para explorar los artculos ASP.NET en MSDNy para comprobar hacia fuera
los muchos recursos http://asp.net/mvc para aprender ms sobre ASP.NET MVC y videos! Los foros de ASP.NET MVC son
un buen lugar para hacer preguntas.

Introduccion A ASP MVC4

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Introduccion A ASP MVC4

Transféré par

Droits d'auteur :

Formats disponibles

Introduccin a ASP.

Vous aimerez peut-être aussi