Aspnet 4 Entfvsnet 2012

28/2/2014
BaluSoft Blog | ASP.NET 4 Entity Framework [Visual Studio 2012]
INICIO
JAVA
VISUAL STUDIO 2010
JQUERY
DELPHI
PHP
Buscar
BALUSOFT
BLOG
BLOG DE PROGRAMACIN
MULTIPLATAFORMA
07.11.12
por Isaac Ojeda
ASP.NET 4 ENTITY
FRAMEWORK
[VISUAL
STUDIO 2012]
Aqu vengo de nuevo!, por fin despus de
algunas semanas me animo de nuevo a poner
algo en este blog. Primero que nada quisiera
contarles, que todo lo que yo les he puesto
anteriormente son cosas que haba aprendido en
el servicio y en la escuela, ahora ya estoy
trabajando por as decirlo, y en tan poco
tiempo aprend un chorrotal de cosas que me
gustara irlas viendo poco a poco, y para
empezar me gustara darles una pequea
introduccin a lo que es ADO.NET Entity
Framework y Linq to Entity, utilizando los
componentes que .NET nos proporciona para as
aumentar la eficiencia.
http://balusoft.wordpress.com/2012/07/11/asp-net-4-entity-framework-visual-studio-2012/
Seguir
1/24
28/2/2014
Seguir BaluSoft
Blog
Recibe cada nueva
tu buzn
Tambien les presumo, que publicacin
ya tengo en
Visual
de correo
Studio 2012, y trae el Framework
4.5, la electrnico.
verdad
no me he puesto a estudiar las novedades que
nete a otros 213 seguidores
trae ASP.NET 4.5, por lo tanto el post tratar
tu direccin
de correo electrnico
sobre el framework 4.0 y EntityIntroduce
Framework
que
es lo principal que viene en este framework.
Suscrbeme
Lo que pretendo hacer en este post es un

Ofrecido por WordPress.com
pequeo catalogo donde se muestren diferentes
tipos de productos y 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 studio

2012, tendrs que elegir el framework 4, esto
para Post posteriores que voy a ahcer y tal vez
sean de tu interes. Y finalmente pues tendrmos
un proyecto totalmente vacio obvio
2/24
28/2/2014
Primeramente hay que ver la base de datos que

vamos a utilizar, en este caso les voy a pasar los
archivos mdf para hacerlo mas practico, pero de
igual manera si la quieren hacer, aqui les dejo el
diagrama
3/24
28/2/2014
muy simple
Descarga la base de datos: Archivo 1 Archivo 2
En visual studio creamos una carpeta especial de

ASP que se llama App_Data y una vez
descargado los 2 archivos de arriba, lo
arrastramos a nuestro explorador de soluciones
guardandolo en la carpeta ASP_data
4/24
28/2/2014
Si automaticamente te agrego una conexion en

visual studio, ignorala, nosotros vamos a crear
una base de datos en nuestra instancia de Sql
Server express apartir de ese archivo .mdf, para
hacer eso nos posicionamos en Database
Explorer:
Y damos clic en Connect to Database
5/24
28/2/2014
Escribimos el nombre de nuestro servidor, si no

les funciona .\SQLEXPRESS prueben con (local),
y en Attach a database file damos la ruta del
archivo .mdf que se descargaron y copiaron en
la carpeta App_Data, damos OK.
6/24
28/2/2014
De esta manera ya tendrmos instalada la base

de datos que vamos a utilizar
Ahora vamos a crear nuestro modelo a partir de
esa base de datos, el modelo que vamos a crear
es un modelo ADO.NET Entity Framework, para
crear un modelo apartir de la base de datos que
ya instalamos tenemos que hacer lo siguiente:
primero creamos una nueva carpeta, que se
llamar DAL (Data Access Layer) y en esa
carpeta agregaremos un nuevo item
7/24
28/2/2014
Agregamos el modelo y nos aparecer el

siguiente asistente
Next
Seleccionamos la conexion que ya creamos

anteriormente y el nombre de configuracion para
Web.Config le ponemos BalusoftEntities
8/24
28/2/2014
Seleccionamos las tablas que queremos agregar

al modelo
Asi
ya
tenemos
el
modelo
creado,
automaticamente .NET nos creo clases con sus

propiedades que evidentemente son las que
tenemos en las tablas, en este caso solo
productos y tipo_producto.
Ahora tenemos que construir nuestra solucion
para que se compile el modelo y asi podrmos
usarlo.
9/24
28/2/2014
Mostrar un menu con los tipos de

