Programar Con Jsp

12
Primer Pagina en JSP Hola chavos, esta vez les mostrare como hacer una pagina en JSP, sin mas preambulo(odio los preambulos largos =P ), les dejo los pasos a seguir: El procedimiento es muy sencillo, basta con descargat NetBeans, descarguen la version Full, ya que en esa version viene el servidor GlassFish, el cual es donde corren nuestras paginas Web, una vez instalado, tienen que descargar la version mas nueva del JDK de Java, yo he bajado la version 1.7.0_25 (la mas reciente a esta fecha), una vez descargado el JDK, lo instalamos, Porque hacemos esto? Lo hacemos ya que la version por Default(1.6.0) no es compatible con GlassFish 4.0; Las configuraciones las haremos despues, por lo pronto crearemos nuestro JSP: Abrir NetBeans y nos dirigimos a File->New Project Click en Java Web->Web Application, como se ve en la imagen anterior y despues click en el boton Next

description

JSP

Transcript of Programar Con Jsp

Page 1: Programar Con Jsp

Primer Pagina en JSP Hola chavos, esta vez les mostrare como hacer una pagina en JSP, sin mas preambulo(odio los preambulos largos =P ), les dejo los pasos a seguir:

El procedimiento es muy sencillo, basta con descargat NetBeans, descarguen la version Full, ya que en esa version viene el servidor GlassFish, el cual es donde corren nuestras paginas Web, una vez instalado, tienen que descargar la version mas nueva del JDK de Java, yo he bajado la version 1.7.0_25 (la mas reciente a esta fecha), una vez descargado el JDK, lo instalamos, Porque hacemos esto? Lo hacemos ya que la version por Default(1.6.0) no es compatible con GlassFish 4.0; Las configuraciones las haremos despues, por lo pronto crearemos nuestro JSP:

Abrir NetBeans y nos dirigimos a File->New Project

 Click en Java Web->Web Application, como se ve en la imagen anterior y despues click en el boton Next

En la siguiente ventana, nombramos a nuestro proyecto, yo le he dejado el nombre por default, ya que estos pasos los hago ilustrativos debido a que mi proyecto ya lo tengo creado ^_^

Page 2: Programar Con Jsp

 Elegimos el servidor donde lo vamos a correr(si han descargado la version mas reciente de NetBeans, la version del GlassFish sera la 4.0), elegimos nuestro servidor GlassFish y NOTA IMPORTANTE, podemos darle click en el boton de Finish para crear nuestra Pagina ya o click en Next y elegir un Framework, yo en lo personal no uso ningun Framework todavia,  asi que daremos click en Finish(quisas en un futuro les muestre como usar un Framework)

 Una vez Creada nuestra Pagina JSP, procederemos a codificarla, antes de empezar a moverle al insex.jsp, crearemos una Paquete de Clases y dentro de el una Clase llamada Datos:

Click derecho en nuestro proyecto->New->Java Package

Page 4: Programar Con Jsp

 Posteriormente, como se ve en la ultima Imagen, crearemos una clase, Click derecho en nuestro paquete->New->Java Class

Nombramos nuestra Clase y Click en Finish, una vez hecho esto veremos que nuestra clase se ha creado dentro de nuestro paquete

 Ya teniendo esta estructura, ahora si procederemos a codificar nuestra clase, escribimos el siguiente codigo dentro de la clase:

    private String dato1;    private int dato2;    private double dato3;        public void setDato(String dat){

Page 5: Programar Con Jsp

        this.dato1=dat;    }        public void setDato(int dat){        this.dato2=dat;    }        public void setDato(double dat){        this.dato3=dat;    }        public String getDato1(){        return this.dato1;    }        public int getDato2(){        return this.dato2;    }        public double getDato3(){        return this.dato3;    }

