Nombre Introduccin

Contenido En este apartado vamos a realizar la creacin de una pgina web de html con cdigo de Java (JSP) que ya har la ejecucin y clculos. Veremos su ejecucin en un servidor y la forma de la combinacin entre los dos lenguajes.

Objetivos

Conocer la arquitectura de una pgina JSP, y su integracin con HTML.

Trabajando con JSP

Para poder trabajar con JSP vamos a crear aplicaciones web, una aplicacin web tiene el enfoque parecido a las aplicaciones Desktop antes trabajadas, en el sentido de que, diferentes elementos componen nuestra aplicacin. En este caso tendremos paginas JSP que son cdigo de HTML con cdigo de java incrustado.

Vamos a iniciar creando una aplicacin web, paso 1. Nuevo proyecto

Paso2. Luego, vamos a la categora Java Web y marcamos Web Application

Paso3. Establecemos un nombre de proyecto y damos clic en siguiente

Paso4. Vamos a seleccionar el tipo de tecnologa de servidor que usaremos, la versin de Netbeans 7 en adelante trae ya por defecto el servidor Glassfish

Paso5. Clic en terminar

Nota: Los frameworks son tecnologas en java para agilizar el desarrollo de aplicaciones, cada una con sus ventajas y formas de aplicacin.

En nuestro proyecto tendremos la estructura de directorios como la figura que se muestra a continuacin:

El cdigo de la pgina index.jsp ser como este:

Como pueden apreciar, todo este cdigo (que es una pgina JSP) es cdigo completamente HTML, ahora vamos a colocar cdigos JSP

Vamos a colocar el siguiente cdigo: <% // declarando int base=0,altura=0; double area=0; if(request.getParameter("OK") != null) { base = Integer.parseInt(request.getParameter("BASE")); altura = Integer.parseInt(request.getParameter("ALTURA")); area= base * altura / 2.0 ; }; // construyendo forma dinmica out.println("<FORM ACTION=index.jsp METHOD=post>"); out.println("DAME LA BASE:<INPUT TYPE=TEXT NAME=BASE value="+base+"><BR>"); out.println("DAME LA ALTURA:<INPUT TYPE=TEXT NAME=ALTURA value="+altura+"><BR>"); out.println("AREA:<INPUT TYPE=TEXT NAME=AREA value="+area+"><BR>"); out.println("<INPUT TYPE=SUBMIT NAME=OK VALUE=evento1 ><BR>"); out.println("</FORM>"); %> El resultado de nuestra ejecucin:

Notas: 1.- Para insertar cdigo java dentro de una pagina html se debern usar una serie de Tags o delimitadores (en el ejemplo se est usando <% una serie de instrucciones de java %> ) donde cada uno de ellos tiene un propsito definido. Otros delimitadores son: Comentarios <% comentario %> Ignorados cuando jsp es convertida a servlet y muy tiles para documentar nuestros programas jsp. Declaracin <%! Variables, metodos, etc %> Recordar que todo buen programa, empieza declarando variables. Instruccin <%= instruccin %> Para poner una y solo una instruccin de java, adems recordar que ya existen aparte ciertas instrucciones o variables predefinidas tales como request, response, out, session, application, config, and pageContext( tambien disponibles en scriptlets). Recordar adems que cuando se use <%= una sola instruccin %>, la instruccin no debe terminar con punto y coma. (Despues del %>)

Scriptlet <% todo un programa completo %> Un scriptlet es un grupo de instrucciones de java, como se deduce de esta definicin, se usaran muchos scriptlets en nuestros jsp. Adentro del scriptlet si, las instrucciones deben terminar con punto y coma Un bloque de instrucciones <% bloque java %>, puede empezar (<%) en un scriptlet y terminar en otro scriptlet, pero asegurarse de que todos los scriptlets se abran y se cierren. Include Directive <%@ include file=url %> Se usa para incluir archivos en la pc que compila la jsp, esto se realiza al tiempo que la jsp es convertida en servlet, el url debe ser relativo. Para este caso tambin es vlido: jsp:include action para incluir el archivo al tiempo de request por parte de un usuario remoto jsp:forward Action <jsp:forward page=URL relativo/> Manda llamar o enlazar otra pgina. Nota: Hasta aqu son las directivas o delimitadores ms comunes en programas o aplicaciones sencillas. 2.- En la parte de abajo se est construyendo una pgina html dinmica, usando la

instruccin (mejor dicho objeto OUT) out.println de java. 3.- Se est usando tres objetos TEXT de html (ver apendice html), de estos objetos se cargan su propiedad NAME y VALUE en este ltimo caso usando una variable normal de java jsp 4.- Poner atencin dentro del programa que cuando creamos objetos HTML se declaran en maysculas y cuando creamos variables java se declaran en minsculas, no es una regla pero si es una buena prctica de programacin. 5.- Se est usando un objeto HTML submit del cual se usan las propiedades NAME y VALUE, este objeto tiene como propsito principal activar la accin de la forma (llamarse a s mismo el index.jsp) y adems mandar los datos que proporciono el usuario hacia el servidor. 6.- La ltima parte de la pgina es FORM, todos los objetos html debern estar encerrados entre esta forma o ventana, form tiene dos propiedades la primera de ellas es una accin y en este caso la accin es pedirle al servidor que vuelva a ejecutarse el propio index jsp, la segunda parte es un mtodo, es este caso es el mtodo POST tambin se puede poner el mtodo GET, en ambos casos este mtodo regresa los datos desde la pc del usuario hacia el servidor, pero POST lo hace en forma invisible y GET lo hace en forma pblica (probar el mismo programa con post y get y observar que pasa cuando activan el botn de submit). 7.- Al principio del programa se debern declarar e inicializar a 0 o todas las variables del programa. 8.- Se est usando una instruccin IF para revisar el VALUE de SUBMIT, recordar que cuando el usuario pide por primera vez el programa al servidor , el VALUE del objeto SUBMIT es null, ya que el usuario carga datos en los objetos TEXT y reali za un click en SUBMIT, el value de SUBMIT pasa a valer evento1. 9.- Se est usando el objeto REQUEST.GETPARAMETER( VALUE OBJETO HTML) para leer la propiedad VALUE de los objetos HTML y de paso cargarlos en las variables java apropiadas. 10.- Recordar que todos los datos que entran o salen de un objeto html sern de tipo string. 11.- Por la razn del inciso 10 se est usando el mtodo parseInt(string) para convertir la String a int. 12.- Ya cargadas las variables se deber realizar la operacin apropiada, recordar incluir estas variables en la forma dinmica.