productos
Primero que nada vamos a mostrar un menu
que nos permitir elegir que tipo de producto
queremos mostrar, el chiste de esto es hacer un
tipo catalogo de productos.
Creamos un nuevo webform que se llame
default.aspx y agregaremos 2 componentes de
la categoria Data: EntityDataSource y
un
ListView
Primero vamos a configurar el EntityDataSource,
los componentes los arrastramos y en modo
diseo damos clic a la lista desplegable del
componente y le damos en Configure Data
Source
10/24
28/2/2014
Y listo, en este data source vamos a tener

acceso a la entidad tipo_producto y a los unicos
dos campos que contiene, ahora en el listview
nos vamos al a vista de codigo y hay que dejarlo
exactamente igual:
Aqui estamos difiniendo 3 cosas, el layout de

como se mostrara nuestros datos, en este caso
es una simple lista <ul>, dentro del PlaceHolder
es donde se va a generar los ItemTemplate, o
sea todos los elementos que producir la
consulta a tipo_producto, mas delante definimos
el ItemTEmplate, que ser un numero indefinido
de elementos <li> y con la funcion Eval,
obtenemos el valor de los campos de la entidad,
en este caso id_tipo_producto y mostramos el
tipo en el mismo enlace, si guardamos y si
tenemos estos datos en la tabla tipo_productos
el resultado ser el siguiente:
11/24
28/2/2014
Datos
Resultado
y si vemos el codigo de la pagina en el cliente,

vemos como nos genero los enlaces:
Lo notan?, vean el item template y vean como

es el resultado, comparen
El primero es el codigo en ASP y el 2do el

resultado en puro html en el cliente.
12/24
28/2/2014
Asi es como funcionan los ListView, la verdad se

pueden
hacer
un
chorro
de
cosas,
personalizadas o automaticamente, de esta
misma manera vamos a generar el catalogo
Debajo de este listview, vamos a agregar un
control llamado Panel, pueden arrastrarlo y
configurar desde la interfaz las propiedades, yo
por mientras solo les pondr el codigo
Es un Panel, con ID pnlCatalogo y estar oculto

por el momento, el chiste es que se muestre este
panel cuando
ya
tenemos
una
categoria
seleccionada del listado que ya hicimos.

Vamos a configurar el Listview igual como lo
hicimos en el anterior, pero ahora vamos aplicar
estilos CSS para poder mostrarlo como un
catalogo mas bonito, entonces haremos:
En nuestra pagina default.aspx vamos a agregar
dentro de las etiquetas <head> el siguiente
codigo que seran estilos CSS
13/24
28/2/2014
Ahora dentro del listView que agregamos dentro

del panel que tambien agregamos (valga la
redundancia) vamos a dejarlo de la siguiente
manera:
Y nos vamos al CodeBehind default.aspx.cs y

agregamos lo siguiente
14/24
28/2/2014
Basicamente, como recuerdan, al dar clic en

algun tipo de producto nos manda a la misma
pagina default.aspx pero con una variable por la
URL, entonces en el evento Page_Load por
medio de QueryString obtenemos el valor de esa
variable que pasamos por la URL, y si es que
existe algun valor mandamos a llamar al metodo
cargarCatalogo
este metodo privado llamado cargarCatalogo le
damos por parametro el id del tipo de producto
que se seleccion, creamos una instancia de
nuestro modelo BalusoftEntities que creamos
dentro de la carpeta DAL, por eso agregamos el
using en la parte de arriba, por medio de linq to
entities hacemos una consulta muy sencilla que
es un select from where en SQL, finalmente
vinculamos los datos y el resultado ser el
siguiente:
15/24
28/2/2014
Tengamos en cuenta que en la tabla productos

tenemos esta informacion:
Se dan cuenta, nos muestra los productos del

tipo 1, dato que se pasa por la URL y se hace
todo ese proceso.
Espero y les sirva! un saludo y esperen mas
cosas de ASP.NET Entity Framework
Saludos
About these ads
You May Like

1.
16/24
28/2/2014
Share this:
Twitter
Facebook
Pocket
Google
Ms
Me gusta
Se el primero en decir que te gusta.
Relacionado
Consumir un
Webservice
con jQuery
AJAX y
ASP.NET
En
"ASP_NET"
MegaTutorial(
part 3) How
to:
ASP.NET MVC
2
En
"ASP_NET"
Como crear
una Agenda
Web con
ASP.NET
En
"ASP_NET"
Esta entrada fue publicada en AS P_NET, C#,

