“ABC de Clientes” en ASP.NET & MySQL [Parte 3/3]

Buenas noches! y llegamos a la tercera parte!, en esta continuaremos haciendo la pagina “consultas.aspx”, en esta rellenaremos un Grid View desde puro codigo, o sea sin utilizar un SQL data source.

Antes de comenzar, al masterPage que habiamos agregado, le vamos a agregar dos menus items mas, que nos llevaran a la pagina que ya habiamos hecho (consultas) y otra que haremos mas delante que sera bitacora, el cual nos mostrara los cambios que se han realizado. Para eso nos vamos al codigo html de nuestro master page y hagregamos lo siguiente.

image

En bitacora agregamos una almohadilla  ya que aun no creamos la pagina, mas delante se la agregaremos.

Para comenzar rapidamente nos iremos debajo del titulo que ya habiamos puesto “Buscar por nombre”.

image

Y pondremos un Label, un Textbox y 2 botones con sus respectivos textos como muestra la imagen, y debajo de este, agregamos un Grid View. Lo que vamos a mostrar en ellos pues son los clientes, del nombre que se ingreso o si se desea mostrar todos (algo no muy recomendable si se cuentan con muchos registros), solo haremos de un solo boton, ya que se  hace de la misma forma, lo unico que cambia es la consulta.

Nos iremos a nuestra clase UsuariosDAL y en este agregaremos el metodo que ahora nos devolvera un Listado de usuarios, este listado sencillamente lo podremos ligar con nuestro Grid View, es facil, veamos como.

image

Seguimos con el while ( o sea no lo volvemos a escribir, solo lo tomamos de referencia para saber donde continua la imagen)

image

Primero que nada se crea una Lista (List) que contendra puros objetos tipo Usuarios y por eso que lo escribimos de la forma List<Usuarios>,  al igual que el otro metodo se realiza la conexion y se establecen los parametros establecidos, dentro del try se inicia la conexion y se realiza la consulta, lo importante aqui esta en el ciclo do-while, primero tenemos un if, que revisa si hubo almenos unresultado, y si lo hubo, entra al ciclo do while, este obtiene los datos y los guarda en un objeto tipo Usuarios y este mismo es agregado a una lista, dentro del do-while, se vuelve a revisar si hay mas resultados (con el metodo Read() ), asi consecutivamente se iran buscando mas resultados, y seran guardados en la lista de usuarios.

Ahora para hacer uso de este metodo, nos vamos al boton que agregamos con la leyenda “Buscar”, primero hay que renombrar nuestro TextBox que se encuentra a la izquierda de dicho boton, esto para tenerlo con facil acceso. Creando el evento en el boton que dice “buscar” agregamos lo siguiente.

image

Creamos una instancia de nuestra clase UsuariosDAL, para asi usar su metodo que acabamos de definor, y posteriormente vinculamos los datos obtenidos con el GridView que habiamos agregado.

Bitacora

Bien, aqui por cuestion de sencilles, lo haremos utilizando un SQL data Source, pero terminando este post uds ya sabran como hacerlo sin tener que depender de este Componente, asi que ahora creamos otra pagina (new item) que nombraremos Bitacora.aspx,y le agregaremos lo siguiente:

imageimage

(uno debajo de otro, como deseen acomodarlos)

Agregamos dos titulos (etiquetas h2) dos grid view y dabajo de cada tabla agregamos un sql data source

Modificaciones

Primero que nada vamos a configurar el SQL Data source que esta debajo de la tabla con el titulo “cambios realizados…”, y es algo que ya hicimos en post anteriores. Solo le damos en configure data source ( al sql data source por supuesto) y escojemos la connectionString que ya habiamos creado anteriormente, pero en la sig ventana ( que se muestra acontinuacion) hay que elegir la opcion custom.

image Y en la siguiente pestaña agregamos una consulta Select  (SELECT * FROM usuarios_modificaciones)  y continuamos

Ahora, vamos a vincular ese data source con nuestro grid view, solo damos en la lista desplegable de nuestro primer grid view (en la imagen el de la izquierda ) y damos en chose data source y escogemos el sql data source correspondiente, o sea el 1.

Bajas

 

Vamos a hacer lo mismo con la otra tabla, configuramos el SQL data Source, pero a este le damos una consulta Select  SELECT * FROM usuarios_bajas, next y todo listo. Solo faltaria vincular ese data source con su respectivo grid view ( el de la derecha de la imagen anterior)

