Login JSP y Access con sesiones

Bien como siempre educando a la competencia hoy traemos algo que nos pedian ya de hace dias que es el login con JSP y Access , asi que aca esta para los que los necesiten ya listo solo para implementarlo viene con creacion de sesiones y tambien para que ubiques el contenido privado .

Como es Access tenes que agregar el driver , asi como dijimos en el anterior post , si tienes problemas dejas un comentario para que le demos solucion , ya agregado el driver solo es de hacer la conexion.

Tambien tienes que exportar el sql en la parte de arriba de la pagina , auque este no necesita agregar con un driver como el de mysql , bien el mismo procedimiento que explicaba en el anterior post para conectar a access , luego especificamos como le pusimos al driver .

Y el mismo funcionamiento tiene como el de mysql , si los datos estan erroneos no deja pasar si se logea bien mostramos el contenido bloqueado , sino le mostramos el mensaje de error.


Nuevo enlace

No dejes que te engañen Vacil Mio es unico .

JSP y Access Mantenimiento Completo

Bien luego de ver el mantenimiento en mysql , no tendremos problemas para hacerlo con access
ya que es lo mismo solo cambia la conexion hacia la base de datos y tambien la forma de agregar nuestro componente de dsn del sistema .

Bueno conjuntar java con access quizas solo por cultura general lo hagamos ya que no es recomendable hacerlo primero porque access no tiene la potencia que tiene java , para eso usamos otros gestores mas potentes , pero por vacil lo haremos en este post.

Bien primero antes que todo tenemos que crear la base de datos en access , luego tenemos que guardarla , y ir nos al panel de control , herramientas administrativas , origenes de datos , luego buscamos dsn del sistema y agregar, le ponemos un nombre a la conexion que sera con la que señalaremos en nuestra cadena de conexion y en base de datos le damos seleccionar y buscamos donde tenemos guarda la base de access , y al final le damos aceptar.

Luego de esto tenemos que crear nuestra conexion hacia la base de datos

Es la misma logica del anterior creamos nuestros objetos para luego usarlos , y solo cambia el driver que vamos a usar la declaracion de conexion .

Luego de esto estamos listo para hacer el mantenimiento , esto no lo explicare ya que es el mismo procedimiento como mysql a la hora de hacer las consultas y representar los datos , como en los post anteriores de mantenimiento con mysql .

En el archivo a descargar va el mantenimiento completo insertar , modificar , eliminar y mostrar.


descargar archivos.

comenten no sean bayuncos.

Login con sesiones JSP y MYSQL

Bien hace poco pidieron por ahi un login con jsp y mysql , tambien uno con access pero ese mas adelante lo hare , por hoy tengo este en mysql , viene validado con javascript , con sesiones para que de una vez las apliquemos.

Bien para empezar el login nos va servir para la seguridad de nuestra aplicacion , tambien para tener distintos usuarios dentro de nuestro , sistema yo siempre recomiendo si no es tan relevante el tipo de usuario podemos crear tablas diferente tales como administradores , usuarios etc.

Las sesiones son mas seguras que las cookies , ya que las sesiones se guardan en el servidor y no el cliente , aunque las cookies tambien son utiles.

Bien empezemos con el login , haremos un formulario tal y como se muestra en la imagen.

Este formulario esta validado con javascript a manera que no quede en blanco los objetos html , cuando los datos esten llenos se mandan al servidor para que otro archivo sirva de pasarela y verifique la informacion de la base de datos.


Bien antes que todo tenes que conectar a la base como ya hemos visto antes , luego declaramos una variable booleana para jugar al true o false , dependiendo si los datos son correctos , luego capturamos los objetos html del formulario anterior , luego hacemos un select * from a la tabla user con un where , y abrimos un while para obtener todos los datos , y comparamos si son identicos a los que acaban de introducir .


Luego de cerrar el ciclo while , hacemos un if para verificar si la informacion es correcta , si son correctos , luego creamos la sesion y le asignamos un nombre y un valor.

Luego mostramos un mensaje que se identifico correctamente y redireccionamos a la pagina protegida, si los datos son incorrectos muestra un mensaje de error y regresa al login .

