MCV3 Entity Framework y Procedimientos Almacenado

3 comentariosPublicado por manguher en 27 junio, 2012 Kiu , soy Manu, vivo en chile , Concepcin especificamente , pero ahora estoy en Santiago trabajando y aprendiendo algunos cosas, las cuales quiero ir compartiendo en este espacio. Bueno , Al grano . Para empezar generamos nuestro modelo desde Sql Server Managment Estudio (express obviamente), a continuacion muestro un pequeo modelo de dos tablas , a modo de ejemplo para este post.

Como el ttulo de esta entrada hace mensin a que trabajaremos con SP (Store Procedure), ahora mostrar como crear un nuevo SP desde SQL Managment para posteriormente utilizarlo en nuestro web. Vamos a nuestra base de datos a la carpeta Programacin , click derecho y le damos a Nuevo procedimiento almacenado .

Nos generar un codigo automtico , pero lo ms importante son las sentencias que marqu en Rojo. Como es un ejemplo bsico, el SP solo ir a buscar un listado de los usuarios. Y con esto ya tenemos lo ms importante.

Ok , ahora ya tenemos un modelo de prueba Para crear nuestro proyecto web con MVC3 y EF, deben crear un nuevo proyecto en VS (en mi casao VS2010 que lo consegui en el trabajo), Luego seleccionar proyecto Web-> MVC3. En este caso usaremos c# para comunicarnos con EF (Entity Framework)

Ahora seleccionamos un proyecto web vacio y que utilize el view engine Razor, el cual nos ser de gran utilidad al momento de trabajar con asp.NET , HTML y C#.

Le damos a OK y asi obtendremos nuestro proyecto con MVC3 listo para empezar. El siguiente paso es incluir un modelo de datos a nuestro proyecto web, para eso agregamos un Nuevo elementodel tipo Datos, en este caso usaremos ADO.NET Entity Data Model. Despus elegir contenido del modelo, que debe ser : Generar desde la BD

Le damos a Siguiente , seleccionamos nuestra base de datos y los SP que tengamos agregados.

con esto ya tenemos incluido el modelo a nuestro proyecto , ahora debemos Importar la funciones o SP

Le damos un nombre al SP, lo seleccionamos y le indicamos el tipo de la Coleccin que devuelve el SP.

ahora ya tenemos vinculado todos los elementos de nuestro modelo con VS.

Nos queda poco, solo tenemos que generar la base de datos desde nuestro modelo.edmx.

A continuacin le decimos a VS que mapee nustro modelo y genere los archivos .TT para trabajar con EF el acceso a las clases Entidades POCO generadas por ADO.NET POCO Entity Generator. Para esto, desde el modelo que entrega VS , hacemos Click derecho y seleccionamos agregar elemento de generacin de cdigo.

Se nos agregarn dos archivos al proyecto , uno es Modelo.Context.tt , el cual nos genera el contexto para manipular nuestra Base de datos a un nivel mas Abastracto. Tambien se nos agregar Model.tt que son las clases que conforman nuestro modelo de datos.

Bueno ahora que ya tenemos todo listo, vamos a Agregar un controlador , un modelo y una vista para usar nuestro pequeo procedimiento almacenado. Agregamos una clase en el directorio Model para preparar la conexion con el Contexto. Para eso he creado una clase ModelUsuario.cs la cual contiene un constructor que genera una instancia de conexin con mi base de datos. Adems un mtodo que llame nuestro procedimiento almacenado (GetUsuarios) y nos retorne nuestro preciado Listado de usuarios.

Ahora el Controlador Primero importamos nuestro directorio Models para poder acceder a las clases que se encuentran ah. luego en nuestra accin, creamos un objeto de la clase UsuarioModel para llamar al mtodo que usa nuestro SP.

La vista La creamos fuertemente tipada a la clase usuarios la cual fue generada por EF y adems le decimos que genere una lista segn lo que le haya entregado mi accin desde el contralador.

y la vista quedaris asi

Cualquier comentario o sugerencia se agradece, saludos.

Vista dentro de otra vista con MVC3 , Razor y Jquery Ajax

Deja un comentarioPublicado por manguher en 4 julio, 2012 Para empezar los elementos principales son :

Modelo: En este caso consultaremos a un sp (store procedure ) para ir a buscar los datos de una tabla en especifico. Vista : Desde donde llamaremos y cargaremos a otra vista. Controlador: Se comunica con el modelo y le entrega los datos necesarios a la vista.

Bien , como lo primero es el modelo , vamos al Modelo.

Este post esta relacionado al post anterior, por ende no explico el acceso a los datos, simplemente estamos aplicando algunas cosas que puedan servir (desde el desarrollo web , claro esta). Controlador.

El controlador posee una accin que se llama Detalles, esta accin lo nico que hace , es recibir un parametro de entrada idUser e l cual se pasa desde la vista Index a la vista Detalles travs del objeto $.ajax que nos proporciona Jquery. La vista Index se ve algo as.

el cdigo de esta vista es el siguiente.

@model IEnumerable<MVC3EF.usuarios> @{ ViewBag.Title = "Index"; } <script type="text/javascript"> $(document).ready(function () { $(".detalle-user > a").click(function () { event.preventDefault() var userId = $(this).attr("id"); // obtengo el id del usuario $.ajax({ type : "POST", url : "@(Url.Action("Detalles", "Usuarios"))", // se dirige a la accin "Detalle" del controlado traditional : true, data : {idUser:userId}, // paso el parametro que necesita el controlador success : function(data){ $("#cargaVista").html(data); // carga el cdigo html en el div "cargaVista", este cdigo es retornado por el controlador. } }); }) })

</script> <h2>Index</h2> <p> @Html.ActionLink("Create New", "Create") </p> <table> <tr> <th></th> <th> us_id </th> <th> us_nombre </th> <th> us_pass </th> <th> idTipoUser </th> </tr> @foreach (var item in Model) { <tr> <td class="detalle-user"> <a id="@(item.us_id)" href="#">Detalles</a> </td> <td> @item.us_id </td> <td> @item.us_nombre </td> <td> @item.us_pass </td> <td> @item.idTipoUser </td> </tr> } </table> <div id="cargaVista"> <!-- aqui se carga la vista "Detalles"--> </div>

Para que carge la vista Detalle dentro de Index , hacemos click en el link Detalles , con esto activamos el evento click y se realiza la carga en el div cargaVista, se veria de esta forma.