Tutorial Web Dinámica con Servlets y JSP Sesion 3

Tutorial Web Dinámica con Servlets y JSP Sesion 3

1. Eclipse Plataforma Web Tool Eclipse WTP proporciona herramientas para desarrollar aplicaciones web estándar Java y aplicaciones Java EE. Artefactos típicos web en un entorno Java son páginas HTML, archivos XML, servicios web, servlets y JSP. Eclipse WTP simplifica la creación estos artefactos web y proporciona entornos de tiempo de ejecución en el que estos artefactos pueden ser desplegados, se inició y depurado. En Eclipse WTP crear "proyectos Web dinámicos". Estos proyectos proporcionan la funcionalidad necesaria para ejecutar, depurar y desplegar aplicaciones Web de Java. Eclipse WTP soporta la gran mayoría de Contenedor Web, por ejemplo Jetty y Tomcat Apache, así como la mayor cantidad de servidor de aplicaciones Java EE. Este tutorial usa Apache Tomcat como un Contenedor Web. 2. Instalación de Tomcat Descargue el Apache Tomcat 7.0.x del servidor de la página web siguientehttp://tomcat.apache.org/. Actualmente ya existe la versión 8. En MS Windows, puede utilizar el programa de instalación autoexplicativo MS para instalar Tomcat. Para una instalación de Tomcat en otras plataformas, utilice Google. Después prueba la instalación de Tomcat, si quedo instalado correctamente al abrir un navegador a http://localhost:8080/. Esto debería abrir la página principal de Tomcat y si usted ve esta página después Tomcat está instalado correctamente. Después de verificar que Tomcat está instalado correctamente, pare el Tomcat. Eclipse WTP tratara de iniciar Tomcat por sí mismo. Si ya se está ejecutando Tomcat Eclipse WTP no será capaz de utilizarlo para el desarrollo. 3. Instalación de la WTP Supongo que usted haya descargado el IDE Eclipse para desarrolladores de Java. Utilice el Gestor de actualizaciones de Eclipse para instalar todos los paquetes de la categoría "Web, XML, Java EE y Desarrollo OSGi Desarrollo de la Empresa", excepto "PHP Desarrollo" y la Tooling "RAP".

4. WTP de configuración Seleccione Windows -> Preferencias -> Servidor -> Runtime Environment para configurar disposición a pagar para utilizar Tomcat Pulse Agregar. Seleccione su versión de Tomcat.

Para compilar la página JSP en servlets es necesario utilizar el JDK. En mi caso el "JRE Workbench default" está señalando el JDK. Usted puede comprobar la configuración haciendo clic en "JRE instalado".

Pulse Finalizar y luego en Aceptar. Ahora está listo para usar Tomcat con WTP. 4,1. Servidor Durante el desarrollo va a crear su servidor. Puede administrar el servidor a través de la vista del servidor. Para ver si los datos se persisten detener y reiniciar el servidor. Usted puede hacer esto a través del Windows -> Show View -> Servidores -> Servidores

A continuación le mostramos donde se puede iniciar, detener y reiniciar el servidor.

5. Servlets 5,1. Proyecto Vamos a crear un servlet que funciona como un contador de páginas web. Este servlet mantendrá un registro del número de visitantes de una página web. El servlet persiste el número de visitantes en un archivo de texto. Crear un nuevo "proyecto web dinámico" llamado "wtp.filecounter" seleccionando Archivo -> Nuevo -> Otros -> Web -> Proyecto Web dinámico.

Presione Finish. Si se le pregunta si desea cambiar a la perspectiva Java EE respuesta afirmativa. Un nuevo proyecto ha sido creado con la estructura estándar de una aplicación web Java. El directorio WEB-INF/lib más tarde llevará a cabo todos los archivos JAR que la aplicación web Java requiere. 5,2. Creación de objetos de acceso a datos