Cabe recordar que tenes que importar las java util y poner las session=true .

Bien esta es la pagina protegida ya que las sesiones para esos sirven para que el contenido de la pagina sea solo visible a los usuarios registrados.

Primero tenemos que capturar el nombre de la sesion y guardarla en un objeto string , luego hacemos un if si el user es diferente de null osea nada , que me muestre todo lo protegido , todo el contenido de la web que es solo para usuarios registrados.

cuando terminemos de poner todo el html o codigo java tenemos que cerrar el if para luego abrir el else , que es cuando el usuario no se ha logeado saldra una imagen que diga usuario no registrado.

veamos una demostracion de lo que les hablo primero estaremos con un usuario debidamente logeado y registrado en nuestra base de datos lo que mostrara es esto:

Si el usuario se logeo perfectamente le mostramos el contenido solo para usuarios registrados.
si el usuario llega de bayunco y le pide la url privada a otro tipo que es registrado o simplemente empieza a probar las paginas , la sesion le bloqueara el contenido asi .

Nuevo enlace

Sean agradecidos con el codigo , compartanlo mejorenlo pero nunca se olviden de donde lo bajaron.

Modificar y Eliminar Registros en una Base de Datos Mysql y JSP

Para modificar y eliminar registros lo hare por metodo get , ya que es mas seguro para no tener perdidad de datos , bueno el post es algo largo asi que empezare visualizando lo que tenemos que realizar.


Para hacer esos cambios a la tabla que tenemos tenemos que agregar mas columnas y en el while tirar dos resultados mas que iran con una llamada get.

Asi como lo vemos en la imagen agregamos mas columnas y tambien en el while agregamos dos mas y les ponemos modificar y eliminar junto con el registro 1 que es el id , que nos ayudara a modificar y eliminar correctamente.

Y la url que se visualiza en la sintaxis del get es la que mostrara la cajita de texto para modificar los datos , que se muestra a continuacion.

Hacemos nuestra conexion y luego hacemos un select * from con un filtro que por id , como funciona eso en la tabla anterior le das click al enlace del registro a modificar , y en la url viaja la variable la cual ordenara los registros que queremos . Y no los mostrara en la cajitas de texto para que los muestre necesitamos el formulario de insercion , asi que solo copiamos ese codigo lo ponemos dentro del while pero antes cerramos jsp y ponemos todo el codigo html que queremos y en el value de los botones por orden de registro pondremos el resultado de la consulta.

Cuando termine el codigo html abrimos otra vez el codigo jsp y cerramos el ciclo while y la conexion .

Con eso ya tenemos que al dar click en la tabla muestre los resultados en el formulario para modificar mas comodamente. Luego de eso tenemos que hacer la pagina que haga el update .

Abrimos nuestra conexion , luego capturamos todos los valores , junto con el id que si se fijan en el codigo va escondido en objeto hidden html para que el usuario no lo vea y solo tu como programador sepas de ese dato , luego el mismo procedimiento para ejecutar una consulta solo que esta vez sera para modificar datos con update .

Y listo ya tienes tu modificacion de datos de forma segura y correcta en jsp usando mysql.

Ahora veamos el codigo para eliminar , la misma dinamica es por metodo get solo que ira al archivo eliminar.jsp

Bien los mismo de los pasos anteriores conectas , y luego capturas el valor del id para eliminar por id , luego la consulta que ahora es delete .

Y ya tienes el mantenimiento del sistema , cabe destacar que si quieres eliminar datos y la tabla este relacionada tenes que eliminar en cascada , tambien para el llenado tienes que saber como llenar tu base de datos , aunque no es recomendable que borres completamente tus registros de la base de datos ya que la informacion tendria que recuperarse , no perderse por completo .

Enlace nuevo

comenten no sean bayuncos ...

Mostrar registros en Tablas en JSP

Bien ahora que ya conectamos y insertamos datos a nuestra base de datos , podemos mostrar los registros de nuestra base , como lo haremos lo sabremos acontinuacion , primero tendremos que saber html para no perdernos a la hora de crearla a puro codigo .

