Practica 1 - Jsp

16
Procedimiento de la práctica “USO DE JAVA PERSISTENCE API” Creación de un CRUD 1. Abrir Netbeans y crear una base de datos (se usará la base de datos de la práctica anterior) de nombre “prueba1” con dos campos “ID” de tipo “NUMERIC” establecida como llave primaria; y el campo “texto” de tipo “VARCHAR” con longitud de 30 caracteres. 2. Vamos al panel de servicios “Services” y arrancamos en servidor “Server” de GlassFish con click derecho y seleccionando la opción “Start”. 3. Abrimos nuestro navegador de preferencia y vamos a la siguiente URL “localhost:8080/y vamos al enlace de que indica la siguiente imagen. Esto cargara la configuración actual de GlassFish.

Transcript of Practica 1 - Jsp

Page 1: Practica 1 - Jsp

Procedimiento de la práctica “USO DE JAVA PERSISTENCE API”

Creación de un CRUD

1. Abrir Netbeans y crear una base de datos (se usará la base de datos de la práctica anterior) de

nombre “prueba1” con dos campos “ID” de tipo “NUMERIC” establecida como llave primaria;

y el campo “texto” de tipo “VARCHAR” con longitud de 30 caracteres.

2. Vamos al panel de servicios “Services” y arrancamos en servidor “Server” de GlassFish con

click derecho y seleccionando la opción “Start”.

3. Abrimos nuestro navegador de preferencia y vamos a la siguiente URL “localhost:8080/” y

vamos al enlace de que indica la siguiente imagen. Esto cargara la configuración actual de

GlassFish.

Page 2: Practica 1 - Jsp

4. Una vez que cargue la configuración vamos al enlace vamos a la opción JDBC y a la opción

“Conjunto de Conexiones JDBC” y agregaremos uno nuevo. Con los siguientes valores:

Nuevo Conjunto: myDerby

Tipo de recurso: java.sql.Driver

Proveedor de controladores de base de datos: JavaDB

Page 3: Practica 1 - Jsp

5. Damos clic en “Siguiente” y llevamos el ScrollBarr hasta la parte inferior del navegador y

agregamos los siguientes datos URL: jdbc:derby://localhost:1527/prueba1 user: java

password: java y damos clic en “Finalizar”.

Importante: en el dato URL se usa el nombre de nuestra base de datos, para este ejemplo la base de

datos se llamaba “prueba1” si su base de datos lleva otro nombre sustitúyalo en lugar de “prueba1”.

6. Damos clic en el conector “myDerby” y luego en el botón “sondeo”, debe indicar que se

realizó con éxito el ping.

Page 4: Practica 1 - Jsp

7. Vamos ahora a la opción de “Recursos JDBC” y damos clic en el botón “Nuevo”.

8. En formulario agregamos los siguientes datos

Nombre JNDI: myDerby

Nombre de conjunto: myDerby

Y damos clic en “Aceptar”

9. Regresamos a NetBeans y vamos a crear un proyecto de la categoría “Java Web” y del tipo

“Web Application” con el nombre “jee_practica2”.

Page 5: Practica 1 - Jsp

10. Damos siguiente “Next” en las dos siguientes ventanas sin modificar ninguna de las opciones

restantes, y damos click en “Finish”.

11. Al código generado (en index.jsp) le modificaremos la sección de la etiqueta body de la forma

que indican las líneas remarcadas (Netbeans indicará que existe un error en header.jsp, por

ahora lo ignoramos):

Page 6: Practica 1 - Jsp

12. Agregamos una nueva página JSP de nombre “header” dando clic derecho sobre la carpeta

“Web-Pages”

Page 7: Practica 1 - Jsp

13. Al nuevo documento generado (header.jsp) le eliminamos todo el código que contiene y

escribimos las siguientes líneas.

14. Agregamos un nuevo archivo “Cascading Style Sheet” (CSS) con el nombre “style” a la carpeta

“Web Pages” de la misma forma que como lo hicimos con el archivo header. Es posible que no

se encuentre en la lista del menú emergente al dar clic derecho, si este es el caso

seleccionamos la opción “Other” y ubicamos el tipo de archivo como indica la imagen.

