Por Jos Salvador Olivares Aguirre Asignatura: Programacin III Universidad Francisco Gavidia 1.

Cargar MoWes y crear la base de datos almacenes_motursa.

2. Despus de haberse creado la base de datos almacenes_motursa se abre una pantalla para que podamos crear una tabla. Vamos a crear la tabla empleados con 5 campos.

3. Crear la tabla empleados con los siguientes atributos: no_nit de 14 caracteres, apellidos de 50 caracteres, nombres de 50 caracteres, direccin de 100 caracteres, y telfono de 8 caracteres. Seleccionar como llave primaria el campo no_nit.

Para que la tabla sea creada damos un clic en Grabar. 4. Creamos un nuevo proyecto.

5. Seleccionamos Java Web y Web Application.

6. Seleccionamos el servidor web en el que vamos a probar nuestra aplicacin web. Vamos a utilizar Apache Tomcat por su facilidad de uso. En Context Path nos aparece el contexto que va a tener nuestra aplicacin web.

Damos un clic en Finish para terminar de crear la aplicacin. 7. Esta es la pantalla que nos aparecer despus de haber creado nuestra nueva aplicacin web.

8. Damos un clic derecho estando ubicados en el nombre del proyecto y seleccionamos la opcin New, luego seleccionamos la opcin Other.

9. Estando en la opcion Other vamos a seleccionar la opcion Persistence. Luego seleccionamos la opcin Persistence Unit y finalmente damos un clic en el botn Next.

10. En estos momentos estamos creando nuestra Persistence Unit. El nombre que le pondremos a nuestra Persistence Unit es WebAppEmpleadosPU. En Persistence Library vamos a seleccionar Hibernate(JPA 1.0) y finalmente vamos a crear la conexin a la base de datos. En Database Connection seleccionamos New Database Connection.

11. Nos aparecer la siguiente pantalla donde definiremos los parmetros de conexin a la base de datos. a. Seleccionamos el driver de MySql b. Digitamos el nombre del Hos: localhost c. Digitamos el nombre del puerto: 3306 d. Digitamos el nombre de la base de datos: almacenes_motursa e. Digitamos el nombre del usuario: root f. Si no estamos ocupando MoWes debemos de digitar el password de la BD. g. Finalmente damos un clic en Ok

12. Ahora seleccionamos la conexin a la base de datos que creamos en el paso anterior.

13. En estos momentos ya tenemos creada nuestra Persistence Unit. Por el momento no modificaremos ningn parmetro.

14. Ahora crearemos nuestras clases persistidas. Estando sobre el proyecto damos un clic derecho y seleccionamos New, luego seleccionamos Other.

15. Seleccionamos la opcion Persistence y luego seleccionamos Entity Classes from Database.

16. Netbeans nos preguntara nuevamente por la conexin a la base de datos. Seleccionamos la conexin creada en el paso 11.

17. Ahora vamos a indicarle e Netbeans que queremos persistir la table empleados. Seleccionamos la tabla y damos un clic en Add.

18. Veremos la pantalla de la siguiente manera, luego damos clic en Next.

19. Ahora debemos de indicarle a Netbeans el paquete donde sern guardadas las clases persistidas. Por facilidad le pondremos persistencia al paquete. Luego damos un clic en Next.

20. Ahora vamos a decirle a JPA que cuando nos devuelva datos nos los devuelva en una clase List por su facilidad de uso.

21. Ahora iremos al archivo XML de la Persistence Unit y le diremos que queremos utilizar la clase Empleados que creamos en el paso anterior. Damos clic en Add Class y escogemos la clase Empleados que est dentro del paquete persistencia.

22. Ahora guardamos los cambios realizados al proyecto dando un clic en Guardar Todo.

23. Ahora vamos a crear la clase que se conectara a JPA para hacer los mantenimientos de las tablas. Estando sobre el paquete persistencia damos un clic derecho, luego seleccionamos New y finalmente Java Class.

24. Al nombre de la clase le podremos JpaUtil y luego damos un clic en Finish.

25. Dentro de la clase copiamos el cdigo de acceso al JPA. En la siguiente pagina esta el cdigo para que nicamente lo peguen en la clase que han creado.

Cdigo de la clase JpaUtil

package persistencia; import javax.persistence.EntityManagerFactory; import javax.persistence.Persistence;

