aspnet4entfvsnet2012

7/24/2019 aspnet4entfvsnet2012

1/24

28/2/2014 BaluSoft Blog | ASP.NET 4 Entity Framework [Visual Studio 2012]

http://balusoft.wordpress.com/2012/07/11/asp-net-4-entity-framework-visual-studio-2012/

INICIO JAVA VISUAL STUDIO 2010 JQUERY DELPHI PHP

BALUSOFTBLOGBLOG DE PROGRAMACINMULTIPLATAFORMA

Buscar

ASP.NET 4 ENTITYFRAMEWORK[VISUAL

STUDIO2012]Aqu vengo de nuevo!, por fin despus dealgunas semanas me animo de nuevo a poneralgo en este blog. Primero que nada quisieracontarles, que todo lo que yo les he puestoanteriormente son cosas quehaba aprendido enel servicio y en la escuela, ahora ya estoy

trabajando por as decirlo, y en tan pocotiempo aprend un chorrotal de cosas que megustara irlas viendo poco a poco, y paraempezar me gustara darles una pequeaintroduccin a lo que es ADO.NET EntityFramework y Linq to Entity, utilizando loscomponentes que .NET nos proporciona para asaumentar la eficiencia.

07.11.12por Isaac Ojeda

Seguir
http://balusoft.wordpress.com/http://balusoft.wordpress.com/http://balusoft.wordpress.com/http://balusoft.wordpress.com/http://balusoft.wordpress.com/http://balusoft.wordpress.com/http://balusoft.wordpress.com/http://balusoft.wordpress.com/http://balusoft.wordpress.com/http://balusoft.wordpress.com/http://balusoft.wordpress.com/http://balusoft.wordpress.com/category/programacion/java/http://balusoft.wordpress.com/category/programacion/visual-studio-2010/http://balusoft.wordpress.com/category/programacion/jquery/http://balusoft.wordpress.com/category/programacion/delphi/http://balusoft.wordpress.com/2012/07/11/asp-net-4-entity-framework-visual-studio-2012/http://void%280%29/http://balusoft.wordpress.com/author/baluskate/http://balusoft.wordpress.com/2012/07/11/asp-net-4-entity-framework-visual-studio-2012/http://balusoft.wordpress.com/http://balusoft.wordpress.com/http://balusoft.wordpress.com/category/programacion/php/http://balusoft.wordpress.com/category/programacion/delphi/http://balusoft.wordpress.com/category/programacion/jquery/http://balusoft.wordpress.com/category/programacion/visual-studio-2010/http://balusoft.wordpress.com/category/programacion/java/http://balusoft.wordpress.com/


2/24


http://balusoft.wordpress.com/2012/07/11/asp-net-4-entity-framework-visual-studio-2012/ 2

Tambien les presumo, que ya tengo VisualStudio2012, y trae el Framework 4.5, la verdadno me he puesto a estudiar las novedades que

trae ASP.NET 4.5, por lo tanto el post tratarsobre el framework 4.0 y Entity Framework quees lo principal que viene en este framework.

Lo que pretendo hacer en este post es unpequeo catalogo donde se muestren diferentestipos de productosy se puedan filtrar, etc.

Bueno para empezar vamos a crear un proyecto

ASP.NET vacio y yo lo llamar BalusoftPost

OJO, si de casualidad tu tienes visual studio2012, tendrs que elegir el framework 4, estopara Post posteriores que voy a ahcer y tal vezsean de tu interes. Y finalmente pues tendrmos

un proyecto totalmente vacio obvio

Seguir BaluSoftBlog

Recibe cada nuevapublicacin en tu buznde correo electrnico.

nete a otros 213 seguidores

Introduce tu direccin d

Suscrbeme

Ofrecido por WordPress.com
http://wordpress.com/signup/?ref=lofhttp://balusoft.files.wordpress.com/2012/07/image.png


3/24



Primeramente hay quever la base de datosquevamos a utilizar, en este caso les voy a pasar losarchivos mdf para hacerlo mas practico, pero deigual manera si la quieren hacer, aqui les dejo eldiagrama
http://balusoft.files.wordpress.com/2012/07/image1.png


4/24



muy simple

Descarga la base de datos:Archivo 1Archivo 2