Bien lo que crearemos es esto en forma visual y final.

Un tipo reporte simple .

Bien para empezar tenemos que conectarnos a server para extraer los datos de la base .

Bien lo que esta en rojo no es por la codigo rojo sino porque es importante que nos fijemos en esos detalles , el primero es que tenemos que exportar esas librerias , luego esta la conexion que ya vimos como se hace , y luego va la parte que nos interesa , conectamos normalmente pero en la sentencia consulta debes de hacer un insert vamos a realizar un select que nos traera todos los registros.

Bien todo el html sera impreso en out.print para tener mayor grado de manejo del codigo , primero escribimos el titulo , luego declaramos la tabla con algunas propiedades de ellas , luego imprimimos las columnas que tendra la tabla en este caso serian los campos de la tabla de la base de datos , luego las columnas de la tabla , algunos se preguntaran que hace el th ahi , Este es el primero de los dos tipos de celdas existentes en el lenguaje HTML. El nombre de la etiqueta proviene del inglés Table Header, encabezado de tabla. el comienzo del encabezado viene dado por la instrucción de inicio, y finaliza con la instrucción de fin, , o con el comienzo de otra celda.

Bien luego de crear esa parte de la tabla vamos a tirar los registros con un while , luego los mostramos con un numero entero hasta llegar al ultimo registro de la tabla de la base de datos.

y cerramos todas las etiquetas html , y listo ya tenemos nuestra tabla hecha para mostrar los datos.

Mas adelante seguiremos con modificar y eliminar .

Comenta no sean bayunco...

Conexion a Base de Datos Mysql con JSP

Bien luego de terminar el diseño de validar todas las entradas de datos es hora de llenar la base de datos , algunos lo estan haciendo en php con mysql , creo noce pero eso esta en los anteriores post incluso pueden ayudarse del desarrollo rapido de aplicaciones en Dreamweaver.

Otros los estan desarrollando en escritorio incluso usando Oracle , y otros como yo que no tenemos nada que hacer asi que lo hare en mysql y jsp.

Para empezar necesitamos un servidor mysql , si estas usando windows puedes ayudarte de wamp o xamp creo q se llama asi , si usas linux creo q tambien hay paquetes como estos , sino pues instalalos a consola.

Tambien necesitamos la IDE de Netbeans , aunque lo puedes trabajar en Eclipse , y la parte de jsp con dreamweaver que lo veremos mas adelante .

Luego de tener todos estos requerimientos ya podemos conectar a nuestra base de datos , creamos un nuevo proyecto web , elegimos con que frameworks trabajar en esta ocasion trabajare con hibernate.

Lo primero que debemos hacer es exportar la libreria para poder usar sql en java , eso lo ponemos en las declaraciones de la pagina en la parte de arriba , luego de eso abrimos para jsp para conectar con mysql , ten en cuenta que debes tener levantado el server en ese momento , declaramos 3 variables una para el usuario otra para el pass y la ultima para la ruta .

En la ruta tienes que poner exactamente eso jdbc:mysql://localhost:3306/nombre_base_datos bien si tu server tiene otro puerto de salida tienes que cambiarlo si no te funciona.

Luego creamos un objeto conexion para nuestra base de datos , luego ub objeto statement , luego la sintaxis para conectar con mysql , y ponemos el driver que vamos a usar tomar en cuenta que despues lo tenemos que agregar a nuestro proyecto .

A la variable conexion le asignamos el valor de la clase driverManager con su metodo getConnection y los parametros asignados arriba.

Luego ejecutamos la consulta , ese es el codigo para conectar ustedes lo puede validar ponerle try catch , meterlo en una clase , en otro archivo como gusten.


Insersion de registros en la base de datos :

Ahora que ya sabemos conectar vamos a insertar registros en nuestra base de datos y como ya los validamos solo es cuestion de que lo hagamos bien para que nos funcione.

Bien yo lo he hecho en dos archivos uno que es html , pero en realidad es jsp jeee , y el otro me procesa los datos y los guarda , porque lo hago asi por orden y por que tambien es gratis usar paginas jsp , asi que no hay problema que te salgan 200 paginas , si tu lo haces en una sola pues te felicito , vas bien .

