COMO CREAR UN JSP CON HTML

Para poder crear nuestro JSP recalcamos nuevamente que debemos tener instalado previamente el J2EE.

J2EE

J2SE

Empezamos con la creación de nuestro proyecto nuevo donde escogeremos la categoría Java Web y seleccionamos Web Application y clickeamos en Next, esta categoría solo se permite crear si tenemos en nuestro equipo instalado J2EE mientras que con J2SE no contamos con estas.

Le daremos el nombre a nuestro nuevo proyecto y avanzamos.

En esta ventana seleccionaremos nuestro servidor, como mencionábamos anteriormente trabajaremos con Apache Tomcat.

Si el Combo-Box no nos muestra la opción del servido podremos agregarlo “Add…”

Escogeremos el servidor Apache Tomcat y nos saldrá la siguiente ventana.

En esta ventana tendremos que agregar la ubicación del servidor además que del Catalina Base en este caso lo encontraremos en la carpeta de instalación de nuestro xampp “C:/xampp/tomcat”, agregaremos nuestro usuario y contraseña y daremos en “Finish”;

Al confirmar la Agregación de nuestro servidor daremos nuevamente “Finish” y terminara creando el proyecto sobre el que trabajaremos.

Creado nuestro paquete por defecto nos creara un archivo con etiquetas HTML.

Ahora debemos verificar que el servidor se esté conectando correctamente, vamos al navegador y nos dirigimos a “localhost:8080”

Si nos encontramos con este pantallazo indica que el servidor no está en ejecución

Para poner nuestro servidor en ejecucion vamos volvemos a Netbeans y vamos a la opción de Services, y damos en la opción Start para iniciar el servidor.

Una vez hecho esto podemos verificar que la conexión realizo recargando nuestro navegador.

Ahora que hemos verificado que la conexión es correcta podernos ejecutar nuestro index.jsp para verificar que el código HTML se está ejecutando de manera correcta.

Hemos verificado que nuestra conexión se está haciendo de manera correcta.

Ahora crearemos un Servlet en Netbeans para empezar a utilizar código Java y conectarlo con nuestro servidor.

Creacion del Servlet.

Es este tutorial haremos una aplicación muy sencilla de una calculadora asi que le daré ese nombre a nuestro servlet.

Ahora cambiamos el nombre del servlet y la URL.

No es muy apropiado que conservemos el mismo nombre que nos sugiere por defecto.

Una vez finalizada la creación del Servlet nos creara un archivo”ServletCalculadora” y automáticamente nos creara el siguiente código.

Este codigo es agregado por defecto a la hora de crear nuestro Servlet, en este es donde agragaremos codigo Java.

Ahora volveremos a nuestro archivo index.jsp y crearemos una pequeña interfaz con código HTML para realizar nuestra calculadora.

Se crearon dos campos de ingreso de datos, ademas de cuatro botones con cada una de las respectivas operaciones basicas. Vale recalcar en poner los "name" de forma que los reconozcamos facilmente ya que seran los que usaremos a la hora de hacer la captura de los datos.

Podemos verificar que el código ha sido leído correctamente ejecutando el .jsp.

Ahora que tenemos los campos de ingreso creados y los botones con cada uno de las operaciones, lo que vamos a hacer es por medio de código de java es darle la funcionalidad y comportamiento de cada uno de los campos y botones.

Para esto nos dirigimos al Servlet que hemos creado.

La creacion de las variables que utilizaremos se realizaran en el metodo doPost

Crearemos las variables que usaremos tanto para los datos de entrada como para los botones creados para crear cada una de las operaciones.

El método request.getParameter(), es el que recoge  los parámetro. Devuelve un String con el valor del parámetro o null en caso de que no exista el parámetro que se intenta recuperar. 

A cada una de las variables creadas le asignaremos exactamente el mismo name que creamos en las etiquetas del codigo HTML del jsp. Debemos tener en cuenta que todos los datos que se ingresan llegan de tipo String por lo cual mas adelante tendríamos que realizar la conversión respectiva.

Una vez tengamos creadas nuestras vaiables, porcederemos a trabajar la lógica java para realizar las operaciones respectivas con cada botón, poniendo como condición de cada if que el “name" del botón sea distinto de null esto valida cual de las opciones de operaciones fue seleccionada.

Tanto las variables como los condicionales deben codificarse entre las etiquetas <body>.

Una vez creados los condicionales de evaluación de cada una de las operaciones, podemos ejecutar el JSP para empezar con la ejecución de la aplicación.

Realizaré una prueba de resta entre dos numeros.

aqui obtenemos el resultado de la operacion (4-1) que ingresé anteriormente, y cada uno de los botones queda con su respectiva funcionalidad.

Bueno, esto concluye la creación de JSP con HTML que abarca este blog. Anexo el proyecto trabajado en el siguiente link. Descargar Archivo.rar .