Josel Toro: 1. Crear una aplicación Web Java en Eclipse con Servlets y JSPs (Parte 1

¡Bienvenidos a todos! Esta publicación formará parte de una serie de 13 publicaciones que estaré desarrollando para aprender a desarrollar una aplicación web pura en Java bajo la plataforma JEE usando Servlets y JSPs. Este será un curso en forma de guía para aquellas personas que recién estén empezando en el mundo de la programación web y que todavía no hacen uso de ningún framework.

Haciendo uso de JSPs y Servlets construiremos nuestras aplicaciones webs los cuales se ejecutarán en Apahe Tomcat (Contenedor de Servlets), el cual lo usaremos como servidor de aplicaciones para ejecutar nuestro proyecto. Asimismo, usaremos Eclipse como herramienta IDE (Entorno de Desarrollo Integrado) para la edición y compilación de nuestro código.

En esta primera publicación les enseñare a crear un Proyecto Web Dinámico (Dynamic Web Project). Para ello, debemos de seguir los siguientes pasos:

1. Crear un Dynamic Web Project

1) Clic en File>New>Dynamic Web Project

Si no aparece la opción Dynamic Web Project hacemos clic en:

File>New>Other>Web>Dynamic Web Project

2) Escribimos el nombre a nuestro proyecto y damos doble next

3) Marcamos la opción Generated web.xml deployment descriptor y finish

Eclipse construirá nuestro proyecto web

Si les aparece la siguiente ventana donde nos pregunta si queremos cambiar la perspectiva, damos que SI, ya que nuestro proyecto es un proyecto JEE.

Tendremos la siguiente estructura

src > Irán nuestras clases .java

WebContent > Colocaremos las paginas html y JSPs

lib > Irán las librerías que emplearemos

web.xml > Contiene la configuración de la aplicación web

2. Crear un HTML

1) Clic derecho en WebContent>New>HTML File

2) Escribimos el nombre de la página html. Clic en next y luego clic en finish.

3) Crearemos la siguiente interfaz el cual conta de 2 campos: Nombre y Plato favorito.

4) Configurar el archivo descriptor web.xml para que cuando corramos el proyecto inicie con la ejecución de nuestra pagina de bienvenida Saluda.html creada anteriormente.

Recordemos que este archivo puede incluir lo siguiente:

. Configuración de la sesión
. Configuración de Servlets
. Páginas de bienvenida > welcome-file-list
. Páginas de error

Código


 LP2-semana01a
 
  index.html
  Saluda.html
  index.jsp
  default.html
  default.htm
  default.jsp

3. Configurar Tomcat

1) Clic derecho en el proyecto Run As>Run on Server

2) Seleccionamos Tomcat v7.0 Server y hacemos clic en next

3) Seleccionamos el directorio de instalación del Tomcat en nuestro disco duro, damos clic en aceptar, siguiente y luego finish

Si les aparece la siguiente ventana, significa que el puerto que por defecto utiliza Tomcat (Port: 8080) ya se encuentra en uso

Solo tenemos que cambiar el puerto de la siguiente manera: dando doble clic al servidor en la parte inferior, nos aparecerá la ventana de configuración de Tomcat, modificamos el puerto y guardamos la configuración