/Desarrollo de

applets/aplicaciones
con uso de base de
datos, redes,
servlets y multimedia

Insertar un servidor web Tomcat y

ejecutar una aplicación Java vía web
FAVA - Formación en Ambientes Virtuales de Aprendizaje SENA - Servicio Nacional de Aprendizaje
2

Tabla de Contenido
1. Introducción............................................................................................................................... 4
2. Mapa conceptual ...................................................................................................................... 5
3. Desarrollo de contenidos........................................................................................................... 5
3.1. Instalación y configuración de tomcat y ejecución de servlets............................................... 5
3.1.1. Instalación servidor Tomcat 8.............................................................................................. 5
3.2. Ejecutando el proyecto con Servlets.................................................................................... 10
3.2.1. Crear el Servlet................................................................................................................. 10
3.2.2. Crear la estructura del proyecto en su servidor Tomcat y agregar los Servlets................ 12
3.3. Envío de parámetros get y post en Servlets........................................................................ 14
3.3.1. Método GET...................................................................................................................... 15
3.3.2. Método POST.................................................................................................................... 19
4. Material anexo al tema............................................................................................................ 23
5. Glosario .................................................................................................................................. 24
6. Referencias bibliográficas....................................................................................................... 25
7. Control del documento ........................................................................................................... 25
Créditos....................................................................................................................................... 26
Creative Commons ..................................................................................................................... 26

FAVA - Formación en Ambientes Virtuales de Aprendizaje SENA - Servicio Nacional de Aprendizaje

 33

1. Introducción

Actualmente, las aplicaciones que

funcionan a través de la web están en auge. Existen
diferentes tecnologías que se pueden usar para
hacer proyectos de este tipo: PHP, ASP, NodeJS,
entre otras. Java también provee herramientas
para desarrollar proyectos web, una de esas es
el servidor Tomcat, el cual permite la ejecución de
servlets, que son clases en lenguaje Java. En este
Resultado de Aprendizaje aprenderá a instalar
y configurar el servidor Tomcat, y a través de un
ejemplo ejecutará una aplicación que recibe datos
por medio de formularios html tipo GET y POST.

FAVA - Formación en Ambientes Virtuales de Aprendizaje SENA - Servicio Nacional de Aprendizaje

4
2. Mapa conceptual

SERVLET

Extiende a Se ejecuta en Tiene

HttpServlet Tomcat Métodos

Como

Service() doPost() doGet()

Recibe Recibe
formulario formulario

POST GET

Fuente: SENA

FAVA - Formación en Ambientes Virtuales de Aprendizaje SENA - Servicio Nacional de Aprendizaje

 5

3. Desarrollo de contenidos

3.1. Instalación y configuración de Tomcat y

ejecución de servlets

Los servlets son clases de Java que

permiten la implementación de aplicaciones web.
Estos se ejecutan a través del servidor Tomcat. A
continuación, verá la explicación de cómo instalar
y configurar el servidor en su computador.

3.1.1. Instalación servidor Tomcat 8

Para instalar el servidor en su computador realice

los siguientes pasos:

Paso 1. Descargue la versión actualizada de

Tomcat a través de la página oficial en
la sección de descargas:
https://tomcat.apache.org/.
Figura 1. Carpeta con el servidor TOMCAT descomprimida en el equipo
Paso 2. Descomprima la carpeta y ubíquela en
su lugar de preferencia. Por ejemplo Paso 3. Debe crear la variable de Entorno del
puede copiar la carpeta descomprimida sistema JAVA_HOME con la ruta donde
directamente en el disco Local C:/. usted actualmente tiene instalado el JDK
de Java, para eso realice los siguientes
pasos:
• Abra el Panel de Control de Windows
• Haga clic en Sistema
• Haga clic en el enlace Configuración
avanzada del sistema.

FAVA - Formación en Ambientes Virtuales de Aprendizaje SENA - Servicio Nacional de Aprendizaje

6

• Haga clic en Variables de entorno

• En la sección Variables del sistema agregue la variable JAVA_
HOME con la ruta del JDK de Java de su computador. Puede usar
el explorador de Windows para buscarlo. Generalmente se instala
en la carpeta Archivos de Programa \ Java \ versión_JDK

Figura 2. Configuración de Variable de entorno JAVA_HOME

FAVA - Formación en Ambientes Virtuales de Aprendizaje SENA - Servicio Nacional de Aprendizaje

 7
• Busque la variable de sistema llamada Path. Dé clic en la opción Editar.
Haga clic en Editar Texto. Al final del texto que existe coloque lo siguiente:

