CREACION DE JSP CON HTML

• INTRODUCCION TEORICA
• J2SE Y J2EE
• APACHE
• HTML
• ¿QUE ES UNA PAGINA JSP?
• COMO CREAR UN JSP CON HTML

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 .

¿QUE ES UNA PAGINA JSP?

Una página JSP es un fichero de texto con la extensión JSP, que combina etiquetas HTML con nuevas etiquetas de script pertenecientes a la especificación Java Server Pages.

Partiendo de esto, JSP es una tecnología que permite incluir código Java en páginas web. El JSP es el encargado de tomar la página, sustituir el código Java que contiene por el resultado de su ejecución, y enviarla al cliente. Este es un ejemplo muy sencillo de código para una página JSP:

Generamos archivos con extensión .jsp que incluyen, dentro de la estructura de etiquetas HTML, las sentencias Java a ejecutar en el servidor, en este blog trataremos principalmente la aplicación Apache Tomcat el cual incluye el compilador Jasper, que compila JSPs convirtiéndolas en servlets. El motor de servlets de Tomcat a menudo se presenta en combinación con el servidor web Apache.

Con JSP podemos crear aplicaciones web que se ejecuten en variados servidores web, de múltiples plataformas, ya que Java es en esencia un lenguaje multiplataforma.

HTML

¿QUÉ ES Y PARA QUÉ SIRVE HTML?

HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una seríe de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.

Podríamos decir que HTML sirve para crear páginas web, darles estructura y contenido. Un ejemplo sencillo de código HTML podría ser:

<html> <body> <p>Esto es un párrafo. Bienvenidos a esta página web.</p> </body> </html>

Este ejemplo está formado por 3 etiquetas HTML. Como podemos observar cada una de las etiquetas debe acabar con su homóloga de cierre. En este caso la etiqueta <html> debe cerrarse con </html>, la etiqueta <body> con </body> y la etiqueta <p> con </p>.

Hay muchas más etiquetas que veremos más adelante pero nos debe quedar claro que por cada etiqueta que abramos, deberemos incluir la correspondiente etiqueta de cierre. Así conseguiremos un código HTML bien formado y que los navegadores puedan interpretar sin ambigüedad.

Fuente:http:// www.aprenderaprogramar.com

APACHE

¿Que es Apache?

Es un servidor web HTTP de código abierto, para plataformas Unix (BSD, GNU/Linux, etc.), Microsoft Windows, Macintosh y otras, que implementa el protocolo HTTP/1. 

Apache es usado principalmente para enviar páginas web estáticas y dinámicas en la World Wide Web(WWW). Muchas aplicaciones web están diseñadas asumiendo como ambiente de implantación a Apache, o que utilizarán características propias de este servidor web.

Ventajas que nos ofrece: 

• Modularidad

• Código abierto

• Multi-plataforma

• Extensible

• Popular (fácil conseguir ayuda/soporte)

Diferencias entre Apache tomcat y Apache.

Es necesario que aclaremos las diferencias principales entre el servidor Web Apache y el servidor Tomcat;  ya que muchas veces se crea confusión a la hora de usarlos, principalmente para personas que son nuevos en estos dos paquetes de software. 

Diferencias en la funcionalidad:

Apache: es un software que reside en un equipo conectado a la red , acepta peticiones de los navegadores Web y otros clientes en equipos remotos , y responde enviando de nuevo el contenido solicitado . Este contenido puede ser archivos estáticos , como las páginas web y las imágenes , o los resultados de los archivos ejecutables , tales como PHP y scripts de Perl. 

Tomcat: Es un servidor web especializado llamado un " contenedor de servlets . " Cuenta con un servidor web básico personalizado para ejecutar servlets Java y páginas JSP. 

Diferencias en los beneficios: 

Apache: Puede ser configurado para manejar las solicitudes de contenido dinámico impulsado por una amplia gama de lenguajes y tecnologías , como Perl , Python , PHP , Ruby , ASP y los ejecutables binarios. Apache puede ser configurado para utilizar el servidor Tomcat como un controlador de back-end para los servlets y páginas JSP. 

Tomcat: como un servidor Web independiente , ofrece optimización de servlets y páginas JSP. Tomcat puede ser configurado para servir contenido dinámico generado por Common Gateway Interface (CGI ) , PHP , Ruby y otras tecnologías.

Consideraciones 

Webs que sirven únicamente contenido estático , servlets y las páginas JSP a menudo optan por usar el Tomcat como servidor web principal , ya que ofrece un rendimiento mejorado sobre el servidor web Apache . Tomcat también puede servir como contenedor de servlets back-end para el servidor Web Apache . Aunque esta configuración puede afectar al rendimiento general , proporciona la flexibilidad adicional que ofrece Apache para configurar entornos multi- usuario complejas .

Observación 

El rendimiento del servidor depende de la configuración del software de servidor . Opciones de arranque, optimizaciones, optimización del rendimiento , y otros ajustes , afectan el rendimiento. Como resultado , las comparaciones de rendimiento no siempre muestran un claro ganador. En última instancia , la decisión de utilizar uno, el otro , o una combinación de ambas es dependiente no en el rendimiento, sino en las necesidades y preferencias. 

Fuente:  http://ordenador.wingwit.com/software/open-source-code/144227.html#.VTkIctJ_Oko

J2SE y J2EE

Java, como la mayoría de los lenguajes, ha sufrido cambios a lo largo de su historia. Además, en cada momento han coexistido distintas versiones o distribuciones de Java con distintos fines. Actualmente puede considerarse que el Java vigente se denomina Java 2 y existen 3 distribuciones principales de Java 2, con ciertos aspectos comunes y ciertos aspectos divergentes.

Estas tres distribuciones son:

• J2SE

• J2EE

• J2ME

Nos enfocaremos en explicar J2SE y J2EE ya que en muchas ocasiones nos encontramos con limitantes a la hora de utilizar paquetes de java, con la cual no cuenta nuestra nuestra distribución instalada.

J2SE o simplemente Java SE: (Java 2 Standard Edition o Java Standard Edition). Orientado al desarrollo de aplicaciones cliente / servidor. No incluye soporte a tecnologías para internet. Es un impedimento que se pueden tener a la hora de desarrollar al no contar con los paquetes necesarios.

J2EE: Java 2 Enterprise Edition. Orientado a empresas y a la integración entre sistemas. Incluye soporte a tecnologías para internet. Su base es J2SE y es la plataforma que utilizaremos nosotros en este blog por ser la más utilizada y la mas adecuada para nuestro trabajo a realizar.

Concluimos finalmente de la siguiente manera:

• J2SE es la versión estándar de java.Es la api base del lenguaje.
• J2EE es la versión enterprise de java.Añade a la J2SE nuevas clases e interfaces para realizar aplicaciones web y cliente/servidor
• J2ME es la versión micro de java.Se adapta la version J2SE para dispositivos con capacidades de computo limitadas como los moviles y PDAs

Descargar J2EE  desde www.oracle.com.

INTRODUCCIÓN TEÓRICA

Antes de adentrarnos en como realizar la implementación de los JSP, es importante que tratemos un marco teórico que nos permita tener un entendimiento mas claro sobre la funcionalidad de los JSP con HTMLs. Es muy importante que reconozcamos.

• Las diferencias entre las APIs de J2SE y J2EE.
• Conceptos de Apache y las diferencias entre Apache Tomcat y Apache2.
• ¿Que es un JSP?
• ¿Que es un HTML?
• Entre otros.