En v isual studio creamos una carpetaespecial deASP que se llama App_Data y una vezdescargado los 2 archivos de arriba, loarrastramos a nuestro explorador de solucionesguardandolo en la carpeta ASP_data
http://balusoft.files.wordpress.com/2012/07/image4.pnghttp://balusoft.files.wordpress.com/2012/07/image3.pnghttps://dl.dropbox.com/u/9043876/Post%20Entity%20Framework/Balusoft_log.ldfhttps://dl.dropbox.com/u/9043876/Post%20Entity%20Framework/Balusoft.mdfhttp://balusoft.files.wordpress.com/2012/07/image2.png


5/24



Si automaticamente te agrego una conexion envisual studio, ignorala, nosotros vamos a crearuna base de datos en nuestra instancia de SqlServer express apartir de ese archivo .mdf, parahacer eso nos posicionamos en DatabaseExplorer:

Y damos clic en Connect to Database


6/24



Escribimos el nombre de nuestroservidor, si noles funciona .\SQLEXPRESS prueben con (local),

y en Attach a database file damos la ruta delarchivo.mdf que se descargaron y copiaron enla carpeta App_Data, damos OK.


7/24



De esta manera ya tendrmos instalada la basede datos que vamos a utilizar

Ahora vamos a crear nuestro modelo a partirdeesa base de datos, el modelo que vamos a creares un modelo ADO.NETEntity Framework, paracrear un modelo apartir de la base de datos que

ya instalamos tenemos que hacerlo siguiente:

primero creamos una nueva carpeta, que sellamar DAL (Data Access Layer) y en esacarpeta agregaremos un nuevo item
http://balusoft.files.wordpress.com/2012/07/image8.pnghttp://balusoft.files.wordpress.com/2012/07/image7.png


8/24



Agregamos el modelo y nos aparecer elsiguiente asistente

Next

Seleccionamos la conexion que ya creamos

anteriormente y el nombre de configuracion paraWeb.Config le ponemos BalusoftEntities


9/24



Seleccionamos las tablasque queremos agregar

al modelo

Asi ya tenemos el modelo creado,automaticamente .NET nos creo clases con suspropiedades que evidentemente son las quetenemos en las tablas, en este caso soloproductos y tipo_producto.

Ahora tenemos que construir nuestra solucionpara que se compile el modelo y asi podrmosusarlo.


10/24


11/24



Y listo, en este data source vamos a teneracceso a la entidad tipo_producto y a los unicosdos campos que contiene, ahora en el listview

nos vamos al a vista de codigo y hay que dejarloexactamente igual:

Aqui estamos difiniendo 3 cosas, el layout decomo se mostrara nuestros datos, en este casoes una simple lista , dentro del PlaceHolderes donde se va a generar los ItemTemplate, osea todos los elementos que producir la

consulta a tipo_producto, mas delante definimosel ItemTEmplate, que ser un numero indefinidode elementos y con la funcion Eval,obtenemos el valor de los campos de la entidad,en este caso id_tipo_producto y mostramos eltipo en el mismo enlace, si guardamos y sitenemos estos datos en la tabla tipo_productosel resultado ser el siguiente:


12/24


13/24



Asi es como funcionan los ListView, la verdad sepueden hacer un chorro de cosas,personalizadas o automaticamente, de estamisma manera vamos a generar el catalogo

Debajo de este listview, vamos a agregar uncontrol llamado Panel, pueden arrastrarlo y

configurar desde la interfaz las propiedades, yopor mientras solo les pondr el codigo

Es un Panel, con ID pnlCatalogo y estar oculto

por el momento, el chiste es que se muestre estepanel cuando ya tenemos una categoriaseleccionada del listado que ya hicimos.

Vamos a configurar el Listview igual como lohicimos en el anterior, pero ahora vamos aplicarestilos CSS para poder mostrarlo como uncatalogo mas bonito, entonces haremos:

En nuestra pagina default.aspx vamos a agregardentro de las etiquetas el siguientecodigo que seran estilos CSS


14/24



Ahora dentro del listView que agregamos dentrodel panel que tambien agregamos (valga laredundancia) vamos a dejarlo de la siguiente

manera:

Y nos vamos al CodeBehind default.aspx.cs yagregamos lo siguiente


15/24



Basicamente, como recuerdan, al dar clic enalgun tipo de producto nos manda a la mismapagina default.aspx pero con una variable por laURL, entonces en el evento Page_Load pormedio de QueryString obtenemos el valor de esavariable que pasamos por la URL, y si es queexiste algun valor mandamos a llamar al metodocargarCatalogo

este metodo privado llamado cargarCatalogo ledamos por parametro el id del tipo de productoque se seleccion, creamos una instancia denuestro modelo BalusoftEntities que creamosdentro de la carpeta DAL, por eso agregamos elusing en la parte de arriba, por medio de linq toentities hacemos una consulta muy sencilla quees un select from where en SQL, finalmentevinculamos los datos y el resultado ser elsiguiente:


16/24



Tengamos en cuenta que en la tabla productostenemos esta informacion:

Se dan cuenta, nos muestra los productos deltipo 1, dato que se pasa por la URL y se hacetodo ese proceso.

Espero y les sirva! un saludo y esperen mascosas de ASP.NET Entity Framework

Saludos

You May Like

1.

About t hese ads
http://www.digitaltrends.com/gaming/metal-gear-solid-ground-zeroes-short-pricey-prologue/http://en.wordpress.com/about-these-ads/http://www.digitaltrends.com/gaming/metal-gear-solid-ground-zeroes-short-pricey-prologue/http://balusoft.files.wordpress.com/2012/07/image27.pnghttp://balusoft.files.wordpress.com/2012/07/image26.png


17/24


18/24



Responder

UNC Aparte cuando al

abrir la base de datos enel explorador desoluciones no aparece lacarpeta diagrama declases

Responder

Isaac Ojeda

7 septiembre, 201210:58 PM

La verdadSQLServer sepuedevolver unpocolatoso, te

recomiendoquedescarguesSQLServerManagementstudio2008 ensu versionexpress ycrees tu la

base dedatos, labase dedatos esalgoparecido aestohttps://reader009.{domain}/reader009/html5/0323/5ab407Saludos!

William

13 septiembre, 20123:41 PM

Tengo un inconveniente ,gene ra error al momentode dar click en el primerelemento de la lista, eneste caso el deelect ronica, el query me
http://balusoft.files.wordpress.com/2012/07/image2.pnghttp://balusoft.wordpress.com/http://balusoft.wordpress.com/2012/07/11/asp-net-4-entity-framework-visual-studio-2012/?replytocom=470#respondhttp://balusoft.wordpress.com/2012/07/11/asp-net-4-entity-framework-visual-studio-2012/?replytocom=467#respond


19/24



Responder

queda cargado de la

siguiente manera:{SELECT [Extent1].[id_productos] AS[id_productos],[Extent1].[nombre] AS[nombre], [Extent1].[descripcion] AS

[descripcion], [Extent1].[precio] AS [precio],[Extent1].[id_tipo_producto] AS[id_tipo_producto]FROM[dbo].[productos] AS[Extent1]WHERE[Extent1].[id_tipo_producto] =@p__linq__0} , carga laconsulta en el

lstvCatalogo.DataSource =query; y hasta hayperfecto, al momento deejecutar ellstvCatalogo.DataBind();se genera el siguienteerror El codigo de usuariono controloNotSupportedExceptioncon la siguiente

comentario: Data bindingdirectly to a store query(DbSet, DbQuery,DbSqlQuery) is notsupported. Insteadpopulate a DbSet withdata, for example bycalling Load on the DbSet,and then bind to localdata. For WPF bind toDbSet.Local. For

WinForms bind t oDbSet.Local.ToBindingList().

William

14 septiembre, 2012

Solucionado, cambie unaspartes del cdigo yfunciono perfecto
http://balusoft.wordpress.com/2012/07/11/asp-net-4-entity-framework-visual-studio-2012/?replytocom=472#respond


20/24


http://balusoft.wordpress.com/2012/07/ 11/asp-net-4-entity-framework-visual-studio-2012/ 20

DEJA UN COMENTARIO

Responder

8:48 AM protected voidPage_Load(object sender,EventArgs e){string selectedId =Request.QueryString["id"];// if (select edId != ||selectedId != null )

if(!string.IsNullOrEmpty(selectedId))cargarCatalogo(Convert.ToInt32(selectedId));

}