Visual S tudio 2010 y etiquetada AS P.NET, C#,
Entity Framework, S QL S erver, Visual S tudio
2012. Guarda el enlace permanente.
ABRIR UN ARCHIVO DE PROBANDO LA APLICACIN

EXCEL (.CSV) EN JAVA
DE WORDPRESS
EN ANDROID
4 COMENTARIOS EN ASP.NET 4
ENTITY FRAMEWORK [VISUAL
STUDIO 2012]
Anita
7 septiembre, 2012
4:07 PM
Ayudame por favor, hago

exactamente los pasos
pero al momento de
instalar la base de datos
me sale que la base de
datos ya existe o que no
se puede abrir el archivo o
que estoy de uso
compartido de una ruta
17/24
28/2/2014
UNC Aparte cuando al

abrir la base de datos en
el explorador de
soluciones no aparece la
carpeta diagrama de
clases
Responder
Isaac Ojeda
7 septiembre, 2012
10:58 PM
La verdad
SQL
Server se
puede
volver un
poco
latoso, te
recomiendo
que
descargues
SQL
Server
Management
studio
2008 en
su version
express y
crees tu la
base de
datos, la
base de
datos es
algo
parecido a
esto
http://balusoft.files.wordpress.com/2012/07/image2.png
Saludos!
Responder
William
13 septiembre, 2012
3:41 PM
Tengo un inconveniente,
genera error al momento
de dar click en el primer
elemento de la lista, en
este caso el de
electronica, el query me
18/24
28/2/2014
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 la
consulta en el
lstvCatalogo.DataSource =
query; y hasta hay
perfecto, al momento de
ejecutar el
lstvCatalogo.DataBind();
se genera el siguiente
error El codigo de usuario
no controlo
NotSupportedException
con la siguiente
comentario: Data binding
directly to a store query
(DbSet, DbQuery,
DbSqlQuery) is not
supported. Instead
populate a DbSet with
data, for example by
calling Load on the DbSet,
and then bind to local
data. For WPF bind to
DbSet.Local. For
WinForms bind to
DbSet.Local.ToBindingList().
Responder
Solucionado, cambie unas
William
partes del cdigo y

funciono perfecto
14 septiembre, 2012
19/24
28/2/2014
8:48 AM
protected void
Page_Load(object sender,
EventArgs e)
{
string selectedId =
Request.QueryString["id"];
// if (selectedId != ||
selectedId != null )
if
(!string.IsNullOrEmpty(selectedId
))
cargarCatalogo(Convert.ToInt32(selectedId));
}
private void
cargarCatalogo(int
SelectedId)
{
pnlCatalogo.Visible = true;
BalusoftEntities1 context
= new BalusoftEntities1();
var query =
from q in
context.productos
where q.id_tipo_producto
== SelectedId
select q;
query;
query.ToList();
lstvCatalogo.DataBind();
}
Responder
DEJA UN COMENTARIO
Introduce tu comentario aqu...
AUTORES
20/24
28/2/2014
Isaac
Ojeda
SGUEME EN
TWITTER
Tweets
Isaac Ojeda
@balunatic
Seguir
10m
Oh Viernes, no debera
estar lleno de energa???
GeekNightsCUU 13h
@GeekNightsCUU
En unos minutos
arrancamos con el
episodio #1 del
geeknights podcast.
mixlr.com/geeknightscuu
Entren!
Retwitteado por Isaac
Ojeda
Abrir
Isaac Ojeda
25 feb
Twittear a @balunatic
BALUSOFT BLOG
21/24
28/2/2014
BaluSoft
Blog
Me gusta
A 103 personas les gusta
BaluSoft Blog.
SUSCRIPCIN POR
CORREO
ELECTRNICO
Escribe tu direccin de
correo electrnico para
suscribirte a este blog,
y recibir notificaciones
de nuevos mensajes
por correo.
nete a otros 213
seguidores
Sign me up!
22/24
28/2/2014
.NET
3D ABC_CLIENTES
AJAX
android apache
API aplicacion web movil

appcelerator
ASP.NET base
de datos
Chat
C#
callbacks
codeplex codigo
fuente csv DefaultTableModel
Delphi Entity
Framework
geek
Excel Games
GLScene Glut
GoogleEarth
Graficacion ios
Java JavaScript
JComboBox JList
jQuery
jquery Mobile JTable linux