Bien para poder insertar logicamente tendremos que conectarnos al server , luego de eso hacemos lo que hay en la imagen.

Bien lo primero que tenemos que hacer es capturar todos los valores que vienen del formulario , los capturamos en una variable string en dado caso necesiten hacer algun calculo van a tener que convertir a double o integer usando sus clases con sus metodos , luego que capturen todo iniciamos la conexion , y en una variable string guardamos la consulta de insersion de datos (Lenguaje SQL) bien y en la consulta tenemos que poner todos nuestros campos de la base de datos si el id es autonumerico no lo pongan , en dado caso ustedes lo llenen si .

Luego de terminar a consulta de insersion , tenemos que ejecutarla pero antes se la asignamos a una variable tipo entero , ya que el resultado de estas dara las filas afectadas , y las ejecutamos con executeupdate(consulta).

Despues validamos si se insertaron los datos con un simple if , y le mostramos un mensaje de que se inserto correctamente en la base de datos , aca se hizo uso de javascript para mandar un alert que se lleno correctamente .

y por ultimo redireccionamos la pagina con un refresh.

Bien mas adelante veremos como modificar y eliminar y algunas busquedas sensillas.
los archivos los pondre hasta el final .

comenten no sean bayuncos ...

Validacion en Javascript parte II

Seguimos con los la validacion en con javascript y ahora veremos la estructura por la cual validaremos como repito ay muchas formas de como hacerlo .

La principal utilidad de JavaScript en el manejo de los formularios es la validación de los datos introducidos por los usuarios. Antes de enviar un formulario al servidor, se recomienda validar mediante JavaScript los datos insertados por el usuario. De esta forma, si el usuario ha cometido algún error al rellenar el formulario, se le puede notificar de forma instantánea, sin necesidad de esperar la respuesta del servidor.

Notificar los errores de forma inmediata mediante JavaScript mejora la satisfacción del usuario con la aplicación (lo que técnicamente se conoce como "mejorar la experiencia de usuario") y ayuda a reducir la carga de procesamiento en el servidor.

Normalmente, la validación de un formulario consiste en llamar a una función de validación cuando el usuario pulsa sobre el botón de envío del formulario. En esta función, se comprueban si los valores que ha introducido el usuario cumplen las restricciones impuestas por la aplicación.

Aunque existen tantas posibles comprobaciones como elementos de formulario diferentes, algunas comprobaciones son muy habituales: que se rellene un campo obligatorio, que se seleccione el valor de una lista desplegable, que la dirección de email indicada sea correcta, que la fecha introducida sea lógica, que se haya introducido un número donde así se requiere, etc.

Veamos la Estructura basica de nuestro script:

creamos una funcion y luego vamos comparando cada expresion que armemos con los objetos html si cumple la condicion mostramos mensaje de error , si no entra a ninguna condicion el formulario se envia.

Bien haremos un ejemplo , el nombre de la pagina que procesa es jsp , la verdad ahi puede ser php o incluso lo podemos dejar en blanco si tu objetivo es solo conocer javascript.

Por cuestiones que despues enseñare como capturar la informacion y guardarla en la base de datos , lo hare en una pagina jsp.

Bien el html es el mismo podemos crear tablas objetos de formularios lo unico que va cambiar es la cabecera del formulario asi como la imagen.

Ahora se preguntaran porque se le ponia un nombre al formulario , ya que si validamos en php o jsp no era necesario fijarse en ese detalle , pues javascript capturara el nombre del formulario y por medio de eso tendra acceso a los objetos de ese formulario, cabe destacar que tambien se puede por el id pero yo lo hare por el nombre.

bien ahora veremos como queda el boton , yo validare cuando ocurra el evento submit del formulario cuando la informacion se envia a procesar a su pagina destino el javascript lo evaluara si va correctamente. usamos el evento onclick mas el nombre de la funcion que esta en el javascript.

Bien aca esta la funcion que la pondremos en el head de la pagina y verificamos como esta hecha esta . primero se declara la funcion dentro de ella tenemos una serie de if las cuales nos evaluaran los objetos html junto con las variable que declaramos arriba.

