En en el netbeans (instalación J2EE) seleccionar la opción de Java Web al crear un nuevo proyecto y elegir WebApplication:

Tamaño: px

Comenzar la demostración a partir de la página:

Download "En en el netbeans (instalación J2EE) seleccionar la opción de Java Web al crear un nuevo proyecto y elegir WebApplication:"

Juan Antonio Blanco Rojo
hace 7 años
Vistas:

1 Lo que les iba a explicar en clase era lo siguiente: El primer requisito es tener la versión EE de netbeans En en el netbeans (instalación J2EE) seleccionar la opción de Java Web al crear un nuevo proyecto y elegir WebApplication: Elegir el nombre del proyecto, dar Next:

(instalación J2EE) seleccionar la opción de Java Web al crear un

2 Elegir el servidor, por default ya vienen instalados con la versión J2EE Dar Finish (si damos Next se muestra un conjunto de frameworks para utilizar dentro de la aplicación Wen pero en este caso no usaremos ninguno)

muestra un conjunto de frameworks para utilizar

3 y voalá tenemos nuestro primer JSP <%-- Document : index Created on : 20/05/2015, 12:10:14 PM Author : Yasmine --%> <%@page contenttype="text/html" pageencoding="utf-8"%> <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>jsp Page</title> </head> <body> <h1>hello World!</h1> </body> </html> Ese archivo generado automáticamente ejecutarlo ya sea con el el símbolo de Run Proyect o con Run File La ejecución abre el navegador por default y muestra la página generada:

DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>jsp Page</title> </head>

4 Hasta ahorita la página aún es estática y ya podemos ir haciendo cambios en el archivo jsp, agregando código HTML. Ahora para hacer la aplicación dinámica se va a agregar un campo por medio de un formulario HTML que pregunte el nombre. <form action="index.jsp"> Nombre: <input type="text" name="nombre"> </form> Que muestra lo siguiente, en el navegador: Hace falta el botón tipo submit para redireccionar la forma a donde indica el parámetro action de la etiqueta form <input type="submit" name="aceptar" value="aceptar">

En este momento si doy click en el botón Aceptar me deja en la misma página, pero me muestra los parámetro agregados Lo que queremos en que me muestre un Saludo Hola Tyrion!

5 En este momento si doy click en el botón Aceptar me deja en la misma página, pero me muestra los parámetro agregados Lo que queremos en que me muestre un Saludo Hola Tyrion!!! Para q sea dinámica, esto lo puedo hacer dentro del propio JSP o mandar a llamar un Servlet, mandaremos a llamar el Servlet para ejemplicarlo, en una aplicación más elaborado el Servlet con ese parámetro ya podría acceder a base de datos para buscar al usuario Tyrion o a sistema de archivos por ejemplo. Entonces creamos una clase Servlet con ayuda del IDE

!! Para q sea dinámica, esto lo puedo hacer dentro del propio JSP o mandar a llamar un Servlet, mandaremos a llamar el Servlet para

Le ponemos nombre al servlet en este caso será VerificaNombre y lo ponemos en un paquete que se llame servlets Selecciona el Add information (web.

6 Le ponemos nombre al servlet en este caso será VerificaNombre y lo ponemos en un paquete que se llame servlets Selecciona el Add information (web.xml) Este archivo contiene la configuración de los servlets en este caso como se van a reconocer por medio del URL, esto nos va a ahorrar problemas en el futuro y damos Finish Y se genera mi primer servlet:

xml) Este archivo contiene la configuración de los servlets en este caso como se van a

7 En la parte inferior de la clase servlet están los métodos dopost y doget en donde les decía se procesa la petición, cada uno de estos métodos manda llamar al método processrequest(request, response) para generar la respuesta. Los párametros enviados desde la forma vienen en el objeto request que se recibe como parámetro y su valor se obtiene por medio de request.getparameter( nombre ); en este caso obtenemos el nombre que fue así como llamamos al párametro de entrada de la forma. Este método me devuelve una cadena que es el valor que se introdujo en el formulario, entonces el método processrequest quedaría: protected void processrequest(httpservletrequest request, HttpServletResponse response) throws ServletException, IOException { response.setcontenttype("text/html;charset=utf-8"); PrintWriter out = response.getwriter(); try { /* TODO output your page here. You may use following sample code. */ String nombre = request.getparameter("nombre"); out.println("<!doctype html>");

getparameter( nombre ); en este caso obtenemos el nombre que fue así como llamamos al párametro de entrada de la forma.

8 "</h1>"); out.println("<html>"); out.println("<head>"); out.println("<title>servlet VerificaNombre</title>"); out.println("</head>"); out.println("<body>"); out.println("<h1>servlet VerificaNombre at " + request.getcontextpath() + out.println("hooola " + nombre + "</h1>"); } out.println("</body>"); out.println("</html>"); } finally { out.close(); } Solo falta redireccionar el formulario para que vaya al servlet, cambiando el action, cuidado en que solo se tiene que usar el nombre del servlet para que respete la ruta: <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>jsp Page</title> </head> <body> <h1>hello World!</h1> <form action="verificanombre"> Nombre: <input type="text" name="nombre"> <input type="submit" name="aceptar" value="aceptar"> </form> </body> </html> Y la respuesta sería: Esto es lo que tienen que hacer en el punto 4 pero obteniendo los demás datos.

close(); } Solo falta redireccionar el formulario para que vaya al servlet, cambiando el action, cuidado en que solo se tiene que usar el nombre del servlet para que respete la ruta: <html> <head>

9 El archivo xml generado se encuentra en Archivos de Configuración del proyecto: <?xml version="1.0" encoding="utf-8"?> <web-app version="3.0" xmlns=" xmlns:xsi=" xsi:schemalocation=" <servlet> <servlet-name>verificanombre</servlet-name> <servlet-class>servlets.verificanombre</servlet-class> </servlet> <servlet-mapping> <servlet-name>verificanombre</servlet-name> <url-pattern>/verificanombre</url-pattern> </servlet-mapping> <session-config> <session-timeout> 30 </session-timeout> </session-config> </web-app>

xsd"> <servlet> <servlet-name>verificanombre</servlet-name> <servlet-class>servlets.

Documentos relacionados

envía al browser. El browser despliega el archivo.

envía al browser. El browser despliega el archivo. SERVLETS Dr. Raúl Perez Páginas web estáticas Como se despliega una página web en un browser Normalmente la página se crea usando HTML y se almacena como un archivo en el servidor de web. El usuario escribe