Look&Feel manual MVC MVC
2
MVC2
mySQL
Netbeans
Object Pascal
OpenGL oracle
oracle linux pdf manual
php proftp
Programacion redes
servidor servidores
sistemas operativos
Sockets Sockets de flujo SQL
Server Substance Texturas
titanium studio Triggers
Visual
Studio 2010
Twitter UDK
Visual Studio
23/24
28/2/2014
2012 WCF
WebServices Windows
Server 2008
WorkBench WPF
wsDualHttpBinding
xampp
XML youtube
CATEGORAS
Elegir categora
LTIMAS
ENTRADAS!
Elegir mes
META
Registrarse
Acceder
RSS de las
entradas
RSS de los
comentarios
WordPress.com
Blog de WordPress.com. El tema Newsworthy.
24/24

Aspnet 4 Entfvsnet 2012

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Aspnet 4 Entfvsnet 2012

Încărcat de

Drepturi de autor:

Formate disponibile

28/2/2014

BaluSoft Blog | ASP.NET 4 Entity Framework [Visual Studio 2012]

VISUAL STUDIO 2010

BaluSoft Blog | ASP.NET 4 Entity Framework [Visual Studio 2012]

Lo que pretendo hacer en este post es un

OJO, si de casualidad tu tienes visual studio

BaluSoft Blog | ASP.NET 4 Entity Framework [Visual Studio 2012]

Primeramente hay que ver la base de datos que

BaluSoft Blog | ASP.NET 4 Entity Framework [Visual Studio 2012]

En visual studio creamos una carpeta especial de

BaluSoft Blog | ASP.NET 4 Entity Framework [Visual Studio 2012]

Si automaticamente te agrego una conexion en

Y damos clic en Connect to Database

BaluSoft Blog | ASP.NET 4 Entity Framework [Visual Studio 2012]

Escribimos el nombre de nuestro servidor, si no

BaluSoft Blog | ASP.NET 4 Entity Framework [Visual Studio 2012]

De esta manera ya tendrmos instalada la base

BaluSoft Blog | ASP.NET 4 Entity Framework [Visual Studio 2012]

Agregamos el modelo y nos aparecer el

Seleccionamos la conexion que ya creamos

BaluSoft Blog | ASP.NET 4 Entity Framework [Visual Studio 2012]

Seleccionamos las tablas que queremos agregar

automaticamente .NET nos creo clases con sus

BaluSoft Blog | ASP.NET 4 Entity Framework [Visual Studio 2012]

Mostrar un menu con los tipos de

BaluSoft Blog | ASP.NET 4 Entity Framework [Visual Studio 2012]

Y listo, en este data source vamos a tener

Aqui estamos difiniendo 3 cosas, el layout de

BaluSoft Blog | ASP.NET 4 Entity Framework [Visual Studio 2012]

y si vemos el codigo de la pagina en el cliente,

Lo notan?, vean el item template y vean como

El primero es el codigo en ASP y el 2do el

BaluSoft Blog | ASP.NET 4 Entity Framework [Visual Studio 2012]

Asi es como funcionan los ListView, la verdad se

Es un Panel, con ID pnlCatalogo y estar oculto

seleccionada del listado que ya hicimos.

BaluSoft Blog | ASP.NET 4 Entity Framework [Visual Studio 2012]

Ahora dentro del listView que agregamos dentro

Y nos vamos al CodeBehind default.aspx.cs y

BaluSoft Blog | ASP.NET 4 Entity Framework [Visual Studio 2012]

Basicamente, como recuerdan, al dar clic en

BaluSoft Blog | ASP.NET 4 Entity Framework [Visual Studio 2012]

Tengamos en cuenta que en la tabla productos

Se dan cuenta, nos muestra los productos del

You May Like

BaluSoft Blog | ASP.NET 4 Entity Framework [Visual Studio 2012]

Esta entrada fue publicada en AS P_NET, C#,

ABRIR UN ARCHIVO DE PROBANDO LA APLICACIN

Ayudame por favor, hago

BaluSoft Blog | ASP.NET 4 Entity Framework [Visual Studio 2012]

UNC Aparte cuando al

BaluSoft Blog | ASP.NET 4 Entity Framework [Visual Studio 2012]

Solucionado, cambie unas

partes del cdigo y

BaluSoft Blog | ASP.NET 4 Entity Framework [Visual Studio 2012]

BaluSoft Blog | ASP.NET 4 Entity Framework [Visual Studio 2012]

BaluSoft Blog | ASP.NET 4 Entity Framework [Visual Studio 2012]

BaluSoft Blog | ASP.NET 4 Entity Framework [Visual Studio 2012]

API aplicacion web movil

fuente csv DefaultTableModel

jquery Mobile JTable linux

BaluSoft Blog | ASP.NET 4 Entity Framework [Visual Studio 2012]

Blog de WordPress.com. El tema Newsworthy.