private voidcargarCatalogo(intSelectedId){

pnlCatalogo.V isible = true;BalusoftEntities1 context= new BalusoftEntities1();var query =from q incontext.productoswhere q.id_tipo_producto== SelectedIdselect q;lstvCatalogo.DataSource =

query;lstvCatalogo.DataSource =query.ToList();lstvCatalogo.DataBind();

}

Introduce tu comentario aqu...

AUTORES
http://balusoft.wordpress.com/2012/07/11/asp-net-4-entity-framework-visual-studio-2012/?replytocom=473#respond


21/24



IsaacOjeda

SGUEME ENTWITTER

Oh Viernes, no debera

estar lleno de energa???

Isaac Ojeda

@balunatic

En unos minutos

arrancamos con el

episodio #1 del

geeknights podcast.

mixlr.com/geeknightscuu

Entren!

Retwitteado por Isaac

Ojeda

GeekNightsCUU

@GeekNightsCUU

Abrir

Isaac Ojeda

10m

13h

25 feb

Tweets Seguir

Twittear a @balunatic

BALUSOFT BLOG
http://www.facebook.com/pages/BaluSoft-Blog/235395809814869http://balusoft.wordpress.com/author/baluskate/https://twitter.com/intent/tweet?screen_name=balunatichttps://twitter.com/balunatichttps://twitter.com/balunatichttps://twitter.com/balunatic/statuses/438405958520152064https://twitter.com/GeekNightsCUU/statuses/439231761189318656https://twitter.com/balunatic/statuses/439430663649767424https://twitter.com/balunatichttps://twitter.com/GeekNightsCUU/statuses/439231761189318656https://twitter.com/GeekNightsCUUhttps://twitter.com/balunatichttp://t.co/QDN7YE52aOhttps://twitter.com/balunatic


22/24



BaluSoft

Blog

A 103 personas les gustaBaluSoft Blog.

Me gusta

SUSCRIPCIN PORCORREO

ELECTRNICOEscribe tu direccin decorreo electrnico parasuscribirte a este blog,y recibir notificacionesde nuevos mensajespor correo.

nete a otros 213seguidores

Sign me up!
http://www.facebook.com/juan.rezohttp://www.facebook.com/ericms89http://www.facebook.com/everardo.snrahttp://www.facebook.com/edilberthdiazhttp://www.facebook.com/m.garnica.hdezhttp://www.facebook.com/paul.bencomobarrazahttp://www.facebook.com/balusofthttp://www.facebook.com/balusofthttp://www.facebook.com/balusoft


23/24



.NET3DABC_CLIENTESAJAXandroidapacheAPIaplicacion web movilappcelerator

ASP.NETbase

de datosC#callbacksChatcodeplexcodigofuentecsvDefaultTableModel

DelphiEntityFrameworkExcelGames

geekGLSceneGlutGoogleEarth

GraficacioniosJavaJavaScriptJComboBoxJListjQueryjquery MobileJTablelinuxLook&FeelmanualMVCMVC

2MVC2mySQL

NetbeansObject PascalOpenGLoracleoracle linuxpdf manual

phpproftpProgramacionredesservidorservidores

sistemas operativosSocketsSockets de flujoSQLServerSubstanceTexturastitanium studioTriggers