Podemos ver que creamos 3 variables privadas y 6 metodos publicos(3 para inicializar estas variables y 3 para obtener los valores), porque hemos hecho todo esto? Para programar como se debe, siguiendo los estandares internacionales, es decir usando los metodos set(inicializar las variables) y get(obtener los valores). Al mismo tiempo si se fijan el metodo setDato lo repito 3 veces, en lo personal es algo que me encanta de Java, ya que puedo llamar de misma manera un metodo, pero pasarle distintas variables, esto llama Sobrecarga de metodos, es decir, Varios metodos nombrados de la misma manera pero con argumentos distintos(Un agradecimiento especial a mi compañero Carlos Fernando Nuñez Cerrillo)

Una vez creado esto, procederemos a programar en nuestra pagina JSP, antes que nada les explicare los distintos tipos de codigo embebido en JSP:

<%@ //TO DO CODE %> Es utilizado para indicar parametros o directivas de la pagina JSP

<% //TO DO CODE %> Es utilizado para algoritmos y calculos comunes, si se desea mostrar algo en pantalla se utiliza el metodo out.print o out.println

<%= //TO DO CODE %> Es utilizado para mostrar datos, sin necesidad de un out.print u otra cosa, basta con poner Datos.nombre;

<%! //TO DO CODE %> Se insertan en el cuerpo de la clase del servlet, fuera de cualquier metodo existente

Page 6: Programar Con Jsp

 Ahora en nuestra pagina JSP(index.jsp), importaremos nuestra clase Datos, con la siguiente linea de codigo:

<%@ page contentType="text/html; charset=utf-8" import="Classes.Datos" errorPage=""%>

Con esta linea de codigo improtamos nuestra clase datos, para asi hacer uso de los metodos y/o variables en esa clase. Una vez importada la clase procederemos a codificar en nuestra pagina Web, colocaremos el siguiente codigo:

<html>    <head>        <title></title>        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">    </head>    <body>        <form method="POST">            Nombre:<input type="text" size="30" name="nombre"><br>            Edad:<input type="text" size="30" name="edad"><br>            Saldo:<input type="text" size="30" name="saldo"><br>            <input type="submit" id="enviar">            <%                try{                    if(request.getParameter("nombre")!=null){                        Datos d=new Datos();                        d.setDato(request.getParameter("nombre"));                        d.setDato(Integer.parseInt(request.getParameter("edad")));                        d.setDato(Double.parseDouble(request.getParameter("saldo")));                        out.println("<br>Tu Nombre es: "+d.getDato1());                        out.println("<br>Tu Edad es: "+d.getDato2());                        out.println("<br>Tu Saldo es: "+d.getDato3());                    }                }                catch(Exception ex){                    out.println("");                }            %>        </form>    </body></html>

Explicare partes importantes del codigo:

Page 7: Programar Con Jsp

request.getParameter("value") Sirve para obtener el valor de las variables, ya sea por el metodo GET o por el metodo POST

Porque el Try? Simple lo usamos para evitar que la pagina colapse, es un metodo muy rudimentario, pero para este ejemplo es suficiente

Porque los metodos de converzion(Integer.parseInt o Double.parseDouble)? debido al que metodo request nos regresa los valores como Objeto y por default Java traduce este Objeto a String(recordando que String es hijo de la Clase Objeto en Java)

Una vez codificado y comprendido esto, procederemos a Correrlo:

Para correrlo, basta con hacer cualquiera de lo siguiente:o  menu Run->Run Projecto  Click Derecho en el proyecto->Runo Click en el Boton Run

El resultado es lo siguiente:

Page 8: Programar Con Jsp

 Nota si les aparece un error de glassfish server could not be started with 1.6.0 (Default) o algo parecido es debido a que nuestro JDK no es compatible y tenemos que agregar una nueva plataforma, para esto hacemos lo siguiente:

Tools->Java Platforms

Click en Add Platforms

Page 10: Programar Con Jsp

Click en Finish

Ya una vez que volvamos a intentar correr nuestro Glassfish, nos aparecere nuestra plataforma(la que acabamos de crear), y le damos click en aceptar y procedera a configurar GlassFish y correr nuestra pagina web ^_^

Bueno Chavos esto ha sido todo por ahora, espero y les haya servido y cualquier duda o comentarios pues dejenmelos en la seccion de de comentarios, tratare de responderlos lo mas pronto posible, Adios ^_^/