Taller Desarrollo WEB – NetbeansIng. Mario Linares Vásquez MSc.El objetivo de ese taller es que el estudiante interiorice ...
Figura 2. Nueva Aplicación webFigura 3. Creación Aplicación web
A continuación se desplegara una ventana para la selección del framework que se va usar parala capa de presentación. Entre...
Paso 2. Agregar un servlet al proyectoEn la arquitectura JEE, los servlets son los componentes del lado del servidor que s...
Figura 7. Asistente creación de servlets.Figura 8. Asistente configuración de servlet.
Al finalizar el proceso debe aparecer el paquete servlets dentro de la carpeta Source Packages,y dentro de este la clase W...
Revise el contenido del servlet WebLab1 y quite los comentarios que aparecen en el contenidodel método processRequest. Lue...
Ahora, abra el archivo index.jsp y agregue un formulario html con método post y con actionWebLab1(la url del servlet). Agr...
Ahora, agregue código en el método processRequest del servlet para acceder a los parámetrosname e identification, y pintar...
Figura 15. Main.jspFigura 16. WebLab1.java modificadoActividades para entregarConstruya una aplicación web soportada en ba...
- Teléfono.- Profesión.La profesión corresponde a un listado asociado a una tabla en la base de datos con la siguienteinfo...
Próxima SlideShare
Cargando en…5
×

Taller desarrollo web

391 visualizaciones

Publicado el

