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
^_^

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

Nombramos Nuestro Paquete y Click en Finish, haciendo esto veremos nuestro

paquete en la seccion de Souce Packages

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
private
private
public

public

public

String
int
double
void

void

void

setDato(String

setDato(int

setDato(double

dato1;
dato2;
dato3;
dat){
this.dato1=dat;
}
dat){
this.dato2=dat;
}
dat){
this.dato3=dat;
}

public

String

getDato1(){
this.dato1;
}

int

getDato2(){
this.dato2;
}

double

getDato3(){
this.dato3;
}

return
public
return
public
return

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 compaero Carlos Fernando Nuez 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
Ahora en nuestra pagina JSP(index.jsp), importaremos nuestra clase Datos, con la siguiente
linea
de
codigo:
<%@ page contentType="text/html;
errorPage=""%>

charset=utf-8"

import="Classes.Datos"

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=UTF8">

Nombre:<input
Edad:<input
Saldo:<input
<input

</head>
<body>
<form
method="POST">
type="text"
size="30"
name="nombre"><br>
type="text"
size="30"
name="edad"><br>
type="text"
size="30"
name="saldo"><br>
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:

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:
menu Run->Run Project
Click Derecho en el proyecto->Run
Click en el Boton Run
El resultado es lo siguiente:

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

Ubicar la carpeta donde se instalo nuestra version mas nueva del JDK

Click en la carpeta Home y Next

Nombrar la Plataforma

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 ^_^/
Posted 17th July 2013 by Jose Carlos Ixcoatl Gomez Briones