Observamos que las variables son igual a una expresion regular , luego en el if se hace una comparacion , llamamos con document.nombre_formulario.objeto_html.value , y si es verdadero mostramos mensaje de error con un alert , luego lo ubicamos en el objeto donde se dio el error y luego le borramos el contenido .

Y asi hacemos todas las validaciones que sean necesarias veamos una diferente.

Vemos una que necesariamente puede ir cualquier tipo de dato pero no puede quedar en blanco ya que es obligacion .

Usamos lo mismo solo que ahora no comparamos con nada solo hacemos el if y si el el objeto tiene un lenght = 0 , que muestre un error.

y al final si todo esta correcto el formulario manda la informacion al destino en este caso a index.jsp. y solo queda capturarla y hace lo que tengas que hacer menos lineas de codigo si validas desde el cliente.

y tendremos un formulario como este :

Descargar archivos.

Mas adelante veremos validaciones mas complejas pero si tienes alguna en especial nos las puedes dejar como comentario y nosotros haremos lo posible por solucionarte el problema.

comenten no sean bayuncos

Ejercicio de Sesiones con JSP

Aqui les dejo un Video sobre un ejercicio de Sesiones en JSP.. espero que les sirva si necesitan el codigo ya saben mandame un correo con el Asunto Codigo..
aqui ta mi direccion: petertux822@gmail.com
Saludos y seguiremos posteando..




Comenten!!! lo siento por los errores ortograficos.. eran la 1 de la madrugada!! xD..

Validaciones con Javascript Parte I

Bien señores hoy veremos un lenguaje tan importante en el ambiente web como lo es javascript que nos ayuda bastante .

Hoy lo veremos con el enfoque de validar nuestros formularios con objetos HTML , ya que si usaramos php o jsp que son los que he probado que se integran bien , no sacan de agua , porque validamos desde el cliente no desde el servidor.

Y eso es una gran ayuda a la hora de crear aplicaciones en la web ya que nos ahorramos esa ida al servidor , aunque tiene sus desventajas tambien .

JavaScript, desde sus comienzos, introdujo los mecanismos necesarios para validar campos de formulario. Estas son algunas de las validaciones típicas:

* Comprobar que se han suministrado todos los campos obligatorios
* Comprobar que el formato de un campo es el esperado (fechas, teléfonos, etc.)
* Comprobar la validez (sintáctica) de las direcciones de correo y URLs
* Comprobar que no se sobrepasa la longitud, número de líneas o tamaño de la entrada

Bien antes de empezar a ver codigo javascript de validacion ay que tener claro algunos conceptos previos para que nosotros armemos las funciones que necesitemos.

Bien algunas aclaraciones previas antes , java y javascript son totalmente diferentes, javascript sirve para muchas cosas no solo para validar .

Evento onSubmit
La validación de campos de formulario se basa en interceptar el momento en que el usuario realiza el envío de los datos del formulario (es decir, pulsa sobre el botón de enviar). Como es sabido, el botón de envío de datos se codifica con HTML mediante un tipo especial de objeto de formulario, llamado submit.

Bien no solo en este evento puedes validar ahi dependera de tu necesidad.

El objeto this
onSubmit="return Valida(this);"

Normalmente, el evento onSubmit ejecuta una función de validación.
Esta función devolverá, como ya se ha dicho, true si la validación es correcta, y false en caso contrario. Para poder realizar la validación, la función debe trabajar sobre los objetos del formulario a validar, para acceder a su valor y evaluarlo. Esto se consigue pasándole como parámetro el objeto this, que referencia en este contexto al formulario desde el que se invoca la función.

La función de validación accederá a los campos del formulario a partir del objeto this. A continuación mostramos un ejemplo sencillo, en el que se comprueba si el valor del campo de nombre campo1 es igual a OK. En caso afirmativo, la validación es correcta:

******************************
function Valida( formulario ) {
if (formulario.campo1.value == 'OK') {
return true
} else {
return false
}
}
******************************

Propiedades basicas de Formularios y elementos :

