Practica 1 - Jsp
-
Upload
daniel-sanchez-armengol -
Category
Documents
-
view
28 -
download
1
Transcript of 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.
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
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.
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”.
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):
12. Agregamos una nueva página JSP de nombre “header” dando clic derecho sobre la carpeta
“Web-Pages”
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.
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).
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:
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”.
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”.
En la siguiente ventana dejar la configuración como la de la siguiente imagen y dar clic en
“Finish”.
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.
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
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.
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.