DESARROLLO DE FORMULARIO EN JSP

Planteamiento del problema

Se necesita crear un formulario jsp, donde el cliente pueda realizar una recarga, teniendo en cuenta que el cliente debe ingresar su nombre, apellido, sexo, además en una barra desplegable seleccionar la operadora, e ingresar el monto a recargar

Desarrollo del problema paso a paso

4.2.1 Creación del proyecto y desarrollo del formulario

Abrimos el programa NETBEANS

Generamos un nuevo proyecto donde vamos a trabajar

Seleccionamos la opción JAVA WEB -> JAVA aplication

Le damos un nombre al proyecto

Le damos un nombre al archivo a trabajar , damos clic en terminar

Después de generar el proyecto nos aparece por defecto un archivo HTML el cual debemos eliminar

Después de eliminar el archivo HTM, creamos un archivo JSP

4.2.2 Desarrollo del formulario

Después de haber creado los archivos jsp iniciamos el desarrollo del formulario.

Nota: En este formulario se van a utilizar dos archivos¨ login¨ y ¨ recarga¨

Primero vamos a utilizar el archivo login, en el cual insertaremos un formulario

Le damos un nombre al formulario y seleccionamos el archivo al cual va a enviar los datos

Después de haber insertado el formulario, vamos a ingresar una tabla de 6 filas y 2 columnas.

Después de haber ingresado la tabla nos aparecerá de la siguiente forma.

Eliminamos la segunda celda como se muestra, y la última celda.

El siguiente paso es colocarle el nombre a las celdas las cuales son: NOMBRE, APELLIDO, SALDO, OPERADORA Y SEXO.

Nota: Estas son las celdas la cual va a contener una caja de texto

Despues de haber ingresado los nombres a cada celda, tenemos que ingresar una caja de texto a cada una de las celdas .en las cuales se va a ingresar los datos.

Nota : Las celdas que va a contener caja de texto son :NOMBRE , APELLIDO, SALDO Y SEXO.

En el caso de Operadora vamos a ingresar una lista desplegable la cual va a contener los nombres de las operadoras a seleccionar

Se tiene que visualizar de la siguiente manera:

Por ultimo ingresamos en la ultima celda un botón , el cual va a permitir enviar los datos.

Al finalizar nos tiene que quedar de la siguiente manera

4.2.3 Formulario segunda parte (archivo recarga.jsp)

Ahora continuaremos con la segunda parte del formulario

Abrimos el segundo archivo creado llamado formulario. De la misma manera que el primer archivo (login) eliminamos el texto que aparece por defecto en el cuerpo del archivo.

Después de haber eliminado el texto por defecto del cuerpo, no dirigimos a la cabeza, debajo de título, como se muestra en la imagen. Dentro de la cabeza colocamos <%! %>.

Nota: Igual que PHP (<?php ?>), en JSP se utiliza (<%! %>) este comando para declarar una variable.

Después de haber escrito la simbología de JSP para declaración, Iniciaremos a declarar las variables.

Nota: Para declarar una variable en jsp se antepone String y el nombre de la variable que va atrapar a la otra, en esta ocasión es s_nombre=¨ ¨; (debe siempre tener el mismo nombre de la caja que va a capturar). Como se muestra en al imagen.

El siguiente paso es atrapar la caja la cual es la caja de texto o lista desplegable a la cuales le dimos un nombre en la primera parte.

Ejemplo: f_nombre (caja de texto que va a contener el nombre).

NOTA: Para capturar en esta ocasión se usa la simbología <% %> dentro del cuerpo, y para capturarlas caja de texto se tiene que colocar primero la variable declarada=request.getParameter (¨nombre de la caja a capturar¨).

Ejemplo:
<%
s_nombre=request.getParameter (¨f_nombre¨);
%>

Después de haber realizado la declaración y captura de variables .Se genera una tabla igual a la primera (primera parte) sin formulario, se coloca lo mismo (celdas) que hicimos en la primera parte, pero con la diferencia que no se van a colocar cajas de texto sino vamos a escribir la visualización de los datos de la siguiente manera: <% out.print (nombre de la variable declarada) %>

Ejemplo: <% out.print(s_nombre)%>