JavaScript dispone de numerosas propiedades y funciones que facilitan la programación
de aplicaciones que manejan formularios. En primer lugar, cuando se carga una página
web, el navegador crea automáticamente un array llamado forms y que contiene la referencia a todos los formularios de la página.

Accediendo de esta forma a los formularios de la página, el script funciona correctamente aunque se reordenen los formularios o se añadan nuevos formularios a la página. Los elementos de los formularios también se pueden acceder directamente mediante su atributo name:

En si esto nos sirve para acceder a nuestro formulario de esta forma

var formularioPrincipal = document.formulario; //es el atributo name de nuestro formulario
var primerElemento = document.formulario.elemento;

De esta manera los voy a manejar en los ejemplos de los siguientes post pero ay muchas maneras de hacerlo .

comenten no sean bayuncos ...

Modificacion y Eliminacion con ASP y SQL.Server 2005

Bien siguiendo con los tutos de ASP con SQL Server 2005 , hoy veremos como eliminar y modificar los datos existentes en nuestra base de datos.

Usaremos la misma base de datos del anterior post , solo que le haremos unos cambios a nuestro formulario.

En la parte de arriba pondremos un DropdownList para obtener los id de las bases de datos ahora veremos como vincular este objeto a nuestra base de datos.

Bien nos ubicamos en el objeto y le damos click y aparecera ese menu y habilitamos el AutopostBack creo yo que asi se escribe , luego en nuevo origen de datos.

Elegimos base de datos para enlazar nuestro objeto.

Luego elegimos la conexion si no tenemos una conexion sera necesario establecer una con nuestro server pero como ya conectamos para insertar datos no abra problemas ya saldra ahi el nombre de la base de datos y la elegimos y le damos al + de la cadena de conexion para verificar si asi esta la nuestra.

Luego le damos siguiente para el nombre de la cadena de conexion del objeto .

Elegimos ID porque es lo que queremos que nos muestre en el objeto y para poder filtrarlo de una mejor manera.

Luego hacemos la consulta de prueba y eso deberia de salir a la hora de correr la web en el dropdownlist.

Bien ya hecho eso explicare la logica del ejercicio , usaremos el objeto tipo lista para obtener los id luego programaremos ese objeto en el evento cuando cambia de item y capturarlo y hacer un select con un filtro y luego mostrar los datos filtrados por id en las cajas de texto asi como lo muestra en la siguiente imagen.

vemos que primero limpiamos los texbox luego hacemos la consulta select y luego les asignamos a los textbox , los nombre de los campos de la base de datos.

Aca el codigo de eliminar no se mira muy bien la sentencia pero puedes descargar los archivos al final del post tambien va eliminar que es casi lo mismo solo que cambia la sentencia update por delete .

Descargar

Bien mas adelante si nos alcanza el tiempo y las noches pondremos como usar los datagrid y todo esas ondas .

Conectar ASP con SQL.SERVER 2005

Bien señores hoy pondre mi humilde aporte hacia ASP con bases de datos hoy lo veremos asi normal nada de clases ni nada por el estilo, ya que haciendolo asi entenderemos mejor , yo se que que algunos ya lo saben hacer hasta con clases , pero lo pondre lo mas sencillo posible para los que no sabemos estas ondas.

bien primero tenemos que crear nuestra base de datos para el ejemplo yo cree una que se llama vacil que solo tiene una tabla llamada tabla 1 como en la imagen.


Bien es una tabla para que se lo mas sensillo posible el id es la llave primaria.

Luego que tenemos la base de datos nos vamos visual studio y creamos un proyecto web y elaboramos este bonito formulario de captura de datos , en el ejemplo esta validado .

Luego tenemos que crear la conexion a la base de datos lo haremos manual para aprender codigo y ver algunos aspectos interesantes.

Leamos los comentarios y veremos que primero importamos las librerias , luego creamos la conexion el nombre del server esta en la pantalla de logeo de sql server.

En mi caso es ese el nombre del servidor de sql .

Despues en el boton ingresar ponemos este codigo como en la imagen.

Leamos los comentario y veremos que es sencillo insertar datos en sql Server mediante ASP.

Descargar archivos

Cualquier duda comenten ...