;%JAVA_HOME%\bin;
Guarde los cambios.

Figura 3. Agregar JAVA_HOME a la variable PATH

Paso 4. Inicie el servidor y pruebe que está funcionando correctamente. Para

esto, abra la carpeta descomprimida. Haga clic en la carpeta bin y
luego abra el archivo llamado startup.bat.

Figura 4. Archivo Startup.bat

FAVA - Formación en Ambientes Virtuales de Aprendizaje SENA - Servicio Nacional de Aprendizaje

8

Al realizar esto se abrirá una consola de Windows donde iniciará el servicio del
servidor. Aparece el mensaje … Server startup in …. Con eso identificamos
que el servidor se inició. Minimice esta ventana. Si la cierra se detendrá el
servicio del servidor.

Figura 5. Ejecución del servidor

Para probar que está funcionando abra el explorador de internet de su

preferencia. En este caso se va a abrir Google Chrome. En la dirección

FAVA - Formación en Ambientes Virtuales de Aprendizaje SENA - Servicio Nacional de Aprendizaje

 9
escriba: localhost:8080. Si el servidor quedó correctamente instalado y está
inicializado aparecerá una página como se muestra en la siguiente imagen:

Figura 6. Prueba de ejecución del servidor en el explorador de internet

FAVA - Formación en Ambientes Virtuales de Aprendizaje SENA - Servicio Nacional de Aprendizaje

10
3.2. Ejecutando el proyecto con servlets

Los servlets son clases en Java que se ejecutan en un servidor web.

Para poder ejecutar proyectos con Servlets usted debe hacer dos
cosas:

• Crear los servlets

• Crear la estructura del proyecto en su servidor Tomcat y

agregar los servlets.

3.2.1. Crear el Servlet

Como ejemplo se va a crear un archivo servlet llamado

MostrarMensaje que mostrará un texto de saludo. Para poder
compilar los servlet es necesario importar la librería servlet.jar en
el proyecto de la misma manera como se explicó en el Resultado
anterior. Esta librería se encuentra disponible para descarga en el
material de apoyo de esta Actividad de Aprendizaje.

Figura 7. Agregar la librería servlet.jar al proyecto

FAVA - Formación en Ambientes Virtuales de Aprendizaje SENA - Servicio Nacional de Aprendizaje

 11
El siguiente es la clase Java:

MostrarMensaje.java

import javax.servlet.http.*;
import javax.servlet.*;
import java.io.*;
public class MostrarMensaje extends HttpServlet
{
protected void service(HttpServletRequest req,
HttpServletResponse resp) throws IOException{
PrintWriter salida = resp.getWriter();
salida.println(“<html>”);
salida.println(“<body>”);
salida.println(“Mensaje de prueba”);
salida.println(“</body>”);
salida.println(“</html>”);
}
}
}

La clase MostrarMensaje extiende HttpServlet. El método service recibe dos

parámetros, el primero es un objeto de tipo HttpServletRequest que contiene
toda la información acerca de la petición de la página web y el segundo es un
objeto de tipo HttpServletResponse que se utiliza para mostrar la respuesta
que será enviada al Explorador de Internet.

FAVA - Formación en Ambientes Virtuales de Aprendizaje SENA - Servicio Nacional de Aprendizaje

12
La documentación de la clase HttpServlet la puede Para que el proyecto esté según los estándares
consultar en la página web de J2EE , debe tener la siguiente estructura de
https://docs.oracle.com/cd/E17802_01/products/ carpetas y un archivo de configuración llamado
products/servlet/2.1/api/ web.xml así:
javax.servlet.http.HttpServlet.html

EL objeto salida tipo PrintWriter se obtiene del

objeto resp a través del método getWriter() y es
usado para mostrar el texto de salida.

Una vez creado el archivo y guardado, debe

localizar el archivo .class generado en la carpeta
bin de su proyecto java.

Figura 9. Estructura de un proyecto según estándar j2ee

Las páginas web estáticas (.html) se colocan

