JAR y JSP
Hola chavos, en esta ocasion les mostrare como crear una una pagina en JSP usando el Modelo Vista Controlador(MVC), usando un archivo JAR, como el controlador ^_^
Para realizar esto, empezaremos creando un nuevo proyecto en NetBeans, un proyecto tipo Java, para esto haremos lo siguiente:
+14.22.47.png)
+14.20.31.png)
Una vez creado nuestro proyecto, en nuestra clase principal escribiremos el siguiente codigo:
private double n1;
private double n2;
public void setN1(double dat){
n1=dat;
}
public void setN2(double dat){
n2=dat;
}
public double getN1(){
return n1;
}
public double getN2(){
return n2;
}
public double suma(){
double sum=n1+n2;
return sum;
}
public double resta(){
double res=n1-n2;
return res;
}
public double multiplicacion(){
double mul=n1*n2;
return mul;
}
public double division(){
double div=n1/n2;
return div;
}
Como podemos ver es una clase simple de las 4 operaciones basicas con 2 valores, en esta clase no hay mucho que explicar. A continuacion procederemos a crear nuestro archivo JAR a partir de esta clase, para esto haremos lo siguiente:
+14.26.15.png)
+14.27.14.png)
Al tener nuestro archivo JAR, procedemos a crear nuestra pagina en JSP, no abundare mucho en como crearla, si tienen alguna duda visiten este link. En nuestra pagina JSP introduciremos el siguiente codigo:
<%@page contentType="text/html" pageEncoding="UTF-8" import="operaciones.basicas.OperacionesBasicas"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
<script>
function suma(form){
form.val.value=1;
form.submit();
}
function resta(form){
form.val.value=2;
form.submit();
}
function multiplicacion(form){
form.val.value=3;
form.submit();
}
function division(form){
form.val.value=4;
form.submit();
}
</script>
</head>
<body>
<form>
Numero 1:<input type="Text" name="n1" size="10"><br>
Numero 2:<input type="Text" name="n2" size="10"><br>
<input type="hidden" name="val">
<input type="button" value="Suma" onclick="suma(this.form)">
<input type="button" value="Resta" onclick="resta(this.form)">
<input type="button" value="Multiplicacion" onclick="multiplicacion(this.form)">
<input type="button" value="Division" onclick="division(this.form)">
<%
OperacionesBasicas o=new OperacionesBasicas();
try{
String n1=request.getParameter("n1");
String n2=request.getParameter("n2");
o.setN1(Double.parseDouble(n1));
o.setN2(Double.parseDouble(n2));
int val=Integer.parseInt(request.getParameter("val"));
switch(val){
case 1:
out.print("<br>El resultado de la suma de "+n1+" + "+n2+" = "+o.suma());
break;
case 2:
out.print("<br>El resultado de la resta de "+n1+" - "+n2+" = "+o.resta());
break;
case 3:
out.print("<br>El resultado de la multiplicacion de "+n1+" * "+n2+" = "+o.multiplicacion());
break;
case 4:
out.print("<br>El resultado de la division de "+n1+" / "+n2+" = "+o.division());
break;
}
}
catch(Exception ex){}
%>
</form>
</body>
</html>
Este codigo como podemos ver es un poco mas extenso, asi que para explicarlo usare un patron de colores:
Ahora procederemos a unir nuestro archivo JAR con nuestra pagina web, para esto haremos lo siguiente:
+14.41.53.png)
+14.42.28.png)
+14.42.45.png)
+14.43.31.png)
Y ahora ya en teoria nuestra pagina deberia de funcionar, es decir ya nuestra pagina usando el estandar MVC, debe de funcionar, pero coomo va a funcionar? para entender como funciona, favor de visitar este link. Nuestra aplicacion queda de la siguiente manera, siguiendo este patron:
El siguiente paso es ejecutar nuestra pagina web y observar el resultado:
+15.47.40.png)
+15.47.47.png)
+15.47.58.png)
+15.48.08.png)
+15.48.17.png)
Como podemos ver, Nuestra aplicacion funciona correctamente =). Realiza las 4 operaciones basicas por medio de un JAR.
Bueno Chavos eso es todo por mi parte, espero les haya sido de utilidad esta informacion, cualquier duda o comentario favor de dejarlo en la zona de comentarios. Me despido ^_^/ Adios!
Para realizar esto, empezaremos creando un nuevo proyecto en NetBeans, un proyecto tipo Java, para esto haremos lo siguiente:
- Click en File->New Project
+14.22.47.png)
- Elegir el proyecto tipo Java->Java Application
+14.20.31.png)
- Nombrar el Proyecto y Click en Finish
Una vez creado nuestro proyecto, en nuestra clase principal escribiremos el siguiente codigo:
private double n1;
private double n2;
public void setN1(double dat){
n1=dat;
}
public void setN2(double dat){
n2=dat;
}
public double getN1(){
return n1;
}
public double getN2(){
return n2;
}
public double suma(){
double sum=n1+n2;
return sum;
}
public double resta(){
double res=n1-n2;
return res;
}
public double multiplicacion(){
double mul=n1*n2;
return mul;
}
public double division(){
double div=n1/n2;
return div;
}
Como podemos ver es una clase simple de las 4 operaciones basicas con 2 valores, en esta clase no hay mucho que explicar. A continuacion procederemos a crear nuestro archivo JAR a partir de esta clase, para esto haremos lo siguiente:
- Click derecho en nuestro proyecto(el que queremos exportar a un JAR)
- Click en Clean & Build
+14.26.15.png)
- Una vez hecho esto, NetBeans procesara las clases y generara el archivo JAR en la misma ruta de nuestro proyecto en una carpeta denominada dist
+14.27.14.png)
Al tener nuestro archivo JAR, procedemos a crear nuestra pagina en JSP, no abundare mucho en como crearla, si tienen alguna duda visiten este link. En nuestra pagina JSP introduciremos el siguiente codigo:
<%@page contentType="text/html" pageEncoding="UTF-8" import="operaciones.basicas.OperacionesBasicas"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
<script>
function suma(form){
form.val.value=1;
form.submit();
}
function resta(form){
form.val.value=2;
form.submit();
}
function multiplicacion(form){
form.val.value=3;
form.submit();
}
function division(form){
form.val.value=4;
form.submit();
}
</script>
</head>
<body>
<form>
Numero 1:<input type="Text" name="n1" size="10"><br>
Numero 2:<input type="Text" name="n2" size="10"><br>
<input type="hidden" name="val">
<input type="button" value="Suma" onclick="suma(this.form)">
<input type="button" value="Resta" onclick="resta(this.form)">
<input type="button" value="Multiplicacion" onclick="multiplicacion(this.form)">
<input type="button" value="Division" onclick="division(this.form)">
<%
OperacionesBasicas o=new OperacionesBasicas();
try{
String n1=request.getParameter("n1");
String n2=request.getParameter("n2");
o.setN1(Double.parseDouble(n1));
o.setN2(Double.parseDouble(n2));
int val=Integer.parseInt(request.getParameter("val"));
switch(val){
case 1:
out.print("<br>El resultado de la suma de "+n1+" + "+n2+" = "+o.suma());
break;
case 2:
out.print("<br>El resultado de la resta de "+n1+" - "+n2+" = "+o.resta());
break;
case 3:
out.print("<br>El resultado de la multiplicacion de "+n1+" * "+n2+" = "+o.multiplicacion());
break;
case 4:
out.print("<br>El resultado de la division de "+n1+" / "+n2+" = "+o.division());
break;
}
}
catch(Exception ex){}
%>
</form>
</body>
</html>
Este codigo como podemos ver es un poco mas extenso, asi que para explicarlo usare un patron de colores:
- Cuerpo basico de nuestra pagina JSP
- Codigo usado para importar la clase que se encuentra en nuestro archivo JAR
- Codigo de JavaScript usado para manejar "varios" submit en un mismo formulario
- Formulario en el cual definimos los campos de entrada y 4 botones para las 4 operaciones basicas, estos botones se enlacan con funciones en nuestro codigo en JavaScript, para asi simular 4 Botones submit en un mismo formulario
- Codigo Java, en el cual en base a los parametros enviados procesara la operacion indicada con los valores dados
Ahora procederemos a unir nuestro archivo JAR con nuestra pagina web, para esto haremos lo siguiente:
- Click derecho en nuestro proyecto->Properties
+14.41.53.png)
- Click en Libreries
+14.42.28.png)
- Click en Add JAR/Folder
+14.42.45.png)
- Ubicamos nuestro archivo JAR y Click en Seleccionar
+14.43.31.png)
- Click en OK
Y ahora ya en teoria nuestra pagina deberia de funcionar, es decir ya nuestra pagina usando el estandar MVC, debe de funcionar, pero coomo va a funcionar? para entender como funciona, favor de visitar este link. Nuestra aplicacion queda de la siguiente manera, siguiendo este patron:
- Modelo->Nuestro Archivo JAR
- Controlador->Combinacion JSP y JavaScript, la cual decide que operacion realizar y que variables enviar
- Vista->El codigo HTML, la interfaz como tal
El siguiente paso es ejecutar nuestra pagina web y observar el resultado:
+15.48.08.png){kind=small}
+15.48.17.png){kind=small}
Como podemos ver, Nuestra aplicacion funciona correctamente =). Realiza las 4 operaciones basicas por medio de un JAR.
Bueno Chavos eso es todo por mi parte, espero les haya sido de utilidad esta informacion, cualquier duda o comentario favor de dejarlo en la zona de comentarios. Me despido ^_^/ Adios!
+12.39.04.png)
+12.39.41.png)
Comments
Post a Comment