Taller Desarrollo WEB Netbeans

Ing. Mario Linares Vsquez MSc.

El objetivo de ese taller es que el estudiante interiorice los conceptos adquiridos en clase
mediante el ejercicio practico, y adicionalmente que se familiarice con el uso de Netbeans para
desarrollo de aplicaciones web.

Paso 1. Creacion del proyecto web

Para crear un proyecto web en Netbeans, sobre el panel de proyectos o el menu File
seleccione la opcin New Project.

Figura 1. Nuevo Proyecto

A continuacin se desplegar un wizzard con los diferentes tipos de proyectos que soporta
Netbeans. En este caso particular vamos a crear una aplicacin web. Para tal efecto se debe
seleccionar la categora Java Web y luego la opcin Web Application (Ver Figura 2).

Luego de seleccionada la opcin de Aplicacin web, se desplegara un asistente para la

configuracin inicial del proyecto. En el caso de aplicaciones Web es necesario definir el
nombre de la aplicacin y seleccionar el contenedor que se va usar como soporte (Ver Figura
3). Para este caso ingrese el nombre WebLab1 y seleccione Tomcat como el contenedor.

Figura 2. Nueva Aplicacin web

Figura 3. Creacin Aplicacin web

A continuacin se desplegara una ventana para la seleccin del framework que se va usar para
la capa de presentacin. Entre los frameworks de presentacin se encuentra GWT (Google
Web Toolkit), JSF (Java Server Faces), Visual JSF, Hibernate, Spring MVC, entre otras. Para
efectos de este taller no se debe seleccionar ninguno.

Figura 4. Seleccin framework de presentacin.

Al finalizar el proceso se genera el proyecto con la estructura de directorios que se muestra en
la Figura 5.

Figura 5. Estructura de directorios aplicacin web.

Paso 2. Agregar un servlet al proyecto

En la arquitectura JEE, los servlets son los componentes del lado del servidor que se encargan
de procesar las solicitudes http que se generan en el lado del cliente. Bajo este esquema los
servlets se deben utilizar como Controladores en la aplicacin. En este taller vamos a explorar
el uso de Servlets con diferentes responsabilidades, con el fin de entender bien su modelo de
implementacin.
Para agregar un Servlet, sobre el proyecto haga click derecho y seleccione la opcin New>>
Servlet.

Figura 6. Nuevo servlet.

A continuacin se desplegar el asistente para creacin del Servlet. En este asistente se debe
ingresar el nombre y el paquete donde se alojar la clase. Para este taller ingrese WebLab1
como nombre del servlet, y servlets para el campo paquete. Como el paquete no ha sido
creado, se crear al finalizar el asistente (Ver Figura 7). Al dar click en next aparece la ventana
para definicin del mapeo del Servlet. No cambie los valores si no lo desea y de click en
finalizar (Ver Figura 8).

Figura 7. Asistente creacin de servlets.

Figura 8. Asistente configuracin de servlet.

Al finalizar el proceso debe aparecer el paquete servlets dentro de la carpeta Source Packages,
y dentro de este la clase WebLab1, que es la clase del servlet creado.

Figura 9. Servlet WebLab1

Abra el archivo web.xml que se encuentra dentro de la carpeta WEB-INF. En la pestaa
Servlets encontrar la informacin de mapeo del servlet creado. En la pestaa XML puede
visualizar el cdigo fuente del archivo web.xml.

Figura 10. Editor web.xml - Servlets

Revise el contenido del servlet WebLab1 y quite los comentarios que aparecen en el contenido
del mtodo processRequest. Luego de esto corra la aplicacin haciendo click sobre el botn
.

Figura 11. Index.jsp

Al correr la aplicacin se desplegara en el browser la pgina index.jsp. Por default cuando se
crean aplicaciones en netbeans, esta tiene una pgina index.jsp configurara como la pgina de
inicio de la aplicacin. Si usted quiere cambiar la pgina de inicio puede hacerlo a travs del
archivo web.xml.
Para probar el contenido generado por el servlet, ingrese en el browser la siguiente url
http://localhost:8084/WebLab1/WebLab1. Modifique el contenido que genera el Servlet a su
gusto, y visualice los cambios que genera.

Paso 3. Modificar JSP de inicio.

Para agregar componentes grficos, a los archivos .jsp, se puede utilizar el editor de texto del
archivo o arrastrar los componentes que se encuentran en la paleta. Para visualizar la paleta se
puede presionar la combinacin de teclas Ctrl+Shift+8, o hacer click en el men
Window>>Palette.

Figura 12. Paleta elementos grficos JSP.

Ahora, abra el archivo index.jsp y agregue un formulario html con mtodo post y con action
WebLab1(la url del servlet). Agregue luego al formulario dos campos de texto para ingresar
nombre y cedula, y un botn Summit. Los nombres para los campos de texto deben ser name
& identificacin, respectivamente. Para agregar los componentes puede hacerlo de forma
manual o utilizando la paleta.

Figura 13. Index.jsp modificado

Paso 4. Acceso a parmetros del jsp en el Servlet.

Cuando los action de los formularios html son vinculados a un servlet, en este ltimo se
pueden consultar los valores de los campos del formulario. Estos valores son conocidos como
parmetros del request. En esta medida el servlet puede acceder al objeto request y a su vez a
los parmetros que vienen en este.
La forma de consultar los parmetros del request en el servlet es mediante el nombre del
campo en el html. Por ejemplo el input para el nombre en index.jsp es, tiene el nombre name,
y el campo para la cedula tiene el nombre identification.
Para acceder entonces a un parmetro del request en el servlet, se utiliza la siguiente
expresin java:
String param = request.getParameter("<nombre del parmetro> ");
Los parmetros del request se obtienen como cadenas, y en el caso que el request no tenga un
parmetro retorna null.

Ahora, agregue cdigo en el mtodo processRequest del servlet para acceder a los parmetros
name e identification, y pintarlos en la pagina generada por el servlet.

Figura 14. Servlet WebLab1 .

El hecho de generar contenido html desde los servlets no es una buena prctica de desarrollo
web, pero en este caso ha sido explorado para comprender el funcionamiento de los servlets.
Como los servlets deben operar como controladores, deben entonces redireccionar el flujo a
los componentes de vista indicados. En este ejemplo quien debera pintar los datos ingresados
por el usuario es otro jsp.
Paso 4. Crear JSP para pintar datos ingresados
Agregue un nuevo jsp al proyecto con el nombre main.jsp y modifiquelo de tal forma que el
codigo sea igual al de la Figura 15. Luego mofifique el servlet WebLab1 para que redireccione
el request a main.jsp. Modifique el codigo del metodo processRequest del servlet para que
sea igual al codigo en la Figura 16.

Figura 15. Main.jsp

Figura 16. WebLab1.java modificado

Actividades para entregar

Construya una aplicacin web soportada en base de datos que proporcione la siguiente
funcionalidad:
1. Bsqueda de personas en la base de datos por cedula.
2. Ingreso de personas en la base de datos.
3. Borrado de registro de personas en la base de datos.
La informacin que se debe almacenar de las personas es:
-

Nombre
Apellidos
Cedula
Direccin

Telfono.
Profesin.

La profesin corresponde a un listado asociado a una tabla en la base de datos con la siguiente
informacin:
-

Id
Ttulo
Descripcin.

La arquitectura del sistema debe incluir:

-

JPS para la vista

Un Servlet como controlador que invoque los servicios de negocio.
DAOS para las tareas de persistencia y acceso a base de datos
Un clase servicio que invoca las tareas de persistencia.
VO s para transporte de informacin entre capas.
Entities que modelan las tablas de la base de datos.