Login Con Java Server Faces

Login con Java Server Faces INTRODUCCIÓN Hoy inicio una serie de tutoriales para trabajar con JSF y mostraré lo sencillo que resulta trabajar con esta relativamente reciente tecnología de SUN, y espero que los lectores puedan encontrarle el gusto a Java Server Faces y vean por si mismos el por que yo en lo personal prefiero JSF a otras tecnologías como ASP .NET y a ese otro lenguaje que norecuerdo su nombre…. ah si! ya recorde! PHP! En este primer ejemplo será hacer un sencillo formulario de lógin con Java Server Faces y verémos los sencillo que resulta trabajar con el Visual Web Pack de NetBeans. HERRAMIENTAS: 1. 2. 3. 4. NetBeans 6.1 con el plugin para Visual Web Pack Servidor de Aplicaciones GlassFish MySQL 5.0 Aqua Data Studio 6.5

DESARROLLO Si se usa la versión 6.1 de NetBeans,ya se trae por default el plugin para trabajar con Visual Web Pack, en caso contrario, tendràs que descargarlo desde el menú Tools-plugins. Primero creamos una tabla como la indicada por el Diagrama E-R

donde los campos indican: id de usuario AUTO_INCREMENT, A. Paterno, A. Materno, Nombre, Nombre de usuario o nick, Contraseña, Correo y los ultimos 4 campos son campos AUDITORES. Una vez quetenemos lista la tabla en la BD, regresamos a NetBeans y crearemos un nuevo proyecto que será una Web Application, y seleccionamos el servidor de aplicaciones que trabaja por defecto NetBeans, GlassFish!. y a la hora de seleccionar los Frameworks, escogeremos Visual Web Java Server Faces. Hecho esto, tendrémos una página lista para arrastrar los componentes visuales de JSF y comenzar a diseñar!Después proseguimos a realizar un pequeño formulario como el mostrado en la imàgen de abajo. Insertamos un Layout Panel y en su propiedad PanelLayout seleccionamos Grid Layout. Y dentro de este panel colocaremos la caja de texto del user y el Pasword Field para la contraseña junto con un botón.

Además y fuera del Layout Panel, colocaremos un Group Message! (Observesé que también existe otro LayoutPanel de color verde más obscuro que contiene a los demás componentes). Seleccionamos el Group Message y en su propiedad Title ponemos “ERROR DE AUTENTICACIÓN”.

Es de suponerse que necesitamos una pequeña tabla donde esten nuestros usuarios con sus respectivas claves encriptadas! Para ello y en MySQL disponemos de varias funciones, entre las más recomendadas esta AES_ENCRYPT. Una vez que ya setiene la BD, regresamos a NetBeans y en la pestaña de Services realizamos la conexión a la Base de Datos dando click derecho en Data Bases y seleccionando New Connection… En caso de no tener el driver de MySQL ya instalado, deberemos entonces dar click derecho sobre la carpeta de drivers y seleccionar New Driver…

Si ya tenemos todo listo, podemos dar click derecho sobre nuestra conexión yseleccionar Connection. Después ya podremos navegar sobre las distintas tablas que tengamos. Entonces pues, seleccionaremos nuestra tabla de usuarios y arrastramos al “Page1″. Con esto se insertará en el SessionBean1 un RowSet y en el Page1 un DataProvider. El RowSet es el encargado se obtener los datos, ejecutar las sentencias SQL, y el DataProvider es algo así como un Puntero al RowSet y generalmenteeste último es el que usaremos para insertar y obtener valores. Seleccionamos el RowSet creado en el SessionBean1 y damos click derecho para seleccionar Edit SQL Statement. Ahi modificaremos nuestra consulta SQL para traer únicamente los campos que necesitamos, que son usuario y password. En mi caso, como las contraseñas estan encriptadas, la sentencia SQL queda algo así:

SELECT ALLtacusu.`USU_CNOM`, AES_DECRYPT(USU_CPAS,‟abc123′) as USU_CPAS FROM tacusu donde „abc123′ es la clave para desencriptar la contraseña que fué encriptada con esa misma clave. Guardamos los cambios y listo. Ah y para insertar la contraseña encriptada es algo asi: INSERT INTO tacusu VALUES(„windoctor‟, AES_ENCRYPT(„aqui_contraseña‟,'aqui_clave_secreta‟)); Ahora seleccionamos la caja de texto, click derecho y...