Dwi s06 JSP JSTL El Mod

Desarrollo Web Integrado
Unidad:
Java Server Pages
Java Standard Tag Library
JSP Expression Language
DOCENTE: Jhonatan Isaac Vargas Huaman

Logro
•Al finalizar la clase, el estudiante desarrolla
ejemplos de Java Server Pages utilizando JSTL y
EL.
Contenido General
• Java Server Pages.
• Java Standard Tag Library.
• JSP Expression Language.
Java Server Pages
¿Qué es JSP?
Java Server Pages: Páginas de Servidor Java.
Tecnología Java que sirve para crear Aplicaciones Web
¿Qué es una Aplicación Web?

¿Qué es una Aplicación Web?
Es un sitio web cuyas páginas son generadas

dinámicamente.
Dependiendo de la acción del usuario, se generarán unas páginas u
otras.
JSP Tags
JSP Tags
¿Qué son las JSP Tags?
Librerías de etiquetas con apariencia similar a XML utilizadas
en páginas JSP.
¿Para qué sirven?
Para hacer más simple la programación, lectura y modificación
de páginas dinámicas JSP.
¿Son imprescindibles?
No, pero si muy recomendables.
JSP Tags - Ventajas
• Separan el código JAVA del código HTML.

• Se integran limpiamente en el código HTML.
• Minimizan el código en la página web.
• Hacen que el código dinámico sea reutilizable.
• Hacen que el mantenimiento de las páginas web sea más
sencillo.
JSP Tags - Ventajas
<!DOCTYPE html>
<html> <!DOCTYPE html>
JSP Tags
<body> <html>
<body>
<% <%
String nombre=“UTP” $[Saludo] String nombre=“UTP”
%> %>
<h1>Bienvenidos a <% Archivo JAVA
<h1>Bienvenidos a <% out.print(nombre);%>
out.print(nombre);%> </h1>
</h1> </body>
</body> </html>
</html>
Página JSP Página JSP

JSP Tags - Tipos
JSP Tags
JSP CustomTags JSTL Standard

(propias) Tag Library
Core Formato
XML SQL
JSTL Library
JSTL Library
JSP Tags
Core • Funcionalidades básicas de JSP
• Bucles, condicionales, variables, otros
JSP CustomTags JSTL Standard

(propias) Tag Library • Aplican formato a elementos dentro de JSP
Formato • Formato fecha, número, moneda.
Internacionalización.
Core Formato
XML • Manipulación de código XML dentro de
página web JSP
XML SQL • Manipulación de BBDD desde página JSP.

SQL Práctica no recomendada, se recomienda en
su lugar el uso de Beans.
JSTL Library - Pasos
1. Descargar la librería JSTL
2. Agregar la librería al Proyecto en Eclipse
3. Importar la librería en cada página JSP donde vayamos a utilizar:
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