public class JpaUtil { private static final EntityManagerFactory emf; static{ try{ emf=Persistence.createEntityManagerFactory("WebAppEmpleadosPU"); } catch (Throwable ex) { // Log the exception. System.err.println("Initial SessionFactory creation failed." + ex); throw new ExceptionInInitializerError(ex); } } public static EntityManagerFactory getEntityManagerFactory(){ return emf; } } No debemos olvidar importar la clase de MySql dentro del proyecto para que a la hora de probarlo no de error. En Libraries damos un clic derecho y seleccionamos Add Library. Luego seleccionamos el driver MySql JDBC Driver.

26. Ahora vamos a crear una nueva clase para crear dentro de ella las opciones de crear un nuevo empleado, buscarlo, modificarlo y eliminarlo. Estando sobre el paquete persistencia damos un clic derecho, seleccionamos la opcin New y luego la opcin Java Class.

27. Al nombre de la clase le pondremos MantenimientoEmpleados. Luego damos un clic en Finish

28. Dentro de la clase MantenimientoEmpleados vamos a crear el mtodo create que utilizaremos para crear un Nuevo empleado. Abajo de esta imagen se anexa el cdigo del mtodo create para que solo sea copiado en su proyecto.

package persistencia;

import javax.persistence.EntityManager;

public class MantenimientoEmpleados {

public static String create(Empleados empleado){ EntityManager em=JpaUtil.getEntityManagerFactory().createEntityManager(); em.getTransaction().begin(); String resultado=""; try{ em.persist(empleado); em.getTransaction().commit(); resultado="Registro Guardado Satisfactoriamente..."; }catch(Exception ex){ em.getTransaction().rollback(); System.out.println("Ha ocurrido un error al guardar"); resultado="Registro No Pudo Ser Guardado..."; } finally{ em.close(); } return resultado; } }

29. Ahora vamos a crear nuestra JSP donde se capturara la informacin que guardaremos en nuestra base de datos. Estando sobre el proyecto damos un clic derecho, luego seleccionamos la opcin New y finalmente la opcin JSP.

30. Le asignamos el nombre a nuestra JSP. Le pondremos como FormAdicionarEmpleado. Damos un clic en Finish para crear la JSP.

nombre

31. Si al lado derecho de nuestra pantalla no nos aparece la paleta de controles html y jsp de Netbeans la activamos con la opcin Windows y Pallette.

Nos deber de aparecer la siguiente ventana:

Dando clic en

+ podemos visualizar las opciones que tiene cada grupo de herramientas.

32. Vamos primero a crear el tag Form para que podamos enviar los datos a la JSP que procesara los datos (AdicionarEmpleado). Ubicamos la flecha del mouse sobre el control Form.

Arrastramos dicho control dentro de la pgina JSP abajo del tag <h1>

Nos aparecer una ventana donde pondremos en action el nombre de la pgina JSP que procesara los datos AdicionarEmpleado, en method seleccionamos POST y en Name le pondremos de nombre Form1.

La pgina nos quedara de la siguiente manera:

33. Es necesario dar un enter debajo del tag <form> para que el cdigo generado de la tabla no quede montado sobre l. Ubicando la flecha del mouse sobre el control Table lo arrastramos hacia el rea dentro del tag <form> de la JSP. Al title del formulario le pondremos Almacenes Motursa y al tag <h1> le pondremos Adicionar Empleado.

34. Nos va a aparecer una ventana pidindonos el nmero de filas y columnas que la tabla deber tener. Nosotros indicaremos que necesitamos 6 filas (Rows) y 2 columnas (Colums).

35. Ahora vamos a completar la tabla con los campos que se requerir para ingresar los datos. Por ejemplo vamos a crear el campo NoNit con su correspondiente etiqueta. Seleccionamos la opcin Text Input y lo arrastramos dentro del tag <td>. Debemos de indicar el nombre del control y su tamao.

36. El mismo procedimiento debemos de realizar para los campos de apellidos, nombres, direccin y telfono. 37. En la ltima fila de la tabla debemos de crear el botn crear. Le pondremos de nombre Enviar.

38. El formulario de entrada de datos quedara de la siguiente manera (FormAdicionarEmpleado):

39. Ahora vamos a crear el formulario que procesara la informacin capturada en el formulario FormAdicionarEmpleado. Para crear la nueva JSP damos un clic derecho sobre el nombre del proyecto, luego seleccionamos la opcin New y finalmente la opcin JSP.

40. A la nueva JSP le pondremos de nombre AdicionarEmpleado. Finalmente damos un clic en el botn Finish.

41. Vamos a modificar el tag title de la JSP y le pondremos Almacenes Motursa. Adems modificaremos el tag <h1> y le pondremos Procesar Adicionar Empleado.

42. Ahora vamos a crear el scriptlet que va a recuperar los datos enviados del formulario FormAdicionarEmpleados y mostraremos en el navegador los valores recibidos y que han sido capturados en el formulario.

Cdigo de la pgina JSP: <% String noNit = request.getParameter("NoNit"); String apellidos = request.getParameter("Apellidos"); String nombres = request.getParameter("Nombres"); String direccion = request.getParameter("Direccion"); String telefono = request.getParameter("Telefono"); out.println("No Nit :" + noNit + "<br>"); out.println("Apellidos :" + apellidos + "<br>"); out.println("Nombres :" + nombres + "<br>"); out.println("Direccion :" + direccion + "<br>"); out.println("Telefono :" + telefono + "<br>"); %> 43. Ahora vamos a probar las paginas JSP que hemos creado. Seleccionamos la pgina FormAdicionEmpleado y seleccionamos la opcin Run File para ejecutar la pgina.

44. Revisamos en el navegador la pagina que hemos creado

45. Llenamos los cuadros de texto con la informacin que necesitamos guardar en la base de datos. Hasta este punto nicamente vamos a probar que la informacin sea enviada al formulario AdicionarEmpleado.

46. Esto es lo que ser mostrado en la JSP AdicionarEmpleado.

47. Ahora vamos a crear el Bean que conectara nuestra clase MantenimientoEmpleados a nuestra pgina JSP. Vamos a seleccionar el control Use Bean de la paleta de controles

y Arrastramos el control debajo del tag </head>.

48. Nos va a aparecer una ventana donde completaremos la informacin del Bean de la siguiente manera: ID: mantoEmpleados Class: persistencia.MantenimientoEmpleados Scope: request

Damos un clic en OK para que el Bean sea creado en nuestra pgina JSP. La pagina nos quedara de la siguiente manera:

49. Ahora vamos a crear un objeto del tipo Empleados y le pondremos de nombre emp dentro de nuestra pgina JSP y asignaremos los mtodos set con los valores recuperados del formulario FormAdicionarEmpleado.

Codigo del scriptlet <% String noNit = request.getParameter("NoNit"); String apellidos = request.getParameter("Apellidos"); String nombres = request.getParameter("Nombres"); String direccion = request.getParameter("Direccion"); String telefono = request.getParameter("Telefono"); out.println("No Nit :" + noNit + "<br>"); out.println("Apellidos :" + apellidos + "<br>"); out.println("Nombres :" + nombres + "<br>"); out.println("Direccion :" + direccion + "<br>"); out.println("Telefono :" + telefono + "<br>"); persistencia.Empleados emp = new persistencia.Empleados(); emp.setNoNit(noNit); emp.setApellidos(apellidos); emp.setNombres(nombres); emp.setDireccion(direccion); emp.setTelefono(telefono); %>

50. Debemos implementar el mtodo find dentro de la clase MantenimientoEmpleados ya que antes de guardar un nuevo empleado debemos de verificar si ya existe o no.

51. Ahora vamos a mandar a llamar el mtodo create declarado en la clase MantenimientoEmpleados por medio del Bean mantoEmpleados pero primero vamos a llamar el mtodo find para verificar si el empleado existe o no.

Cdigo del scriptlet <% String noNit = request.getParameter("NoNit"); String apellidos = request.getParameter("Apellidos"); String nombres = request.getParameter("Nombres"); String direccion = request.getParameter("Direccion"); String telefono = request.getParameter("Telefono"); out.println("No Nit :" + noNit + "<br>"); out.println("Apellidos :" + apellidos + "<br>"); out.println("Nombres :" + nombres + "<br>"); out.println("Direccion :" + direccion + "<br>"); out.println("Telefono :" + telefono + "<br>"); persistencia.Empleados emp = new persistencia.Empleados(); emp.setNoNit(noNit); emp.setApellidos(apellidos); emp.setNombres(nombres); emp.setDireccion(direccion); emp.setTelefono(telefono); persistencia.Empleados empFind = mantoEmpleados.find(noNit); if (empFind==null){ out.println(mantoEmpleados.create(emp)); } else { out.println("Empleado Ya Existe"); } %>

52. Verificamos en MoWes que el registro haya sido almacenado.

53. Hacer el mismo procedimiento para las operaciones de Consultar, Modificar y Eliminar.