Está en la página 1de 7

Creacin de proyecto Web en NetBeans

1. Abrir NetBeans y crear un proyecto de tipo WebApplication con el nombre WebTest1,


similar a las siguientes pantallas:

Ingresar nombre y todas las opciones por defecto y presionar Finish.

2. Crear una pgina JSP con nombre JSP1, la cual debe solicitar como entrada un nombre y
la eleccin de una lista de productos. Seguir los siguientes pasos:
Crear la JSP1 y presionar Finish

Revisar la Paleta (Palette) de herramientas disponibles al lado izquierdo de Netbeans.


De esta paleta ocuparemos la seccin HTML y HTML Forms. Los elementos de la
paleta se arrastran a la pgina JSP creada.

Arrastrar desde HTML Forms el elemento Form y colocar bajo el tag <body>. Al realizar esto
aparecer la configuracin del formulario, llenar con los datos de la siguiente figura y presionar
OK.

Debera agregar el siguiente cdigo HTML:

IMPORTANTE: El tag <form ... > corresponde al formulario HTML estndar mediante el cual es
posible realizar un HTML Request y enviar datos al servidor.

Ahora agregar una tabla HTML al interior del formulario para posicionar los campos
de entrada. Arrastrar el elemento Table desde seccin HTML de la paleta, colocar
justo antes de tag </form>. Llenar los datos de la tabla segn la siguiente figura y
presionar OK.

Llenar las celdas de la tabla segn la siguiente figura:

Arrastrar desde la paleta en HTML Form el elemento Text Input para ingresar el
nombre. Colocarlo bajo el texto Nombre entre los tag <td></td>. Llenar segn la
siguiente figura y presionar OK.

Debera quedar similar al siguiente cdigo:

Arrastrar desde la paleta en HTML Form el elemento CheckBox para elegir la lista
de productos. Colocarlo bajo el texto Productos entre los tag <td></td>. Llenar segn
la siguiente figura y presionar OK

Agregar un salto de lnea <br> y luego repetir esto 2 veces ms con los otros productos
(Master, RedBank).

Debera quedar similar a la siguiente imagen:

Incorporar el nombre de cada opcin al comienzo del tag <input .. >. Esto debera quedar
similar a:

Arrastrar desde la paleta en HTML Form el elemento Button para definir el botn
enviar. Colocarlo bajo el tag </table>. Llenar segn la siguiente figura y presionar
OK

Ahora compilar el proyecto y ejecutar la pgina JSP1 para ver como esta quedando
esta primera pgina.

Esto debera levantar el navegador por defecto y desplegar la siguiente pgina Web:

3. Crear el servlet que recibir el request de la pgina JSP1


Crear el servlet con el wizard de NetBeans

Colocar como nombre Servlet1, dejar el resto por defecto y presionar Finish.

Insertar el siguiente cdigo en el servlet antes de la lnea que contiene


out.close():

//Rescata e imprime en consola el nombre ingresado en el formulario


System.out.println("Nombre Recibido Es:"+request.getParameter("nombre"));
//Rescata e imprime en consola los productos elegidos en el formulario
String productos[] = request.getParameterValues("productos");
for (int i=0;i<productos.length;i++) {
System.out.println("Producto "+i+":"+productos[i]);
}
//Redirecciona a pgina JSP2 con mensaje de xito
response.sendRedirect("JSP2.jsp");

Esto debera quedar similar a la siguiente imagen:

4. Crear pgina JSP2 con mensaje de xito.


Crear la pgina con wizard de Netbeans y colocar nombre JSP2 y presionar
Finish

En contenido de JSP2 cambiar en lnea que contiene <h1>JSP Page</h1> el texto


JSP Page por Operacin Exitosa.
5. Ahora compilar nuevamente y realizar un deploy del proyecto.

Ejecutar nuevamente la pgina JSP1, ingresar datos para el nombre, elegir productos y
luego presionar enviar.

Revisar en ventana Output de NetBeans los datos rescatados por el Servlet1 en vieta
Bundled Tomcat ...

6. Fin del Tutorial.

También podría gustarte