dentro de la carpeta del proyecto (Proyecto1\ en
este caso), nunca dentro de la carpeta WEB-INF\
Figura 8. Archivo .class que se agregará al ya que esta no puede ser accedida directamente
servidor TOMCAT desde el explorador de internet. Para este proyecto
se ha creado un archivo llamado index.html vacío.
3.2.2. Crear la estructura del proyecto en su
servidor Tomcat y agregar los servlets En la carpeta WEB-INF\classes\ se colocarán
todas las clases Java ya compiladas (.class) que
Para desplegar una aplicación web en Tomcat son los servlets. Para este proyecto copiamos
deberá crear un directorio con el nombre del el archivo MostrarMensaje.class generado en el
proyecto dentro de la carpeta webapps\ que se punto anterior.
encuentra dentro de la carpeta del servidor que se
descomprimió en el punto anterior. Para este caso, En la carpeta WEB-INF\lib\ se incluyen las librerías
se va a crear la carpeta llamada Proyecto1. (archivos .jar) que necesite la aplicación.

FAVA - Formación en Ambientes Virtuales de Aprendizaje SENA - Servicio Nacional de Aprendizaje

 13
En el archivo web.xml se va a configurar el proyecto:

<web-app>
<servlet>
<servlet-name>servletMensaje</servlet-name>
<servlet-class>MostrarMensaje</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>servletMensaje</servlet-name>
<url-pattern>/mensaje</url-pattern>
</servlet-mapping>
</web-app>

<web-app> se debe colocar en la primera

línea. <servlet> indica que se creará un Servlet de
la clase MostrarMensaje bajo el nombre interno
servletMensaje. El elemento <servlet-mapping>
asociará el URL /mensaje al Servlet con nombre
interno servletMensaje.

FAVA - Formación en Ambientes Virtuales de Aprendizaje SENA - Servicio Nacional de Aprendizaje

14

Para realizar la prueba debe reiniciar el Puede encontrar todos los archivos usados en
servidor Tomcat. Para este fin vuelva a abrir el estos ejemplos en el material de apoyo de la
archivo startup.bat de la carpeta bin. presente Actividad de Aprendizaje.

Abra en el explorador la dirección: 3.3. Envío de parámetros get y post en servlets

http://localhost:8080/Proyecto1/mensaje En la mayoría de aplicaciones web se hace

(tenga presente que es diferente proyecto1 a necesario poder recibir datos de un formulario, y
Proyecto1. En este caso la carpeta se llama procesarlos para realizar alguna operación como
Proyecto1 y se debe colocar la P en mayúscula una consulta a base de datos, cálculos numéricos,
para que se ejecute correctamente). Deberá entre otros. Para esto existen los métodos GET y
aparecer: POST; GET envía los parámetros a través de la URL
y POST los envía de forma oculta al usuario. Como
ejemplo de este Resultado de Aprendizaje se van
a pedir dos números a través de un formulario, y se
van a enviar a un servlet el cual realizará la suma
de los dos y mostrará el resultado; el ejemplo se
realizará para cada método.

Figura 10. Prueba de ejecución de proyecto1

FAVA - Formación en Ambientes Virtuales de Aprendizaje SENA - Servicio Nacional de Aprendizaje

 15
3.3.1. Método GET

Para este ejemplo, lo primero que deberá hacer es crear el formulario.

En la carpeta raíz del proyecto (Proyecto1), se crea el archivo llamado
(formularioget.html) con el siguiente contenido.

<html>
<body>
<h1>Suma de dos números</h1>
<form action=”sumarget” method=”get”>
<table>
<tr>
<td>Número 1</td>
<td><input name=”numero1” /></td>
</tr>
<tr>
<td>Número 2</td>
<td><input name=”numero2” /></td>
</tr>
</table>
<input type=”submit” text=”Enviar” />
</form>
</body>
</html>

FAVA - Formación en Ambientes Virtuales de Aprendizaje SENA - Servicio Nacional de Aprendizaje

16
En la línea donde se crea el formulario <form > se especifica el método usa-
do, en este caso method=”get” . A través de action=”sumarget” se especifica
que el servlet que procesará será sumarget.

Ahora se va a crear el servlet que procesará los datos. La clase que se va

a crear se llamará (SumarDatosMetodoGet.) El código es el siguiente:

SumarDatosMetodoGet.java

import javax.servlet.http.*;
import javax.servlet.*;
import java.io.*;
public class SumarDatosMetodoGet extends HttpServlet
{
//Sobreescribimos el metodo doGet que es el encargado de procesar el
metodo GET
protected void doGet(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
//recibimos el parametro numero1 y numero2 recibido por GET
String sNumero1 = req.getParameter(“numero1”);
String sNumero2 = req.getParameter(“numero2”);

// para realizar la suma convertimos a entero

int num1=Integer.parseInt(sNumero1);
int num2=Integer.parseInt(sNumero2);
int resultado=num1+num2;
PrintWriter salida = resp.getWriter();

FAVA - Formación en Ambientes Virtuales de Aprendizaje SENA - Servicio Nacional de Aprendizaje

 17
salida.println(“<html>”);
salida.println(“<body>”);
salida.println(“La suma de “+num1 + “ + “+num2+” = “+resultado);
salida.println(“</body>”);
salida.println(“</html>”);
}
}