TwitterUDKVisualStudio 2010Visual Studio
http://balusoft.wordpress.com/tag/visual-studio-2012/http://balusoft.wordpress.com/tag/visual-studio-2012/http://balusoft.wordpress.com/tag/visual-studio-2010/http://balusoft.wordpress.com/tag/udk/http://balusoft.wordpress.com/tag/twitter/http://balusoft.wordpress.com/tag/triggers/http://balusoft.wordpress.com/tag/titanium-studio/http://balusoft.wordpress.com/tag/texturas/http://balusoft.wordpress.com/tag/substance/http://balusoft.wordpress.com/tag/sql-server/http://balusoft.wordpress.com/tag/sockets-de-flujo/http://balusoft.wordpress.com/tag/sockets/http://balusoft.wordpress.com/tag/sistemas-operativos-2/http://balusoft.wordpress.com/tag/servidores/http://balusoft.wordpress.com/tag/servidor/http://balusoft.wordpress.com/tag/redes/http://balusoft.wordpress.com/tag/programacion/http://balusoft.wordpress.com/tag/proftp/http://balusoft.wordpress.com/tag/php-2/http://balusoft.wordpress.com/tag/pdf-manual/http://balusoft.wordpress.com/tag/oracle-linux/http://balusoft.wordpress.com/tag/oracle/http://balusoft.wordpress.com/tag/opengl/http://balusoft.wordpress.com/tag/object-pascal/http://balusoft.wordpress.com/tag/netbeans/http://balusoft.wordpress.com/tag/mysql/http://balusoft.wordpress.com/tag/mvc2/http://balusoft.wordpress.com/tag/mvc-2/http://balusoft.wordpress.com/tag/mvc/http://balusoft.wordpress.com/tag/manual/http://balusoft.wordpress.com/tag/lookfeel/http://balusoft.wordpress.com/tag/linux/http://balusoft.wordpress.com/tag/jtable/http://balusoft.wordpress.com/tag/jquery-mobile/http://balusoft.wordpress.com/tag/jquery/http://balusoft.wordpress.com/tag/jlist/http://balusoft.wordpress.com/tag/jcombobox/http://balusoft.wordpress.com/tag/javascript/http://balusoft.wordpress.com/tag/java/http://balusoft.wordpress.com/tag/ios/http://balusoft.wordpress.com/tag/graficacion/http://balusoft.wordpress.com/tag/googleearth/http://balusoft.wordpress.com/tag/glut/http://balusoft.wordpress.com/tag/glscene/http://balusoft.wordpress.com/tag/geek/http://balusoft.wordpress.com/tag/games/http://balusoft.wordpress.com/tag/excel/http://balusoft.wordpress.com/tag/entity-framework/http://balusoft.wordpress.com/tag/delphi/http://balusoft.wordpress.com/tag/defaulttablemodel/http://balusoft.wordpress.com/tag/csv/http://balusoft.wordpress.com/tag/codigo-fuente/http://balusoft.wordpress.com/tag/codeplex/http://balusoft.wordpress.com/tag/chat/http://balusoft.wordpress.com/tag/callbacks/http://balusoft.wordpress.com/tag/c/http://balusoft.wordpress.com/tag/base-de-datos/http://balusoft.wordpress.com/tag/asp-net/http://balusoft.wordpress.com/tag/appcelerator-2/http://balusoft.wordpress.com/tag/aplicacion-web-movil/http://balusoft.wordpress.com/tag/api/http://balusoft.wordpress.com/tag/apache/http://balusoft.wordpress.com/tag/android/http://balusoft.wordpress.com/tag/ajax/http://balusoft.wordpress.com/tag/abc_clientes/http://balusoft.wordpress.com/tag/3d/http://balusoft.wordpress.com/tag/net/


24/24


Blog de WordPress.com. El tema Newsworthy.

2012WCFWebServicesWindowsServer 2008

WorkBenchWPFwsDualHttpBindingxamppXMLyoutube

CATEGORAS

Elegir categora

LTIMASENTRADAS!

Elegir mes

META

Registrarse

Acceder

RSS de lasentradas

RSS de loscomentarios

WordPress.com
http://wordpress.com/http://balusoft.wordpress.com/comments/feed/http://balusoft.wordpress.com/feed/http://balusoft.wordpress.com/wp-login.phphttp://wordpress.com/signup/?ref=wploginhttp://balusoft.wordpress.com/tag/youtube/http://balusoft.wordpress.com/tag/xml/http://balusoft.wordpress.com/tag/xampp/http://balusoft.wordpress.com/tag/wsdualhttpbinding/http://balusoft.wordpress.com/tag/wpf/http://balusoft.wordpress.com/tag/workbench/http://balusoft.wordpress.com/tag/windows-server-2008/http://balusoft.wordpress.com/tag/webservices/http://balusoft.wordpress.com/tag/wcf/http://balusoft.wordpress.com/tag/visual-studio-2012/http://theme.wordpress.com/themes/newsworthy/http://es.wordpress.com/?ref=footer

aspnet4entfvsnet2012

Documents