Guía de Aprendizaje No 2 - JSP - Estudiante

Guía de Aprendizaje No.
2 – Aplicaciones Web con JSP y JDBC
JSP (Java Server Pages) es una tecnología que nos permite crear aplicaciones web
con programación en Java.
Ejemplo 1 Tipos de Dato:

Crear una aplicación web que nos permita mostrar al usuario el nombre, la edad y
el sueldo de una persona.
Creamos una nueva aplicación en NetBeans, eliminamos la pagina index.html y
creamos una pagina JSP haciendo clic con el boton derecho del raton sobre la
carpeta del proyecto > New > JSP… > definimos el nombre como index y finalmente
hacemos clic en el boton Finish, como se muestra a continuación:
Abrimos el script index.jsp y trascribimos el siguiente codigo:

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
</head>
<body>
<h1>TIPOS DE DATO</h1>
Curso de Gestión de Información II
Autor: Carlos Andrés Vélez Sánchez
Ingeniero de Sistemas y Magister en Ingeniería de Software y Sistemas Informáticos
<%
String nom="Carlos";
int edad=34;
double sueldo=3456.65;
out.println("Nombre: "+nom+"<br>");
out.println("Edad: "+edad+"<br>");
out.println("Sueldo: "+sueldo);
%>
</body>
</html>
El codigo Java se debe introducir dentro del codigo html haciendo uso de las
etiquetas <% , %>.
Los comentarios, van incluidos dentro de los símbolos <%-- y --%>.
La directriz page es un mensaje para el motor JSP, se incluyen dentro de los
símbolos <%@ , %>.
Ejemplo 2 - Envio y Recepcion de Datos con JSP:

Creamos una nueva WebAplication e insertamos un archivo JSP y lo llamamos
datos.jsp e insertamos el siguiente codigo:
<!DOCTYPE html>
<html>
<head>
<title>Tienda Virtual</title>
</head>
<body>
<h1>Comprar Productos en Linea</h1>
<form action="resultados.jsp" method="post">
Producto: <select name="selectPro">
<option value="Televisor">Televisor</option>
<option value="Radio">Radio</option>
<option value="Cocina">Cocina</option>
</select><br>
Precio: <input type="text" name="txtPre"><br>
Cantidad: <input type="text" name="txtCan"><br>
<input type="submit" name="btn1" value="Enviar Datos">
</form>
</body>

</html>
Luego creamos un nuevo archivo JSP que llamaremos resultados.jsp:

<!DOCTYPE html>
<html>
<head>
<title>Tienda Virtual</title>
</head>
<body>
<h1>Resultados de venta</h1>
<%
String pro=request.getParameter("selectPro");
double pre=Double.parseDouble
(request.getParameter("txtPre"));
int can=Integer.parseInt
(request.getParameter("txtCan"));
double subtotal=can*pre;
double iva=subtotal*0.18;
double total=subtotal+igv;
%>
Producto: <%=pro%><br>
Precio: <%=pre%><br>
Cantidad: <%=can%><br>
Subtotal: <%=subtotal%><br>
Iva 18%: <%=iva%><br>
Total: <%=total%><br>
<a href="datos.jsp">
Volver a Principal
</a>
</body>
</html>
Ahora ejecute la aplicación y analice el resultado.
Nota: Para ejecutar esta aplicación debemos hacer clic derecho sobre el archivo datos.jsp y clic en
Run.

JDBC
JDBC (Java Database Connectivity – conexión con base de datos desde Java) es
una API (Application Programming Interface – interfaz de programación de
aplicaciones) de Java, que permite ejecutar instrucciones SQL para manipular y
gestionar bases de datos relacionales.
1. Para iniciar vamos a crear una base de datos MySql, denominada bd_tutorias
que permita organizar las citas que los alumnos matriculados en la
universidad acuerdan con sus profesores para solucionar dudas sobre las
materias que estos imparten.
Las Tablas que componen la base de datos son:

 profesores
 Id_profesor INTEGER PRIMARY KEY,
 profesor VARCHAR(50).
 tutorias
 id_tutoria INTEGER PRIMARY KEY,
 id_profesor INTEGER,
 dia VARCHAR (10),
 hora VARCHAR (5).
 citas
 id_tutoria INTEGER PRIMARY KEY,
 alumno VARCHAR (50),
 asunto VARCHAR (200).
2. Insertar en las tablas datos que correspondan a la naturaleza de cada una

de las tablas y columnas:
 profesores
 Id_profesor (codigo identificador, ejm. 1)
 profesor (nombre del profesor, ejm. Pedro Perez)
 tutorias
 id_tutoria (codigo identificador, ejm. 1)
 id_profesor (código identificador, ejm 1)
 dia (el nombre del dia, ejm. Lunes)
 hora (la hora de la asesoría, ejm. 10).
 citas
 id_tutoria (codigo identificador, ejm. 1)
 alumno (nombre del alumno, ejm. Marcos Pinto)
 asunto (la descripción de la temática para la cual se requiere la
asesoria)
En tutoría, vamos a crear una aplicación que permita gestionar esta base de datos
y hacer uso de los objetos implícitos de JDBC para poder acceder y manipular la
información de la base de datos desde Java o JSP.
Conclusión: JSP nos permite tener una capa de presentación mas dinámica y
acorde a las necesidades de los usuarios y/o clientes. Y los JavaBeans y las
etiquetas estándar tienen como fin facilitar la separación de la lógica de negocio de
la capa de presentación.
Webgrafía:
 https://desarrolloweb.com/articulos/831.php
 http://www.jtech.ua.es/j2ee/2006-2007/doc/sesion08-apuntes.pdf
 http://profesores.elo.utfsm.cl/~agv/elo330/2s09/lectures/JDBC/JDBC.html
 https://www.javatpoint.com/java-jdbc
 http://profesores.fi-b.unam.mx/sun/Downloads/Java/jdbc.pdf
 https://www.fdi.ucm.es/profesor/jpavon/web/48-jdbc.pdf


Guía de Aprendizaje No 2 - JSP - Estudiante

Cargado por

Copyright:

Formatos disponibles

Guía de Aprendizaje No 2 - JSP - Estudiante

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Guía de Aprendizaje No 2 - JSP - Estudiante

Cargado por

Copyright:

Formatos disponibles

Guía de Aprendizaje No.

2 – Aplicaciones Web con JSP y JDBC

Ejemplo 1 Tipos de Dato:

Abrimos el script index.jsp y trascribimos el siguiente codigo:

Ejemplo 2 - Envio y Recepcion de Datos con JSP:

Curso de Gestión de Información II

Luego creamos un nuevo archivo JSP que llamaremos resultados.jsp:

Ahora ejecute la aplicación y analice el resultado.

Curso de Gestión de Información II

Las Tablas que componen la base de datos son:

2. Insertar en las tablas datos que correspondan a la naturaleza de cada una

Curso de Gestión de Información II

También podría gustarte