Una vez realizado este código se debe copiar el archivo SumarDatosMetodoGet.

class en la carpeta WEB-INF/classes. Además, se debe actualizar el archivo
web.xml para que el servidor reconozca el nuevo servlet. El nuevo archivo web.
xml (en verde lo nuevo que se agregó) será:

<web-app>
<servlet>
<servlet-name>servletMensaje</servlet-name>
<servlet-class>MostrarMensaje</servlet-class>
</servlet>
<servlet>
<servlet-name>servletSumarGet</servlet-name>
<servlet-class>SumarDatosMetodoGet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>servletMensaje</servlet-name>
<url-pattern>/mensaje</url-pattern>
</servlet-mapping>
<servlet-mapping>

FAVA - Formación en Ambientes Virtuales de Aprendizaje SENA - Servicio Nacional de Aprendizaje

18
<servlet-name>servletSumarGet</servlet-name>
<url-pattern>/sumarget</url-pattern>
</servlet-mapping>
</web-app>

La nueva estructura de archivos debe quedar así: Para hacer la prueba, reinicie el servidor abriendo
el archivo startup.bat. Digite en el explorador de
internet:
http://localhost:8080/Proyecto1/formularioget.html
y debe visualizar:

Figura 12. Formulario método get

Al hacer clic en el botón Enviar, se obtiene la

respuesta de la suma. Note que en la URL aparecen
los datos enviados como parámetros.

Figura 11. Estructura del proyecto método GET

Figura 13. Resultado ejecución servlet método GET

FAVA - Formación en Ambientes Virtuales de Aprendizaje SENA - Servicio Nacional de Aprendizaje

 19
3.3.2. Método POST

Para este segundo ejemplo, el formulario se llamará formulariopost.html y

se deberá colocar en la carpeta raíz del proyecto. La única diferencia con el
anterior, es que deberá cambiar el método a POST y el Servlet a sumarpost.

<html>
<body>
<h1>Suma de dos números METODO POST</h1>
<form action=”sumarpost” method=”post”>
<table>
<tr>
<td>Número 1</td>
<td><input name=”numero1” /></td>
</tr>
<tr>
<td>Número 2</td>
<td><input name=”numero2” /></td>
</tr>
</table>
<input type=”submit” text=”Enviar” />
</form>
</body>
</html>

FAVA - Formación en Ambientes Virtuales de Aprendizaje SENA - Servicio Nacional de Aprendizaje

20
El servlet que procesará los datos será de la clase SumarDatosMetodoPost

SumarDatosMetodoPost.java
import javax.servlet.http.*;
import javax.servlet.*;
import java.io.*;
public class SumarDatosMetodoPost extends HttpServlet
{
//Sobreescribimos el metodo doPost que es el encargado de procesar el
metodo POST
protected void doPost(HttpServletRequest req, HttpServletResponse
resp)
throws ServletException, IOException {
//recibimos el parametro numero1 y numero2 recibido por GET
String sNumero1 = req.getParameter(“numero1”);
String sNumero2 = req.getParameter(“numero2”);

// para realizar la suma convertimos a entero

int num1=Integer.parseInt(sNumero1);
int num2=Integer.parseInt(sNumero2);
int resultado=num1+num2;
PrintWriter salida = resp.getWriter();
salida.println(“<html>”);
salida.println(“<body>”);
salida.println(“La suma de “+num1 + “ + “+num2+” = “+resultado);
salida.println(“</body>”);
salida.println(“</html>”);
}
}

FAVA - Formación en Ambientes Virtuales de Aprendizaje SENA - Servicio Nacional de Aprendizaje

 21
La diferencia con GET, POST usa el método doPost() para procesar los datos.

Una vez realizado este código se debe copiar el archivo

SumarDatosMetodoPost. class en la carpeta WEB-INF/classes. Además, se
debe actualizar el archivo web.xml para que el servidor reconozca el nuevo
servlet. El nuevo archivo web.xml (en verde lo nuevo que se agregó) será:

<web-app>
<servlet>
<servlet-name>servletMensaje</servlet-name>
<servlet-class>MostrarMensaje</servlet-class>
</servlet>
<servlet>
<servlet-name>servletSumarGet</servlet-name>
<servlet-class>SumarDatosMetodoGet</servlet-class>
</servlet>
<servlet>
<servlet-name>servletSumarPost</servlet-name>
<servlet-class>SumarDatosMetodoPost</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>servletMensaje</servlet-name>
<url-pattern>/mensaje</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>servletSumarGet</servlet-name>
<url-pattern>/sumarget</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>servletSumarPost</servlet-name>
<url-pattern>/sumarpost</url-pattern>
</servlet-mapping>
</web-app>

FAVA - Formación en Ambientes Virtuales de Aprendizaje SENA - Servicio Nacional de Aprendizaje

22
La nueva estructura de archivos deberá quedar Al hacer clic en el botón Enviar, se obtiene la
así: respuesta de la suma. Note que, en la URL, a
diferencia del método GET ya no aparecen los
datos enviados como parámetros. El método
POST envía los datos de forma oculta al usuario.

Figura 16. Resultado ejecución servlet método POST

Estos ejemplos básicos son la base que podrá

usar para construir aplicaciones más complejas.
Figura 14. Estructura del proyecto método POST

Para hacer la prueba, reinicie el servidor abriendo

el archivo startup.bat. Digite en el explorador de
Internet
http://localhost:8080/Proyecto1/
formulariopost.html y debe visualizar:

Figura 15. Formulario método POST

FAVA - Formación en Ambientes Virtuales de Aprendizaje SENA - Servicio Nacional de Aprendizaje

 23

4. Material anexo al tema

Para complementar los diferentes conceptos adquiridos en el presente

documento, se recomienda a los aprendices consultar:

Clase HttpServlet
https://docs.oracle.com/cd/E17802_01/products/products/servlet/2.1/api/
javax.servlet.http.HttpServlet.html

FAVA - Formación en Ambientes Virtuales de Aprendizaje SENA - Servicio Nacional de Aprendizaje

24

5. Glosario

Servlet: son clases de Java que permiten ejecutar J2EE: siglas de Java 2 Enterprise Edition. Contiene
aplicaciones web en un servidor, en este caso un conjunto de especificaciones y funcionalidades
Tomcat. orientadas al desarrollo de aplicaciones
empresariales.
GET: método usado en formularios HTML para
enviar parámetros por la URL, en este caso, a un Tomcat: es un contenedor web que permite la
servlet. ejecución de servlets.

POST: método usado en formularios HTML para

enviar parámetros de forma no visible, en este
caso, a un servlet.

FAVA - Formación en Ambientes Virtuales de Aprendizaje SENA - Servicio Nacional de Aprendizaje

 25

6. Referencias bibliográficas

Docs.oracle.com. (2017). Class javax.servlet.http.HttpServlet.

[online] Disponible en:

https://docs.oracle.com/cd/E17802_01/products/products/servlet/2.1/api/
javax.servlet.http.HttpServlet.html

[Consultado 25 Abr. 2017].

7. Control del documento

Nombre Cargo Dependencia Fecha

Manuel Fernando Experto Centro de comercio y

Autor (es) Celemín Coneo Temático Servicio Regional Tolima Mayo de 2017

FAVA - Formación en Ambientes Virtuales de Aprendizaje SENA - Servicio Nacional de Aprendizaje

26
Créditos
Equipo de Adecuación Gráfica
Centro de Comercio y servicios
Asesor Pedagógico
SENA Regional Tolima
Ricardo Palacio
Línea de Producción

Guionistas
Director Regional
Genny Carolina Mora Rojas
Félix Ramón Triana Gaitán
Jesús Bernardo Novoa Ortiz

Subdirector de Centro
Diseño y Diagramación
Álvaro Fredy Bermúdez Salazar
Diana Katherine Osorio Useche
Pedro Nel Cabrera Vanegas
Coordinadora de Formación Profesional
Ismael Enrique Cocomá Aldana
Gloria Ines Urueña Montes

Experto temático
Programadores
Manuel Fernando Celemín Coneo
Davison Gaitán Escobar
Héctor Horacio Morales García
Senior Equipo de Adecuación
Claudia Rocio Varón Buitrago

Creatives commons
Atribución, no comercial, compartir igual.
Este material puede ser distribuido, copiado y exhibido
por terceros si se muestra en los créditos. No se
puede obtener ningún bene icio comercial y las obras
derivadas tienen que estar bajo los mismos términos
de licencia que el trabajo original.

FAVA - Formación en Ambientes Virtuales de Aprendizaje SENA - Servicio Nacional de Aprendizaje