JSTL Library
EJEMPLO
Recordando...
Configuración del Servidor Apache en Eclipse
Abrimos Eclipse
PASO A
• Descargar y descomprimir
Tomcat en la unidad c:\
• Clic en Servers
• Clic en No servers are
available. Click this to créate
a new server…
PASO B
• Desplegar Apache
• Clic en Tomcat v8.5 Server
• Verificar nombre del servidor
local, en este caso localhost
• Clic en Next >
PASO C
• Clic en Browse…
• Seleccionar ubicación del
apache tomcat
• Clic en Aceptar
• Clic en Finish
PASO D
• Verificar el nombre del
servidor.
• Verificar el estado del
servidor Stopped
• Clic en Start the server
• Verificar en estado del
servidor haya cambiado a
Started
Recordando...
Creación de un Dynamic Web Project
PASO A
• Clic en File
• Clic en New
• Clic en Dynamic Web
Project
PASO B
• Ingresar el nombre del
nuevo proyecto, en
nuestro caso
Primeros_pasos_JSP
• Verificar que en Target
runtime este seleccionado
Apache Tomcat v8.5
• Clic en Finish
Continuamos JSTL Library...
2. Agregar la librería al Proyecto en Eclipse
PASO 1
• Desplegar
Primeros_paso_JSP
• Desplegar WebContent
• Desplegar WEB-INF
• Clic derecho en lib
• Clic en Show In
• Clic en System Explorer
PASO 2
• Doble clic en lib
• Descargar, descomprimir,
copiar y pegar los archivos:
• javax.servlet.jsp.jstl-1.2.1
• javax.servlet.jsp.jstl-api-1.2.1
PASO 3
• Clic derecho en lib
• Clic en Refresh
3. Importar la librería en cada página JSP donde vayamos a
utilizar
PASO 4
• Desplegar
Primeros_paso_JSP
• Clic derecho en
WebContent
• Clic en New
• Clic en JSP File
PASO 5
• En File name se ingresa el
nombre del archivo, en
nuestro caso
Primer_Ejemplo_JSTL.jsp
• Clic en Finish
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
PASO 6 pageEncoding="ISO-8859-1"%>
<%
String alumnos[]={"Luis","Juana","Sandro","Ester"};
• Importar la librería JSTL pageContext.setAttribute("losAlumnos", alumnos);
%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Primer Ejemplo JSTL</title>
• Uso de <c:forEach>
</head>
<body>
<c:forEach var="tempAlumnos" items="${losAlumnos}">
${tempAlumnos} <br/>
</c:forEach>
</body>
</html>
JSTL Library
EJEMPLO 2
PASO 1
• Desplegar
Primeros_paso_JSP
• Clic derecho en Java
Resources
• Clic en New
• Clic en Package
PASO 2
• En Name ingresar el
nombre del paquete,
en nuestro caso jstl
• Clic en Finish
PASO 3
• Desplegar Java
Resources
• Desplegar src
• Clic derecho en jstl
• Clic en New
• Clic en Class
PASO 4
• Verificar el paquete
jstl
• En Name ingresar el
nombre de la clase, en
nuestro caso
Empleado
• Clic en Finish
Crear constructor usando campos de clase
PASO 5
• Declaramos las
variables que vamos
usar.
• Clic derecho en el
código
• Clic en Source
• Clic en Generate
Constructor using
fields…
PASO 6
• Clic en Ok
PASO 7
• Clic derecho en el
código
• Clic en Source
• Clic en Generate
Getters and Setters…
PASO 8
• Seleccionamos todos
los campos
• Clic en OK
PASO 9
• Desplegar
Primeros_paso_JSP
• Desplegar WebContent
• Clic derecho en
WebContent
• Clic en New
• Clic en JSP File
PASO 10
• En File name se ingresa el
nombre del archivo, en
nuestro caso
RecorreEmpleados.jsp
• Clic en Finish
PASO 11
<%@ page language="java" contentType="text/html; charset=ISO-
8859-1"
pageEncoding="ISO-8859-1"%>
<%@ page import="java.util.*,java.sql.*,jstl.Empleado" %>

PASO 12
<%
ArrayList<Empleado> datos=new ArrayList<>();
try{
Class.forName("com.mysql.jdbc.Driver");
Connection miConexion=DriverManager.getConnection("jdbc:mysql://localhost:3306/proyecto_jsp","root","");
Statement miStatement=miConexion.createStatement();
String instruccionSQL="SELECT * FROM empleados";
ResultSet rs=miStatement.executeQuery(instruccionSQL);
while(rs.next()){
datos.add(new Empleado(rs.getString(1),rs.getString(2),rs.getString(3),rs.getDouble(4)));
}
rs.close();
miConexion.close();
}catch(Exception e){
out.println("Ha habido un error!!!");
e.printStackTrace();
}
pageContext.setAttribute("losempleados",datos);
%>
PASO 13
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Recorre Empleados</title>
</head>
<body>
<table border="1">
<tr><td>Nombre</td><td>Apellido</td><td>Puesto</td><td>Salario</td></tr>
<c:forEach var="EmpTemp" items="${losempleados}">
<tr>
<td>${EmpTemp.nombre}</td><td>${EmpTemp.apellido}</td><td>${EmpTemp.puesto}</td><td>${EmpTemp.s
alario}</td>
</tr>
</c:forEach>
</table>
</body>
</html>
Conclusiones
• Las etiquetas JSTL son muy sencillas de usarlas para personas que no
conocen de programación, a lo mucho necesitarán conocimientos de
etiquetas del estilo HTML.
• Los JSP EL (Expression Language) facilitan las llamadas a los métodos
Get y Set en los objetos Java.
GRACIAS

Dwi s06 JSP JSTL El Mod

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Dwi s06 JSP JSTL El Mod

Hochgeladen von

Copyright:

Verfügbare Formate

Desarrollo Web Integrado

DOCENTE: Jhonatan Isaac Vargas Huaman

Java Server Pages: Páginas de Servidor Java.

Tecnología Java que sirve para crear Aplicaciones Web

¿Qué es una Aplicación Web?

Es un sitio web cuyas páginas son generadas

• Separan el código JAVA del código HTML.

Página JSP Página JSP

JSP CustomTags JSTL Standard

JSP CustomTags JSTL Standard

XML SQL • Manipulación de BBDD desde página JSP.

1. Descargar la librería JSTL

2. Agregar la librería al Proyecto en Eclipse

3. Importar la librería en cada página JSP donde vayamos a utilizar:

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

copiar y pegar los archivos:

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<%@ page import="java.util.,java.sql.,jstl.Empleado" %>

Das könnte Ihnen auch gefallen