Você está na página 1de 52

Ing.

Juan Vera Castillo

Introduccin a JSP
JavaServer Pages (JSP) es una tecnologa basada en el lenguaje HTML y se combina con etiquetas especiales y fragmentos de cdigo Java.

Ing. Juan Vera Castillo

Elementos de cdigo de un JSP


Directivas <%@
Indican trabajo general sobre la pgina, como puede ser importacin de clases, pgina a invocar ante errores, si la pgina forma parte de una sesin, etc.

Declaraciones <%!
Sirven para declarar variables o funciones

Scriptlets Expresiones Otros Tags JSP

<% <%=

Cdigo Java de ejecucin embebido. Expresiones Java que se evalan y se envan a la salida. Etiquetas especiales que interpreta el servidor.

Ing. Juan Vera Castillo

Ejemplo
<%@page import="java.util.*"%> <%! String cadena="Bienvenidos a JSP"; %> <html> <body> <%= cadena %> <br> <%=new Date()%> </body> </html>

Ing. Juan Vera Castillo

Expresiones
Son fragmentos de cdigo Java, con la forma <%= expresin %> que se evalan y se muestran en la salida del navegador.

Ejemplo
<%= "Tamao de cadena: + cadena.length() %> <%= new java.util.Date() %> <%= Math.PI*2 %>

Ing. Juan Vera Castillo

Scriptlets
Son fragmentos de cdigo Java con la forma
<% cdigo %>

en general, podemos insertar cualquier cdigo que pudiramos usar dentro de una funcin Java.

Ing. Juan Vera Castillo

Ejemplo
<html> <body> <table border=1> <% for (int i=0;i<10;i++) { %> <tr> <td><%=i%></td> </tr> <% } %> </table> </body> </html> Ing. Juan Vera Castillo

SERVLET S

Un servlet es un componente JavaEE 5, y una clase en el lenguaje java, donde el cliente enva un requerimiento hacia el servidor, donde el servlet se encuentra alojado, este realiza la lgica del negocio y enva una respuesta al cliente.

Ing. Juan Vera Castillo

Ing. Juan Vera Castillo

NETBEANS

Ing. Juan Vera Castillo

Ing. Juan Vera Castillo

Ing. Juan Vera Castillo

Crear un proyecto web

Ing. Juan Vera Castillo

Indicar que se trata de un proyecto web

y luego clic en botn Next

Ing. Juan Vera Castillo

Crear un proyecto web

Ing. Juan Vera Castillo

Crear un proyecto web

Ing. Juan Vera Castillo

Crear un proyecto web

Ing. Juan Vera Castillo

Crear un proyecto web

Ing. Juan Vera Castillo

proyecto web esta creado

Se crea por defecto el JSP index Detalle del JSP index

Ing. Juan Vera Castillo

Abriendo la barra de componentes (Palette)

Ing. Juan Vera Castillo

La barra de componentes (Palette)

Al lado derecho del Netbeans se puede ver la paleta con los componentes HTML

Ing. Juan Vera Castillo

En el cdigo del JSP

Eliminar el

Hello Wordl!

Ing. Juan Vera Castillo

La barra de componentes (Palette)

Seleccionar y arrastrar un formulario (Form)

Ing. Juan Vera Castillo

Escribir datos del formulario

Este formulario llamara al servlet InfoServlet

El mtodo de envio puede ser GET o POST


Ing. Juan Vera Castillo

El formulario ya colocado

Ing. Juan Vera Castillo

El objetivo del proyecto

En este formulario ingresar un radio y llamar a un servlet para que muestre el area
Tabla con un encabezado y dos filas con 2 columnas El encabezado con una sola fila (colspan = 2) Segunda fila (igual una sola fila colspan = 2) Ing. Juan Vera Castillo

La barra de componentes (Palette)

Seleccionar y arrastrar una tabla (Table)

Ing. Juan Vera Castillo

Configurando la tabla dentro del formulario

Ing. Juan Vera Castillo

Configurando la tabla dentro del formulario

Elimine una columna en el head de la tabla y la segunda columna de la segunda fila

Ing. Juan Vera Castillo

Escribir :

Ing. Juan Vera Castillo

Colocar un <input type=text . . .

Ing. Juan Vera Castillo

Estableciendo los atributos del input text :

Ing. Juan Vera Castillo

Ya esta el <input type=text . . .

Ing. Juan Vera Castillo

Colocando un Button :

Ing. Juan Vera Castillo

Estableciendo los atributos del Button :

Ing. Juan Vera Castillo

Button colocado :

Ing. Juan Vera Castillo

Creando un paquete para el servlet :

Ing. Juan Vera Castillo

Creando un paquete para el servlet :

Ing. Juan Vera Castillo

Creando el Servlet :

Ing. Juan Vera Castillo

Creando el Servlet :

Ing. Juan Vera Castillo

El Servlet :

Ing. Juan Vera Castillo

Limpiar el Servlet, dejando libre el processRequest() :

Ing. Juan Vera Castillo

Cdigo para el Servlet en el processRequest() :

Ing. Juan Vera Castillo

Creando el el JSP reporteCirculo :

Ing. Juan Vera Castillo

Creando el el JSP reporteCirculo :

Ing. Juan Vera Castillo

Cdigo en el JSP reporteCirculo :

Colocar un formulario con una tabla de 3x2 y centrar

Ing. Juan Vera Castillo

Cdigo en el JSP reporteCirculo :

Declarar las variables con las que recibiremos los 3 datos despachados desde el servlet :

Ing. Juan Vera Castillo

Cdigo en el JSP reporteCirculo :

Recuperando los valores que provienen del servlet :

Ing. Juan Vera Castillo

Imprimiendo los tres resultados :

Ing. Juan Vera Castillo

Cdigo en el JSP reporteCirculo :

Colocando un <br> debajo de la tabla y adems un hipervnculo para retornar a la pantalla principal y poder ingresar otro radio para otro calculo :

Ing. Juan Vera Castillo

Ahora ejecute el programa :

Ing. Juan Vera Castillo

El programa en ejecucin :

Ing. Juan Vera Castillo

Você também pode gostar