Publicado en: Educación
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
391
En SlideShare
0
De insertados
0
Número de insertados
2
Acciones
Compartido
0
Descargas
31
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Taller desarrollo web

  1. 1. Taller Desarrollo WEB – NetbeansIng. Mario Linares Vásquez MSc.El objetivo de ese taller es que el estudiante interiorice los conceptos adquiridos en clasemediante el ejercicio practico, y adicionalmente que se familiarice con el uso de Netbeans paradesarrollo de aplicaciones web.Paso 1. Creacion del proyecto webPara crear un proyecto web en Netbeans, sobre el panel de proyectos o el menu Fileseleccione la opción New Project.Figura 1. Nuevo ProyectoA continuación se desplegará un wizzard con los diferentes tipos de proyectos que soportaNetbeans. En este caso particular vamos a crear una aplicación web. Para tal efecto se debeseleccionar la categoría Java Web y luego la opción Web Application (Ver Figura 2).Luego de seleccionada la opción de Aplicación web, se desplegara un asistente para laconfiguración inicial del proyecto. En el caso de aplicaciones Web es necesario definir elnombre de la aplicación y seleccionar el contenedor que se va usar como soporte (Ver Figura3). Para este caso ingrese el nombre WebLab1 y seleccione Tomcat como el contenedor.
  2. 2. Figura 2. Nueva Aplicación webFigura 3. Creación Aplicación web
  3. 3. A continuación se desplegara una ventana para la selección del framework que se va usar parala capa de presentación. Entre los frameworks de presentación se encuentra GWT (GoogleWeb Toolkit), JSF (Java Server Faces), Visual JSF, Hibernate, Spring MVC, entre otras. Paraefectos de este taller no se debe seleccionar ninguno.Figura 4. Selección framework de presentación.Al finalizar el proceso se genera el proyecto con la estructura de directorios que se muestra enla Figura 5.Figura 5. Estructura de directorios aplicación web.
  4. 4. Paso 2. Agregar un servlet al proyectoEn la arquitectura JEE, los servlets son los componentes del lado del servidor que se encargande procesar las solicitudes http que se generan en el lado del cliente. Bajo este esquema losservlets se deben utilizar como Controladores en la aplicación. En este taller vamos a explorarel uso de Servlets con diferentes responsabilidades, con el fin de entender bien su modelo deimplementación.Para agregar un Servlet, sobre el proyecto haga click derecho y seleccione la opción New>>Servlet.Figura 6. Nuevo servlet.A continuación se desplegará el asistente para creación del Servlet. En este asistente se debeingresar el nombre y el paquete donde se alojará la clase. Para este taller ingrese WebLab1como nombre del servlet, y servlets para el campo paquete. Como el paquete no ha sidocreado, se creará al finalizar el asistente (Ver Figura 7). Al dar click en next aparece la ventanapara definición del mapeo del Servlet. No cambie los valores si no lo desea y de click enfinalizar (Ver Figura 8).
  5. 5. Figura 7. Asistente creación de servlets.Figura 8. Asistente configuración de servlet.
  6. 6. 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 WebLab1Abra el archivo web.xml que se encuentra dentro de la carpeta WEB-INF. En la pestañaServlets encontrará la información de mapeo del servlet creado. En la pestaña XML puedevisualizar el código fuente del archivo web.xml.Figura 10. Editor web.xml - Servlets
  7. 7. Revise el contenido del servlet WebLab1 y quite los comentarios que aparecen en el contenidodel método processRequest. Luego de esto corra la aplicación haciendo click sobre el botón.Figura 11. Index.jspAl correr la aplicación se desplegara en el browser la página index.jsp. Por default cuando secrean aplicaciones en netbeans, esta tiene una página index.jsp configurara como la página deinicio de la aplicación. Si usted quiere cambiar la página de inicio puede hacerlo a través delarchivo web.xml.Para probar el contenido generado por el servlet, ingrese en el browser la siguiente urlhttp://localhost:8084/WebLab1/WebLab1. Modifique el contenido que genera el Servlet a sugusto, y visualice los cambios que genera.Paso 3. Modificar JSP de inicio.Para agregar componentes gráficos, a los archivos .jsp, se puede utilizar el editor de texto delarchivo o arrastrar los componentes que se encuentran en la paleta. Para visualizar la paleta sepuede presionar la combinación de teclas Ctrl+Shift+8, o hacer click en el menúWindow>>Palette.Figura 12. Paleta elementos gráficos JSP.
  8. 8. Ahora, abra el archivo index.jsp y agregue un formulario html con método post y con actionWebLab1(la url del servlet). Agregue luego al formulario dos campos de texto para ingresarnombre y cedula, y un botón Summit. Los nombres para los campos de texto deben ser name& identificación, respectivamente. Para agregar los componentes puede hacerlo de formamanual o utilizando la paleta.Figura 13. Index.jsp modificadoPaso 4. Acceso a parámetros del jsp en el Servlet.Cuando los action de los formularios html son vinculados a un servlet, en este último sepueden consultar los valores de los campos del formulario. Estos valores son conocidos comoparámetros del request. En esta medida el servlet puede acceder al objeto request y a su vez alos parámetros que vienen en este.La forma de consultar los parámetros del request en el servlet es mediante el nombre delcampo 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 parámetro del request en el servlet, se utiliza la siguienteexpresión java:String param = request.getParameter("<nombre del parámetro> ");Los parámetros del request se obtienen como cadenas, y en el caso que el request no tenga unparámetro retorna null.
  9. 9. Ahora, agregue código en el método processRequest del servlet para acceder a los parámetrosname 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 práctica de desarrolloweb, 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 alos componentes de vista indicados. En este ejemplo quien debería pintar los datos ingresadospor el usuario es otro jsp.Paso 4. Crear JSP para pintar datos ingresadosAgregue un nuevo jsp al proyecto con el nombre main.jsp y modifiquelo de tal forma que elcodigo sea igual al de la Figura 15. Luego mofifique el servlet WebLab1 para que redireccioneel request a main.jsp. Modifique el codigo del metodo processRequest del servlet para quesea igual al codigo en la Figura 16.
  10. 10. Figura 15. Main.jspFigura 16. WebLab1.java modificadoActividades para entregarConstruya una aplicación web soportada en base de datos que proporcione la siguientefuncionalidad:1. Búsqueda 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 información que se debe almacenar de las personas es:- Nombre- Apellidos- Cedula- Dirección
  11. 11. - Teléfono.- Profesión.La profesión corresponde a un listado asociado a una tabla en la base de datos con la siguienteinformación:- Id- Título- Descripción.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 información entre capas.- Entities que modelan las tablas de la base de datos.

×