Y al entrar a esa pagina, el resultado sera el siguiente:

image

NOTA: En la tabla de los cambios realizados, a ustedes probablemente les aparecera una tabla muuy larga y esto se vera feo, le cambie la consulta a esa tabla a su respectivo sql data source por la siguiente

SELECT idUsuarios_Modificaciones as ID,nombre_completo_anterior,nombre_actual,razon_social,
        fecha_modificacion as fecha,user_admin as usuario,idUsuario
FROM usuarios_modificaciones;

 

Lo que se hace es renombrar algunos campos para que no ocupen demaciado espacio, por ejemplo el de el id.

Ok, casi terminamos, ahora faltan poder hacer modificaciones a nuestros usuarios!!, cosa que se me olvidaba.

Realizar cambios (UPDATE) a los usuarios

Ahora no se si crear otra pagina mas o agregarla en alguna ya existente, ya que el diseño de esta pagina no esta hecho para tantos items en el menu XD, asi que para no crear otra pagina lo haremos en el mismo de consultar usuarios (consultas.aspx).

Hemos estado usando puros GridView, ahora seria interesante usar otro compenente, y ese sera DetailsView, pero por sencilles lo haremos de una forma no muy eficiente, pero servira para poder modificar los usuarios de una manera facil.

Entonces agregamos otro titulo que sera Modificar clientes (etiquetas h2), esto lo haremos en la pagina consultas.aspx como ya lo habia comentado, esto lo crearemos al final de la tabla que tenemos, agregamos un DetailsView y abajo de este agregamos un SQL Data source, lo configuramos de la misma forma que lo hemos estado haciendo (escogemos la string que ya teniamos configurada, ponemos una consulta perzonalizada o sea custom y ponemos una consulta generica Select * from usuarios) pero ahora en la pestaña Update haremos lo siguiente:

image

Lo que hacemos aqui es establecer parametros como siempre lo hemos hecho, pero estos seran tomados automaticamente de nuestro DetailsView, ahorita veremos como. Para finalizar damos Next hasta terminar el wizard.

Ahora configuraremos el DetailsView desplegando sus opciones y escogemos en “Choose data source” el data source que acabamos de configurar y automaticamente ahi mismo nos apareceran dos check box, de habilitar el paginado y ademas habilitar el update, habilitamos las 2.

imageDebera de verse de esa manera.

Y ahora si mas no me equivoco ya se podra ver entre las paginas el usuario que se desea modificar, como les dije no es una forma eficiente (si tenemos miles de usuarios imaginense), ya solo bastaria usar nuestra imaginacion para no usar ese componente y hacer algo por nosotros mismos ( por ejepmlo usar el grid view pero habilitando la opcion select para poder seleccionar un registro, y asi obtener el registro seleccionado y mostrar esa informacion en otros textBox y asi poder modificarla, algo asi)

Entonces cada vez que le demos en Edit, se cambiara todo nuestro detailVie para poder modificarlo, ejemplo:

imageLo malo aqui, como ya les comente, es que tendremos que estar viendo en todas las paginas el registro que queremos modificar XD, pero es solo por sencilles y para saber como usar este componente.

 

Resumen

En resumen de la parte 1

Respecto a MySQL

  • Se creo una BD apartir de diagramas EER
  • Se crearon 2 triggers  ( o disparadores) que actua en la tabla Usuarios

Respecto a ASP.NET

  • Se aprendio a realizar una conexion a MySQL desde el componente SQL Data Source
  • Se aprendio a agregar registros a una base de datos

Resumen de la parte 2

  • Se aprendio a borrar registros desde el componente SQL Data Source
  • Consultar Registros de una base de datos, realizando la conexion con puro codigo (creando sus respectivas clases)

 

    Resumen de la parte 3

  • Se realizo la misma tarea anterior, pero mostrandolo en un Grid View con puro codigo
  • Mostrar los registros de las modificaciones y bajas realizadas ( la bitacora)
  • Modificar un registro

Espero que les haya sido de ayuda, en estos dias estare analizando todos los posts para encontrar errores o cosas en las que no me haya explicado bien, comenten sus dudas y con gusto trataremos de resolverlas!.

Un saludo! & Code4Fun

Anuncios

3 comentarios sobre ““ABC de Clientes” en ASP.NET & MySQL [Parte 3/3]

  1. Disculpa no se si puedas subir la pagina para descargar eh seguido los paso a pie de la letra pero hay unos codigos en los cuales me marca error te lo agradeceria demasiado 🙂

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s