Tema04 Autenticacion de Usuario 140603190836 Phpapp01

15
UNIDAD II: DESARROLLO DE APLICACIONES WEB II Ing. Hobby Saavedra Rosas TEMA 04: AUTENTICACIÓN DE USUARIOS USANDO PATRÓN MVC

description

MYSQL+JAVa

Transcript of Tema04 Autenticacion de Usuario 140603190836 Phpapp01

Page 1: Tema04 Autenticacion de Usuario 140603190836 Phpapp01

UNIDAD II: DESARROLLO DE APLICACIONES WEB II

Ing. Hobby Saavedra Rosas

TEMA 04: AUTENTICACIÓN DE

USUARIOS USANDO

PATRÓN MVC

Page 2: Tema04 Autenticacion de Usuario 140603190836 Phpapp01

UNIDAD II: DESARROLLO DE APLICACIONES WEB II

Ing. Hobby Saavedra Rosas

AUTENTICACIÓN DE USUARIOS JAVA WEB, PATRÓN MVC

1. En el SGBD MySQL, Creamos una base de datos de nombre autenticacion, con los

siguientes campos.

2. Ahora en la base de datos autenticacion, se debe tener la tabla usuarios.

3. Debemos insertar dos usuarios, uno como administrador y otro como cliente.

Tener en cuenta que la contraseña debe quedar encriptada, para ello usamos la

función AES_ENCRYPT, y para desencriptar AES_DECRYPT. Tener en cuenta el

tipo de dato que almacena.

4. Verificamos que nuestros registros, se encuentren en la tabla usuarios.

Page 3: Tema04 Autenticacion de Usuario 140603190836 Phpapp01

UNIDAD II: DESARROLLO DE APLICACIONES WEB II

Ing. Hobby Saavedra Rosas

5. Ahora si queremos saber cuál es el valor del atributo password, que se encuentra almacenado

en la tabla usuarios.

6. En caso que desee usar un procedimiento almacenado esta sería la estructura.

7. Ahora una vez que hemos creado la base de datos, tabla y haber insertado los registros.

Procedemos a crear un proyecto web en NetBeans, de nombre PatronMVC_03

Valor de la llave para

encriptar o desencriptar.

Page 4: Tema04 Autenticacion de Usuario 140603190836 Phpapp01

UNIDAD II: DESARROLLO DE APLICACIONES WEB II

Ing. Hobby Saavedra Rosas

8. Implementamos la conexión con la base de datos.

8.1. Creamos un paquete de nombre cone.sql y en él una clase de nombre ConectaDB

8.2. Código fuente de la clase ConectaDB

Page 5: Tema04 Autenticacion de Usuario 140603190836 Phpapp01

UNIDAD II: DESARROLLO DE APLICACIONES WEB II

Ing. Hobby Saavedra Rosas

9. Crear el objeto de transferencia de datos: Usuarios

Los objetos de transferencia de datos o DTO sirven para el encapsulamiento y transferencia de

información entre los diversos protagonistas del proyecto. En nuestro caso en el paquete dto

crear la clase Usuarios.

9.1. Paquete dto, que contiene a la clase Usuarios.

9.2. Código fuente de la clase Usuarios.

Page 6: Tema04 Autenticacion de Usuario 140603190836 Phpapp01

UNIDAD II: DESARROLLO DE APLICACIONES WEB II

Ing. Hobby Saavedra Rosas

10. Crear la interface DAO: DaoUsuarios

Antes de desarrollar la aplicación debemos planificarla, por ello en el paquete model.dao crear

la interface DaoUsuarios con el siguiente contenido:

10.1. Paquete model.dao, que contiene a la interface autentica.

Page 7: Tema04 Autenticacion de Usuario 140603190836 Phpapp01

UNIDAD II: DESARROLLO DE APLICACIONES WEB II

Ing. Hobby Saavedra Rosas

10.2. Código fuente de la interface autentica.

Procedimiento almacenado para recuperar los datos del usuario.

11. Implementación DAO: DaoUsuariosImpl

Con la planificación establecida en DaoUsuarios entonces toca la implementación, por lo

tanto en el paquete model.dao.impl crear la clase DaoUsuariosImpl con el siguiente

contenido:

11.1. Creamos una clase DaoUsuariosImpl, dentro del paquete dao.model.impl.

11.2. Codificamos la clase DaoUsuariosImpl.

Page 8: Tema04 Autenticacion de Usuario 140603190836 Phpapp01

UNIDAD II: DESARROLLO DE APLICACIONES WEB II

Ing. Hobby Saavedra Rosas

12. Creamos el controlador

12.1. Creamos un Servlet con el nombre de ServletUsuarios.

Page 9: Tema04 Autenticacion de Usuario 140603190836 Phpapp01

UNIDAD II: DESARROLLO DE APLICACIONES WEB II

Ing. Hobby Saavedra Rosas

12.2. Estructura del paquete web.servlets, contenedora del Servlet, ServletUsuarios

12.3. Código fuente en el ServletUsuarios

Page 10: Tema04 Autenticacion de Usuario 140603190836 Phpapp01

UNIDAD II: DESARROLLO DE APLICACIONES WEB II

Ing. Hobby Saavedra Rosas

Page 11: Tema04 Autenticacion de Usuario 140603190836 Phpapp01

UNIDAD II: DESARROLLO DE APLICACIONES WEB II

Ing. Hobby Saavedra Rosas

13. Ahora configuramos la Vista, con los archivos, jsp, js, css.

14. Estructura final del proyecto.

Archivos, JSP, JS, CSS, que conforman

la parte de la Vista en el Patrón MVC

Archivos .java, Clases e Interfaces, que

conforman el modelo en el Patrón MVC

Servlets, archivos que forman parte del

controlador en el Patrón MVC.

Librerias para acceso a datos conector

de MySQL y Librería Estándar Tag Lib

(JSTL)

Servidor Web Apache Tomcat,

contenedor de Servlets, que permite

ejecutar nuestra aplicación web.

Page 12: Tema04 Autenticacion de Usuario 140603190836 Phpapp01

UNIDAD II: DESARROLLO DE APLICACIONES WEB II

Ing. Hobby Saavedra Rosas

15. Ejecución del Proyecto

16. Autenticación como Administrador

Page 13: Tema04 Autenticacion de Usuario 140603190836 Phpapp01

UNIDAD II: DESARROLLO DE APLICACIONES WEB II

Ing. Hobby Saavedra Rosas

17. Ingresar el usuario y la clave del administrador, luego hacer clic en el botón Ingresar

18. Ahora visualizamos la página que permite realizar la administración de los mantenedores,

altas, bajas y Reportes.

Page 14: Tema04 Autenticacion de Usuario 140603190836 Phpapp01

UNIDAD II: DESARROLLO DE APLICACIONES WEB II

Ing. Hobby Saavedra Rosas

19. Al hacer clic en el enlace cerrar sesión regresamos a la página principal.

20. Ahora nos autenticamos como clientes, para poder realizar un pedido.

Page 15: Tema04 Autenticacion de Usuario 140603190836 Phpapp01

UNIDAD II: DESARROLLO DE APLICACIONES WEB II

Ing. Hobby Saavedra Rosas

21. Ahora visualizamos la página a la cual fue autenticado el cliente, para poder gestionar su

pedido.

22. Si hacemos clic en el enlace cerrar sesión regresamos a la página principal.