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:
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){
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:
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:
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:
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 ^_^/
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)
- 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 String dato1;
private int dato2;
private double dato3;
public void setDato(String dat){
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
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:
- 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)
- Para correrlo, basta con hacer cualquiera de lo siguiente:
- menu Run->Run Project
- Click Derecho en el proyecto->Run
- Click en el Boton Run
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
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 ^_^/
te la rifas Brion :D
ReplyDeleteMuy bueno y entendible amigo Gracias ;)
ReplyDeleteum me sale en el navegador todo el codigo java porque? me falta alguna sentencia o algo que agregarle?
ReplyDeletehay te va el código por siaca...revisalo en q' fallaste!
Deletedescargalo link:
https://mega.co.nz/#!zRFD2JpT!cDLnDnBWY0RxomFDdRbhOnu2Wu0ccWGnbQGFscKwik4
hola :D el link esta caido,me lo podrias pasar? thx
Delete