Crear un nuevo paquete " wtp.filecounter.dao ". Cree la clase Java que proporcionará el número de visitantes escribir este valor en un archivo. package wtp.filecounter.dao; import java.io.bufferedreader; import java.io.file; import java.io.filereader; import java.io.filewriter; import java.io.ioexception; import java.io.printwriter; public class FileDao { public int getcount() { int count = 0; // Load the file with the counter FileReader filereader = null; BufferedReader bufferedreader = null; PrintWriter writer = null ; try { File f = new File("FileCounter.initial"); if (!f.exists()) { f.createnewfile(); writer = new PrintWriter(new FileWriter(f)); writer.println(0); if (writer!=null){ writer.close(); filereader = new FileReader(f); bufferedreader = new BufferedReader(fileReader); String initial = bufferedreader.readline(); count = Integer.parseInt(initial); catch (Exception ex) { if (writer!=null){ writer.close(); if (bufferedreader!= null) { try { bufferedreader.close(); catch (IOException e) { e.printstacktrace();

return count; public void save(int count) throws Exception { FileWriter filewriter = null; PrintWriter printwriter = null; filewriter = new FileWriter("FileCounter.initial"); printwriter = new PrintWriter(fileWriter); printwriter.println(count); // Make sure to close the file if (printwriter!= null) { printwriter.close(); Esta clase Java no es un servlet, es una clase normal de Java. 5,3. Crear el Servlet Crear un servlet. Haga clic derecho sobre la carpeta y seleccione Webcontent New-> Other.Seleccione Web - Servlet>. Mantener los datos siguientes.

Pulse Finalizar. También puede crear un servlet sin el asistente. El asistente crea una clase Java que se extiende javax.servlet.http.hpptservlet y añadir la configuración de servlet para el archivo de descripción de web.xml. Mantener el siguiente código para el servlet. package wtp.filecounter; import java.io.ioexception; import java.io.printwriter; import javax.servlet.servletexception; import javax.servlet.annotation.webservlet; import javax.servlet.http.httpservlet; import javax.servlet.http.httpservletrequest; import javax.servlet.http.httpservletresponse; import javax.servlet.http.httpsession;

import wtp.filecounter.dao.filedao; /** * Servlet implementation class FileCounter */ @WebServlet("/FileCounter") public class FileCounter extends HttpServlet { private static final long serialversionuid = 1L; /** * @see HttpServlet#HttpServlet() */ public FileCounter() { super(); // TODO Auto-generated constructor stub int count; private FileDao dao; public void init() throws ServletException { dao = new FileDao(); try { count = dao.getcount(); catch (Exception e) { getservletcontext().log("an exception occurred in FileCounter", e); throw new ServletException("An exception occurred in FileCounter" + e.getmessage()); /** * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response) */ protected void doget(httpservletrequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub // Set a cookie for the user, so that the counter does not increate // everytime the user press refresh HttpSession session = request.getsession(true); // Set the session valid for 5 secs session.setmaxinactiveinterval(5);

response.setcontenttype("text/plain"); PrintWriter out = response.getwriter(); if (session.isnew()) { count++; out.println("this site has been accessed " + count + " times."); public void destroy() { super.destroy(); try { dao.save(count); catch (Exception e) { e.printstacktrace(); /** * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response) */ protected void dopost(httpservletrequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub Este código se lee el contador de un archivo en el servidor y devolverá texto sin formato en el navegador. El servlet aumentará el contador si el usuario espera 5 segundos inactivo. 5,4. Ejecutar Seleccione el servlet, haga clic derecho sobre él y seleccione Run As -> Ejecutar en servidor. Seleccione su servidor e incluya su servlet para que se ejecuta en el servidor.

Pulse Finalizar. Usted debe ver en Eclipse un navegador web mostrando en su interior el número de cuenta. Si usted espere 5 segundos y volver a cargar el número debería aumentar. Felicitaciones. Ha creado su primera servlet trabajar con Eclipse WTP! 6. JavaServer Pages (JSP) 6,1. Crear proyecto

El siguiente ejemplo muestra la creación y uso de una JavaServerPage. Crear el proyecto Web dinámico "samplejsp". y el paquete " wtp.jspsimple" 6,2. Cree el JSP Seleccione la carpeta "WebContent", haga clic con el botón derecho del ratón -> Nuevo -> JSP y crear la JSP "FirstJSP". Seleccione la opción "Nuevo archivo JSP (html)" de la plantilla.

Cree la siguiente codificación. <%@ page language="java" contenttype="text/html; charset=iso- 8859-1" pageencoding="iso-8859-1"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/tr/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso- 8859-1"> <title>jsp con Fecha Actual</title> </head> <body> <%java.text.dateformat df = new java.text.simpledateformat("dd/mm/yyyy"); %>

<h1>current Date: <%= df.format(new java.util.date()) %> </h1> </body> </html> 6,3. Ejecutarlo Inicie su aplicación web. Para ello encontrara su JSP bajo la URL "http://localhost:8080/samplejsp/firstjsp.jsp". 6,4. Ajuste web.xml Establezca la página JSP como página de bienvenida para su aplicación. Esto es opcional, pero que sea más fácil porque el JSP se abre automáticamente cuando se inicia la aplicación. Modificar el archivo "WebContent / WEB-INF / web.xml" a la siguiente. <?xml version="1.0" encoding="utf-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/xmlschema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemalocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="webapp_id" version="3.0"> <display-name>samplejsp</display-name> <welcome-file-list> <welcome-file>firstjsp.jsp</welcome-file> </welcome-file-list> </web-app> Esto permite iniciar el JSP a través de la trayectoria "http://localhost:8080/samplejsp/". 7. JSP y Servlets 7,1. Crear proyecto

Este ejemplo demostrará el uso de JSP para la visualización y un servlet como el controlador para una aplicación de web. El servlet enviará la solicitud JSP correctoa. Cree el Dynamic Web Project "SampleServletAndJSP". y el paquete "wtp.jsp" 7,2. Cree el controlador (servlet) Crear un servlet nuevo "Controller" en el paquete " wtp.jsp". package wtp.jsp; import java.io.ioexception; import java.util.map; import javax.servlet.requestdispatcher; import javax.servlet.servletconfig; import javax.servlet.servletexception; import javax.servlet.annotation.webservlet; import javax.servlet.http.httpservlet; import javax.servlet.http.httpservletrequest; import javax.servlet.http.httpservletresponse; /** * Servlet implementation class Controller */ @WebServlet("/Controller") public class Controller extends HttpServlet { private static final long serialversionuid = 1L; private static String DELETE_JSP = "/Delete.jsp"; private static String EDIT_JSP = "/Edit.jsp"; private static String SHOWALL_JSP = "/ShowAll.jsp"; /** * @see HttpServlet#HttpServlet() */ public Controller() { super(); // TODO Auto-generated constructor stub /** * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)

*/ protected void doget(httpservletrequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub String forward=""; // Get a map of the request parameters @SuppressWarnings("unchecked") Map parameters = request.getparametermap(); if (parameters.containskey("delete")){ forward = DELETE_JSP; else if (parameters.containskey("edit")){ forward = EDIT_JSP; else { forward = SHOWALL_JSP; RequestDispatcher view = request.getrequestdispatcher(forward); view.forward(request, response); Este controlador comprueba que parámetros se ha pasado al servlet y luego remitirá la solicitud al correcto JSP. 7,3. Crear las Vistas (JSP) En la carpeta "WebContent" crear el nueva JSP "ShowAll" con el siguiente código. <%@ page language="java" contenttype="text/html; charset=iso- 8859-1" pageencoding="iso-8859-1"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/tr/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso- 8859-1"> <title>show all names</title> </head> <body> <form method="get" action='controller' name="showall"> <table>

<tr> <td><input type="checkbox" name="id1" /></td> <td>jim</td> <td>knopf</td> </tr> <tr> <td><input type="checkbox" name="id2" /></td> <td>jim</td> <td>bean</td> </tr> </table> <p><input type="submit" name="delete" value="delete" /> <input type="submit" name="edit" value="edit" /> <input type="reset" value="reset" /></p> </form> </body> </html> Cree el JSP "delete.jsp". <%@ page language="java" contenttype="text/html; charset=iso- 8859-1" pageencoding="iso-8859-1"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/tr/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso- 8859-1"> <title>insert title here</title> </head> <body> Delete successful <form method="get" action='controller' name="delete_success"><input type="submit" value="back"></form> </body> </html> Cree el JSP "Edit.jsp".

<%@ page language="java" contenttype="text/html; charset=iso- 8859-1" pageencoding="iso-8859-1"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/tr/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso- 8859-1"> <title>insert title here</title> </head> <body> <form method="get" action='controller' name="edit"> <table> <tr> <td>first name:</td> <td><input type="text" name="firstname"></td> </tr> <tr> <td>last name:</td> <td><input type="text" name="lastname"></td> </tr> <tr> <td><input type="submit" value="save"> <input type="reset" value="reset"> <input type="submit" value="back"> </td> </tr> </table> </form> </body> </html> 7,4. Ejecutarlo Monta tu nueva aplicación mediante la ejecución de "ShowAll.jsp" en el servidor. Usted debe ser capaz de navegar entre las páginas. 8. Archivo Web - Cómo crear un archivo WAR de Eclipse 'A continuación se describe cómo crear un archivo Web (WAR) de Eclipse.

Haga clic derecho sobre el proyecto y seleccione "Exportar". Especifique el directorio de destino y pulse Finalizar.

Importar ahora el archivo WAR a su sistema de producción Tomcat y probar la aplicación web.