Page 8: Practica 1 - Jsp

15. En este nuevo documento (style.css) escribimos las siguientes líneas (podemos eliminar todas

las líneas que ya contiene puesto que no son necesarias).

Page 9: Practica 1 - Jsp

16. Guardamos y ejecutamos la aplicación (F6). Debemos observar en nuestro navegador algo

muy similar a la siguiente imagen.

17. Agregamos un nuevo documento JSP de nombre “entrada” de la misma forma como lo

hicimos con el archivo header.jsp. A este nuevo documento le modificamos el contenido de la

etiqueta body de la forma que sigue:

Page 10: Practica 1 - Jsp

18. Agregamos un nuevo paquete a la carpeta “Source Packages” con el nombre de “modelo” y

otro paquete llamado “controladores”; y dentro del paquete “modelo” creamos un “Entity

Class from Database”

19. En el campo Data Source seleccionamos nuestro origen de datos creado al inicio de la práctica,

seleccionamos nuestra base de datos, la incluimos (pasarla a lado derecho) y damos “Next” y

en la siguiente ventana clic en “Finish”.

Page 11: Practica 1 - Jsp

20. Una vez que se agregó la persistencia debemos comprobar el nombre de esta (NO

MODIFICAREMOS NADA). Vamos a la carpeta “Configuration Files” y abrimos el archivo

persistence.xml

21. Dentro del paquete “controladores”, dentro de este nuevo paquete agregamos un “Servlet”

de nombre “Operacion”. Si no aparece en el menú emergente del clic derecho vamos a

“Other” y de la categoría “Web” seleccionamos “Servlet” y damos “Next”.

Page 12: Practica 1 - Jsp

En la siguiente ventana dejar la configuración como la de la siguiente imagen y dar clic en

“Finish”.

Page 13: Practica 1 - Jsp

22. En el documento creado ubicar el método “protected void processRequest…” y dentro de su

“try” escribir el código que está remarcado.

23. Debemos recordar indicarle los “imports” necesarios

24. Reiniciaremos el servidor GlassFish, lo ubicamos como en el segundo paso de esta práctica,

damos clic derecho y seleccionamos “Restart”, esperamos ya que esto puede tardar algún

tiempo. Antes de continuar nos aseguramos que al icono de GlassFish lo acompañe un

pequeño triangulo verde.

25. Guardamos y ejecutamos. Ya en el navegador vamos a la opción de “Agregar datos”, llenamos

el formulario y damos clic en “Guardar”. Comprobamos que los datos se han guardado en la

base de datos. Vamos a servicios “Services”, ubicamos nuestra base de datos y damos clic

derecho sobre la tabla y seleccionamos “View Data” del menú emergente.

Page 14: Practica 1 - Jsp

26. Agregamos un nuevo JSP con el nombre “mostrar” en la carpeta “Web pages” (de la misma

forma en cómo se agregó a “header”). Escribimos el siguiente código

27. Agregamos un nuevo Servlet dentro del paquete “controladores” con el nombre

“ConsultaGeneral” siguiendo los mismos pasos que cuando agregamos a “Operación”.

28. Ubicamos el método “public void processRequest…” y dentro del try escribimos

Page 15: Practica 1 - Jsp

29. Agregamos los “import” que falten.

30. Guardamos el proyecto, reiniciamos GlassFish como se hizo anteriormente y ejecutamos la

aplicación y vamos al enlace de “Mostrar los registros”.

31. Regresamos a Netbeans y agregamos un nuevo archivo JSP de nombre ”consultaindividual”

dentro de la carpeta “Web pages” y escribimos el siguiente código

32. Agregamos un nuevo servlet dentro del paquete “controladores” con el nombre “BuscaID” y

las características de los anteriores servlets. Ubicamos el método “public void

processRequest…” y dentro de su try escribimos el siguiente código.

Page 16: Practica 1 - Jsp

33. Incluir los “Import” faltantes

34. Agregar un nuevo archivo JSP con el nombre “muestraindividual” dentro de la carpeta “Web

pages” y escribir el siguiente código

35. Guardamos el proyecto reiniciamos GlassFish y ejecutamos el proyecto.