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:
ngresar nombre y todas las opciones por de!ecto y presionar "inis#.
$. Crear una p%gina &'( con nombre &'(1, la cual debe solicitar como entrada un nombre y
la eleccin de una lista de productos. 'eguir los siguientes pasos:
Crear la &'(1 y presionar "inis#

)e*isar la (aleta +(alette, de #erramientas disponibles al lado i-.uierdo de Netbeans.
/e esta paleta ocuparemos la seccin 0T12 y 0T12 "orms. 2os elementos de la
paleta se arrastran a la p%gina &'( creada.
Arrastrar desde 0T12 "orms el elemento "orm y colocar ba3o el tag 4body5. Al reali-ar esto
aparecer% la con!iguracin del !ormulario, llenar con los datos de la siguiente !igura y presionar
67.

/eber8a agregar el siguiente cdigo 0T12:
IMPORTANTE: 9l tag 4!orm ... 5 corresponde al !ormulario 0T12 est%ndar mediante el cual es
posible reali-ar un 0T12 )e.uest y en*iar datos al ser*idor.
A#ora agregar una tabla 0T12 al interior del !ormulario para posicionar los campos
de entrada. Arrastrar el elemento Table desde seccin 0T12 de la paleta, colocar
3usto antes de tag 4:!orm5. 2lenar los datos de la tabla seg;n la siguiente !igura y
presionar 67.
2lenar las celdas de la tabla seg;n la siguiente !igura:
Arrastrar desde la paleta en 0T12 "orm el elemento Te<t nput para ingresar el
nombre. Colocarlo ba3o el te<to Nombre entre los tag 4td54:td5. 2lenar seg;n la
siguiente !igura y presionar 67.
/eber8a .uedar similar al siguiente cdigo:
Arrastrar desde la paleta en 0T12 "orm el elemento C#ec=Bo< para elegir la lista
de productos. Colocarlo ba3o el te<to (roductos entre los tag 4td54:td5. 2lenar seg;n
la siguiente !igura y presionar 67
Agregar un salto de l8nea 4br5 y luego repetir esto $ *eces m%s con los otros productos
+1aster, )edBan=,.

/eber8a .uedar similar a la siguiente imagen:
ncorporar el nombre de cada opcin al comien-o del tag 4input .. 5. 9sto deber8a .uedar
similar a:
Arrastrar desde la paleta en 0T12 "orm el elemento Button para de!inir el botn
en*iar. Colocarlo ba3o el tag 4:table5. 2lenar seg;n la siguiente !igura y presionar
67
A#ora compilar el proyecto y e3ecutar la p%gina &'(1 para *er como esta .uedando
esta primera p%gina.

9sto deber8a le*antar el na*egador por de!ecto y desplegar la siguiente p%gina Web:
>. Crear el ser*let .ue recibir% el re.uest de la p%gina &'(1
Crear el ser*let con el ?i-ard de NetBeans
Colocar como nombre 'er*let1, de3ar el resto por de!ecto y presionar "inis#.
nsertar el siguiente cdigo en el ser*let antes de la l8nea .ue 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.getParameter%alues("productos"!
for (int i$&!i'productos.lengt(!i++ )
System.out.println("Producto "+i+":"+productos"i#!
*
//Redirecciona a p+gina ,SP- con mensa.e de /0ito
response.sendRedirect(",SP-..sp"!
9sto deber8a .uedar similar a la siguiente imagen:
@. Crear p%gina &'($ con mensa3e de A<ito.
Crear la p%gina con ?i-ard de Netbeans y colocar nombre &'($ y presionar
"inis#

9n contenido de &'($ cambiar en l8nea .ue contiene 4#15&'( (age4:#15 el te<to
&'( (age por 6peracin 9<itosa.
B. A#ora compilar nue*amente y reali-ar un deploy del proyecto.

93ecutar nue*amente la p%gina &'(1, ingresar datos para el nombre, elegir productos y
luego presionar en*iar.

)e*isar en *entana 6utput de NetBeans los datos rescatados por el 'er*let1 en *iCeta
Bundled Tomcat ...
D. "in del Tutorial.