SlideShare una empresa de Scribd logo
1 de 70
M. en I.S.C. Leonardo M. Moreno Villalba Programación Web
JSP (JavaServer Pages) M. en I.S.C. Leonardo M. Moreno Villalba
Introducción a JSP (JavaServer Pages) ,[object Object],[object Object]
Definición de página JSP ,[object Object],[object Object]
Definición de página JSP ,[object Object],[object Object]
Beneficios de las páginas JSP ,[object Object],[object Object]
Beneficios de las páginas JSP ,[object Object],[object Object],[object Object]
Beneficios de las páginas JSP ,[object Object],[object Object],[object Object],[object Object],[object Object]
Elementos de las páginas JSP ,[object Object]
Elementos dinámicos que puede presentar una página JSP.
Directivas ,[object Object],[object Object]
Elementos de scripting ,[object Object],[object Object],[object Object]
Elementos de scripting ,[object Object],[object Object]
Acciones ,[object Object],[object Object]
Objetos implicitos ,[object Object]
Ejemplo <%@ page language=&quot;Java&quot;%> <html> <head> <title>Hola mundo con esto es mi primer JSP</title> </head> <body> <%--Esto es un comentario--%> <div align=&quot;center&quot;> <b><%out.println(&quot;Hola Mundo&quot;);%></b> </div> </body> </html>
Comparación entre el código de un servlet y un JSP ,[object Object],import java.io.*; import javax.servlet.*; import javax.servlet.http.*; public class ServletHolaMundo extends HttpServlet { public void doGet(HttpServletRequest request, HttpServletResponse response) throws IOException, ServletException{ response.setContentType(&quot;text/html&quot;); PrintWriter out = response.getWriter(); out.println(&quot;<html>&quot;+ &quot;<head><title>Hola Mundo con un servlet</title></head>&quot;+ &quot;<body><div align='center'><b>Hola Mundo </b></div>&quot;+ &quot;</body></html>&quot; ); } public void doPost(HttpServletRequest request, HttpServletResponse response) throws IOException, ServletException{ doGet(request,response); } }
Ejemplo <%@ page language=&quot;Java&quot; import=&quot;java.util.*&quot;%> <html> <head> <title>Hola mundo con JSP</title> </head> <%--Esto es un comentario--%> <body> <div align=&quot;center&quot;> <b> <%!String nombre;%> <%nombre=request.getParameter(&quot;nombre&quot;); if (nombre!=null) out.println(&quot;Hola &quot;+nombre); else out.println(&quot;Hola Mundo&quot;);%> <br>La fecha y hora actuales son:</b><i><%=new Date()%></i> </div> </body> </html>
Ejecución de las páginas JSP ,[object Object]
Ejecución de las páginas JSP
Estructura de los contenedores del servidor Tomcat
Ejemplo <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.0 Transitional//EN&quot;> <html> <head> <title>Hola Mundo 7 veces</title> </head> <body> <%for (int i=1;i<=7;i++){%> <font size=&quot;<%=i%>&quot;>Hola Mundo</font><br> <%}%> </body> </html>
Páginas JSP: Directivas
Introducción ,[object Object],[object Object]
Directivas ,[object Object],[object Object]
Directivas ,[object Object],[object Object]
Reglas de sintaxis ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Reglas de sintaxis ,[object Object],[object Object]
Directiva page ,[object Object],[object Object],[object Object],[object Object]
Directiva page ,[object Object],[object Object]
Ejemplo <%@ page info=&quot;Conjunto válido de directivas&quot;%> <%@ page language=&quot;java&quot; import=&quot;java.io.*&quot;%> <%@ page import=&quot;java.net.*, java.util.*&quot; %> <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.0 Transitional//EN&quot;> <html> <head> <title>Directivas</title> </head> <body> <%out.println(&quot;Hola Mundo&quot;);%> </body> </html>
Ejemplo 2 <%@ page info=&quot;Conjunto válido de directivas&quot; language=&quot;java&quot; import=&quot;java.net.*, java.util.*, java.io.*&quot;%> <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.0 Transitional//EN&quot;> <html> <head> <title>Directivas</title> </head> <body> <%out.println(&quot;Hola Mundo&quot;);%> </body> </html>
Atributo info ,[object Object]
Ejemplo <%@ page info=&quot;Ejemplo de directivas, Autor: SAMAEL&quot;%> <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.0 Transitional//EN&quot;> <html> <head> <title>Directivas</title> </head> <body> Ejemplo de atributo info </body> </html>
Atributo language ,[object Object]
Ejemplo <%@ page info=&quot;Ejemplo de directivas, Autor: SAMAEL&quot; language=&quot;java&quot;%> <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.0 Transitional//EN&quot;> <html> <head> <title>Directivas</title> </head> <body> Ejemplo de atributo info y language </body> </html>
Atributo extends ,[object Object]
Atributo import ,[object Object],[object Object]
Ejemplo <%@ page import=&quot;java.util.*&quot;%> <html> <head> <title>Directivas</title> </head> <body> Fecha y hora actuales: <%=new Date()%> </body> </html>
Ejemplo 2 <%@ page import=&quot;java.util.*, java.net.*&quot;%> <html> <head> <title>Directivas</title> </head> <body> Fecha y hora actuales: <%=new Date()%><br> <%URL url=new URL(&quot;http://mi.servidor.com&quot;);%> Procolo utilizado:<%=url.getProtocol()%> </body> </html>
Atributo session ,[object Object],[object Object]
Ejemplo <%@ page session=&quot;true&quot;%> <html> <head> <title>Directivas</title> </head> <body> El identificador de la sesion es: <%=session.getId()%> </body> </html>
Atributo buffer ,[object Object],[object Object]
Atributo autoFlush ,[object Object],[object Object]
Atributo isThreadSafe ,[object Object]
Atributo errorPage ,[object Object]
Atributo isErrorPage ,[object Object]
Tabla de resumen
Directiva include ,[object Object],[object Object]
Ejemplo <html> <head> <title>Directivas</title> </head> <body> <%@ include file=&quot;cabecera.html&quot;%> <br> Esto es la página JSP <br> <%@ include file=&quot;pie.html&quot;%> </body> </html>
La directiva taglib ,[object Object],[object Object],[object Object]
La directiva taglib ,[object Object],[object Object]
Elementos de scripting
Introducción ,[object Object]
Declaraciones ,[object Object],[object Object],[object Object]
Scriptlets ,[object Object],[object Object],[object Object]
Expresiones ,[object Object],[object Object]
Comentarios ,[object Object],[object Object],[object Object]
objetos integrados I
Introducción ,[object Object]
request ,[object Object],[object Object]
response ,[object Object]
pageContext ,[object Object],[object Object]
session ,[object Object],[object Object]
application ,[object Object],[object Object]
Tabla de Objetos integrados
Tabla de Objetos integrados
Ejemplos <%@ page import=&quot;java.util.*&quot; %> <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.0 Transitional//EN&quot;> <html> <head> <title>Origen</title> </head> <body> <%request.setAttribute(&quot;fecha&quot;,new Date()); RequestDispatcher rd=application.getRequestDispatcher(&quot;/destino.jsp&quot;); rd.forward(request,response);%> </body> </html>
Ejemplo <%@ page import=&quot;java.util.*&quot; %> <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.0 Transitional//EN&quot;> <html> <head> <title>Destino</title> </head> <body> <%Date fecha=(Date)request.getAttribute(&quot;fecha&quot;);%> Atributo de la petición: <%=fecha%><br> </body> </html>
Ejemplo <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.0 Transitional//EN&quot;> <html> <head> <title>Untitled</title> </head> <body> <%if(request.getParameter(&quot;enviar&quot;)==null){%> <%--No se ha pulsado el botón de envío, por lo tanto se muestra el formulario en el navegador--%> <form action=&quot;formulario.jsp&quot; method=&quot;GET&quot;> <b>Datos personales</b><br> Nombre: <input type=&quot;Text&quot; name=&quot;nombre&quot; size=&quot;20&quot;><br> Apellidos: <input type=&quot;Text&quot; name=&quot;apellidos&quot; size=&quot;20&quot;><br> Edad: <input type=&quot;Text&quot; name=&quot;edad&quot; size=&quot;20&quot;><br> Email:<input type=&quot;Text&quot; name=&quot;email&quot; size=&quot;30&quot;><br> <br> <b>Departamentos</b><br> <select name=&quot;departamentos&quot; multiple size=&quot;5&quot;> <option value=&quot;Sistemas&quot;>Sistemas</option> <option value=&quot;Desarrollo&quot;>Desarrollo</option> <option value=&quot;Comercial&quot;>Comercial</option> <option value=&quot;Administración&quot;>Administración</option> <option value=&quot;Formación&quot;>Formación</option> </select><br><br> <b>Lenguajes de programación y entornos de desarrollo</b><br> <input type=&quot;checkbox&quot; name=&quot;lenguajes&quot; value=&quot;C++&quot;>C++ <input type=&quot;checkbox&quot; name=&quot;lenguajes&quot; value=&quot;Visual Basic&quot;>Visual Basic <input type=&quot;checkbox&quot; name=&quot;lenguajes&quot; value=&quot;Java&quot;>Java <input type=&quot;checkbox&quot; name=&quot;lenguajes&quot; value=&quot;ASP&quot;>ASP <input type=&quot;checkbox&quot; name=&quot;lenguajes&quot; value=&quot;Delphi&quot;>Delphi <input type=&quot;checkbox&quot; name=&quot;lenguajes&quot; value=&quot;JSP&quot;>JSP <br> <input type=&quot;Submit&quot; name=&quot;enviar&quot; value=&quot;Enviar&quot;> </form> <%}else{%> <%--Se ha pulsado el botón de envío y se muestran los datos contenidos en el formulario--%> <ul> <li>nombre: <i><%=request.getParameter(&quot;nombre&quot;)%></i> <li>apellidos: <i><%=request.getParameter(&quot;apellidos&quot;)%></i> <li>edad: <i><%=request.getParameter(&quot;edad&quot;)%></i> <li>email: <i><%=request.getParameter(&quot;email&quot;)%></i> <%String[] valores=request.getParameterValues(&quot;departamentos&quot;);%> <li>departamentos: <i> <% int i; if (valores!=null){ for (i=0;i<=valores.length-2;i++){%> <%=valores[i]%>, <%}%> <%=valores[i]%></i> <%} valores=request.getParameterValues(&quot;lenguajes&quot;);%> <li>lenguajes: <i> <%if (valores!=null){ for (i=0;i<=valores.length-2;i++){%> <%=valores[i]%>, <%}%> <%=valores[i]%></i> <%}%> </ul> <a href=&quot;formulario.jsp&quot;>Volver</a> <%}%> </body> </html>

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

JSP
JSPJSP
JSP
 
Jsp
JspJsp
Jsp
 
Curso Java Avanzado 3 4 Js Ps Con Java Beans
Curso Java Avanzado   3 4 Js Ps Con Java BeansCurso Java Avanzado   3 4 Js Ps Con Java Beans
Curso Java Avanzado 3 4 Js Ps Con Java Beans
 
Introjsp
IntrojspIntrojsp
Introjsp
 
Manual programacion - java - jsp & xml
Manual   programacion - java - jsp & xmlManual   programacion - java - jsp & xml
Manual programacion - java - jsp & xml
 
Qué es jsp
Qué es jspQué es jsp
Qué es jsp
 
Curso Java Avanzado 3 Js Ps
Curso Java Avanzado   3 Js PsCurso Java Avanzado   3 Js Ps
Curso Java Avanzado 3 Js Ps
 
Introducción al desarrollo de aplicaciones web en Java
Introducción al desarrollo de aplicaciones web en JavaIntroducción al desarrollo de aplicaciones web en Java
Introducción al desarrollo de aplicaciones web en Java
 
Java Web - JSP
Java Web - JSPJava Web - JSP
Java Web - JSP
 
[ES] Introdución al desarrollo de aplicaciones web en java
[ES] Introdución al desarrollo de aplicaciones  web en java[ES] Introdución al desarrollo de aplicaciones  web en java
[ES] Introdución al desarrollo de aplicaciones web en java
 
Prg3 3x02
Prg3 3x02Prg3 3x02
Prg3 3x02
 
Jsp
JspJsp
Jsp
 
4. Curso Java JSP (Java Server Pages) - Curso 2005-2006
4. Curso Java JSP (Java Server Pages) - Curso 2005-20064. Curso Java JSP (Java Server Pages) - Curso 2005-2006
4. Curso Java JSP (Java Server Pages) - Curso 2005-2006
 
Capa de presentacion jsp
Capa de presentacion jspCapa de presentacion jsp
Capa de presentacion jsp
 
Curso Java Avanzado 2 Servlets
Curso Java Avanzado   2 ServletsCurso Java Avanzado   2 Servlets
Curso Java Avanzado 2 Servlets
 
Resumen jee
Resumen jeeResumen jee
Resumen jee
 
Servlets y jsp
Servlets y jspServlets y jsp
Servlets y jsp
 
2. Java Servlets (J2EE) - Curso 2005-2006
2. Java Servlets (J2EE) - Curso 2005-20062. Java Servlets (J2EE) - Curso 2005-2006
2. Java Servlets (J2EE) - Curso 2005-2006
 
Ruby on Rails - ETyC 2011
Ruby on Rails - ETyC 2011Ruby on Rails - ETyC 2011
Ruby on Rails - ETyC 2011
 
Servlets exposicion
Servlets exposicionServlets exposicion
Servlets exposicion
 

Destacado

Primera guerra mundial
Primera guerra mundialPrimera guerra mundial
Primera guerra mundialAndrea Cavalli
 
Bii oqiimiqaa expo_2 heheh
Bii oqiimiqaa expo_2 hehehBii oqiimiqaa expo_2 heheh
Bii oqiimiqaa expo_2 hehehNoe Gonzalez
 
Robots de rehabilitacion
Robots de rehabilitacion Robots de rehabilitacion
Robots de rehabilitacion fernandohal
 
Práctica de word
Práctica de wordPráctica de word
Práctica de wordkatty1214
 
Salon des collectionneurs du 24 févr. 2013
Salon des collectionneurs du 24 févr. 2013Salon des collectionneurs du 24 févr. 2013
Salon des collectionneurs du 24 févr. 2013EPTCL
 
España catalogo 2011
España catalogo 2011España catalogo 2011
España catalogo 2011kiketapia
 
Números enteros (adición y sustracción)
Números enteros (adición y sustracción)Números enteros (adición y sustracción)
Números enteros (adición y sustracción)matematicalichan
 
Deber nº. 4. COMUNICACION Y ENSEÑANZA
Deber nº. 4. COMUNICACION Y ENSEÑANZADeber nº. 4. COMUNICACION Y ENSEÑANZA
Deber nº. 4. COMUNICACION Y ENSEÑANZAFranklin Arturo
 
Cassis orodiètologie oralite et gestualite dans le sevrage tabagique
Cassis orodiètologie oralite et gestualite dans le sevrage tabagiqueCassis orodiètologie oralite et gestualite dans le sevrage tabagique
Cassis orodiètologie oralite et gestualite dans le sevrage tabagiqueAmineBenjelloun
 

Destacado (20)

Prve quetzalli hernandez
Prve quetzalli hernandezPrve quetzalli hernandez
Prve quetzalli hernandez
 
Qué es y para que te va a servir
Qué es y para que te va a servirQué es y para que te va a servir
Qué es y para que te va a servir
 
Cinco sentidos
Cinco sentidosCinco sentidos
Cinco sentidos
 
Primera guerra mundial
Primera guerra mundialPrimera guerra mundial
Primera guerra mundial
 
Bii oqiimiqaa expo_2 heheh
Bii oqiimiqaa expo_2 hehehBii oqiimiqaa expo_2 heheh
Bii oqiimiqaa expo_2 heheh
 
Robots de rehabilitacion
Robots de rehabilitacion Robots de rehabilitacion
Robots de rehabilitacion
 
Práctica de word
Práctica de wordPráctica de word
Práctica de word
 
Salon des collectionneurs du 24 févr. 2013
Salon des collectionneurs du 24 févr. 2013Salon des collectionneurs du 24 févr. 2013
Salon des collectionneurs du 24 févr. 2013
 
España catalogo 2011
España catalogo 2011España catalogo 2011
España catalogo 2011
 
Números enteros (adición y sustracción)
Números enteros (adición y sustracción)Números enteros (adición y sustracción)
Números enteros (adición y sustracción)
 
Profet marzo mhp
Profet marzo mhpProfet marzo mhp
Profet marzo mhp
 
Reciclaje y residuos
Reciclaje y residuosReciclaje y residuos
Reciclaje y residuos
 
Actividad 2
Actividad 2Actividad 2
Actividad 2
 
Deber nº. 4. COMUNICACION Y ENSEÑANZA
Deber nº. 4. COMUNICACION Y ENSEÑANZADeber nº. 4. COMUNICACION Y ENSEÑANZA
Deber nº. 4. COMUNICACION Y ENSEÑANZA
 
Ecuaciones exactas
Ecuaciones exactasEcuaciones exactas
Ecuaciones exactas
 
PrOtOcOlOs De ReD
PrOtOcOlOs De ReDPrOtOcOlOs De ReD
PrOtOcOlOs De ReD
 
Cassis orodiètologie oralite et gestualite dans le sevrage tabagique
Cassis orodiètologie oralite et gestualite dans le sevrage tabagiqueCassis orodiètologie oralite et gestualite dans le sevrage tabagique
Cassis orodiètologie oralite et gestualite dans le sevrage tabagique
 
educacion buen vivir
educacion buen vivireducacion buen vivir
educacion buen vivir
 
INVITACION
INVITACIONINVITACION
INVITACION
 
Paisajes
PaisajesPaisajes
Paisajes
 

Similar a Programacion Web 2o dept (20)

JSP
JSPJSP
JSP
 
Sesion06 apuntes
Sesion06 apuntesSesion06 apuntes
Sesion06 apuntes
 
Herramientas de Desarrollo de Sistemas
Herramientas de Desarrollo de SistemasHerramientas de Desarrollo de Sistemas
Herramientas de Desarrollo de Sistemas
 
TEMA Nº 3: ELEMENTOS DE JSP
TEMA Nº 3: ELEMENTOS DE JSPTEMA Nº 3: ELEMENTOS DE JSP
TEMA Nº 3: ELEMENTOS DE JSP
 
Introduccion java ser
Introduccion java serIntroduccion java ser
Introduccion java ser
 
Practica jsp
Practica jspPractica jsp
Practica jsp
 
Jsp Paginacion
Jsp PaginacionJsp Paginacion
Jsp Paginacion
 
Jsp
JspJsp
Jsp
 
JSP
JSP JSP
JSP
 
Jsp
JspJsp
Jsp
 
JavaServer Page
JavaServer PageJavaServer Page
JavaServer Page
 
Java Web Lección 02 - JSP
Java Web Lección 02 - JSPJava Web Lección 02 - JSP
Java Web Lección 02 - JSP
 
Aplicaciones web
Aplicaciones webAplicaciones web
Aplicaciones web
 
JSP
JSPJSP
JSP
 
Guia java script
Guia java scriptGuia java script
Guia java script
 
[ES] Introducción a las Aplicaciones Web con Java
[ES] Introducción a las Aplicaciones Web con Java[ES] Introducción a las Aplicaciones Web con Java
[ES] Introducción a las Aplicaciones Web con Java
 
Entrada 5
Entrada 5Entrada 5
Entrada 5
 
proyecto java
proyecto javaproyecto java
proyecto java
 
Tema2a Jsp
Tema2a JspTema2a Jsp
Tema2a Jsp
 
Jsp
JspJsp
Jsp
 

Último

Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxLolaBunny11
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfJulian Lamprea
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 

Último (10)

Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 

Programacion Web 2o dept

  • 1. M. en I.S.C. Leonardo M. Moreno Villalba Programación Web
  • 2. JSP (JavaServer Pages) M. en I.S.C. Leonardo M. Moreno Villalba
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10. Elementos dinámicos que puede presentar una página JSP.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16. Ejemplo <%@ page language=&quot;Java&quot;%> <html> <head> <title>Hola mundo con esto es mi primer JSP</title> </head> <body> <%--Esto es un comentario--%> <div align=&quot;center&quot;> <b><%out.println(&quot;Hola Mundo&quot;);%></b> </div> </body> </html>
  • 17.
  • 18. Ejemplo <%@ page language=&quot;Java&quot; import=&quot;java.util.*&quot;%> <html> <head> <title>Hola mundo con JSP</title> </head> <%--Esto es un comentario--%> <body> <div align=&quot;center&quot;> <b> <%!String nombre;%> <%nombre=request.getParameter(&quot;nombre&quot;); if (nombre!=null) out.println(&quot;Hola &quot;+nombre); else out.println(&quot;Hola Mundo&quot;);%> <br>La fecha y hora actuales son:</b><i><%=new Date()%></i> </div> </body> </html>
  • 19.
  • 20. Ejecución de las páginas JSP
  • 21. Estructura de los contenedores del servidor Tomcat
  • 22. Ejemplo <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.0 Transitional//EN&quot;> <html> <head> <title>Hola Mundo 7 veces</title> </head> <body> <%for (int i=1;i<=7;i++){%> <font size=&quot;<%=i%>&quot;>Hola Mundo</font><br> <%}%> </body> </html>
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31. Ejemplo <%@ page info=&quot;Conjunto válido de directivas&quot;%> <%@ page language=&quot;java&quot; import=&quot;java.io.*&quot;%> <%@ page import=&quot;java.net.*, java.util.*&quot; %> <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.0 Transitional//EN&quot;> <html> <head> <title>Directivas</title> </head> <body> <%out.println(&quot;Hola Mundo&quot;);%> </body> </html>
  • 32. Ejemplo 2 <%@ page info=&quot;Conjunto válido de directivas&quot; language=&quot;java&quot; import=&quot;java.net.*, java.util.*, java.io.*&quot;%> <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.0 Transitional//EN&quot;> <html> <head> <title>Directivas</title> </head> <body> <%out.println(&quot;Hola Mundo&quot;);%> </body> </html>
  • 33.
  • 34. Ejemplo <%@ page info=&quot;Ejemplo de directivas, Autor: SAMAEL&quot;%> <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.0 Transitional//EN&quot;> <html> <head> <title>Directivas</title> </head> <body> Ejemplo de atributo info </body> </html>
  • 35.
  • 36. Ejemplo <%@ page info=&quot;Ejemplo de directivas, Autor: SAMAEL&quot; language=&quot;java&quot;%> <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.0 Transitional//EN&quot;> <html> <head> <title>Directivas</title> </head> <body> Ejemplo de atributo info y language </body> </html>
  • 37.
  • 38.
  • 39. Ejemplo <%@ page import=&quot;java.util.*&quot;%> <html> <head> <title>Directivas</title> </head> <body> Fecha y hora actuales: <%=new Date()%> </body> </html>
  • 40. Ejemplo 2 <%@ page import=&quot;java.util.*, java.net.*&quot;%> <html> <head> <title>Directivas</title> </head> <body> Fecha y hora actuales: <%=new Date()%><br> <%URL url=new URL(&quot;http://mi.servidor.com&quot;);%> Procolo utilizado:<%=url.getProtocol()%> </body> </html>
  • 41.
  • 42. Ejemplo <%@ page session=&quot;true&quot;%> <html> <head> <title>Directivas</title> </head> <body> El identificador de la sesion es: <%=session.getId()%> </body> </html>
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 49.
  • 50. Ejemplo <html> <head> <title>Directivas</title> </head> <body> <%@ include file=&quot;cabecera.html&quot;%> <br> Esto es la página JSP <br> <%@ include file=&quot;pie.html&quot;%> </body> </html>
  • 51.
  • 52.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 60.
  • 61.
  • 62.
  • 63.
  • 64.
  • 65.
  • 66. Tabla de Objetos integrados
  • 67. Tabla de Objetos integrados
  • 68. Ejemplos <%@ page import=&quot;java.util.*&quot; %> <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.0 Transitional//EN&quot;> <html> <head> <title>Origen</title> </head> <body> <%request.setAttribute(&quot;fecha&quot;,new Date()); RequestDispatcher rd=application.getRequestDispatcher(&quot;/destino.jsp&quot;); rd.forward(request,response);%> </body> </html>
  • 69. Ejemplo <%@ page import=&quot;java.util.*&quot; %> <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.0 Transitional//EN&quot;> <html> <head> <title>Destino</title> </head> <body> <%Date fecha=(Date)request.getAttribute(&quot;fecha&quot;);%> Atributo de la petición: <%=fecha%><br> </body> </html>
  • 70. Ejemplo <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.0 Transitional//EN&quot;> <html> <head> <title>Untitled</title> </head> <body> <%if(request.getParameter(&quot;enviar&quot;)==null){%> <%--No se ha pulsado el botón de envío, por lo tanto se muestra el formulario en el navegador--%> <form action=&quot;formulario.jsp&quot; method=&quot;GET&quot;> <b>Datos personales</b><br> Nombre: <input type=&quot;Text&quot; name=&quot;nombre&quot; size=&quot;20&quot;><br> Apellidos: <input type=&quot;Text&quot; name=&quot;apellidos&quot; size=&quot;20&quot;><br> Edad: <input type=&quot;Text&quot; name=&quot;edad&quot; size=&quot;20&quot;><br> Email:<input type=&quot;Text&quot; name=&quot;email&quot; size=&quot;30&quot;><br> <br> <b>Departamentos</b><br> <select name=&quot;departamentos&quot; multiple size=&quot;5&quot;> <option value=&quot;Sistemas&quot;>Sistemas</option> <option value=&quot;Desarrollo&quot;>Desarrollo</option> <option value=&quot;Comercial&quot;>Comercial</option> <option value=&quot;Administración&quot;>Administración</option> <option value=&quot;Formación&quot;>Formación</option> </select><br><br> <b>Lenguajes de programación y entornos de desarrollo</b><br> <input type=&quot;checkbox&quot; name=&quot;lenguajes&quot; value=&quot;C++&quot;>C++ <input type=&quot;checkbox&quot; name=&quot;lenguajes&quot; value=&quot;Visual Basic&quot;>Visual Basic <input type=&quot;checkbox&quot; name=&quot;lenguajes&quot; value=&quot;Java&quot;>Java <input type=&quot;checkbox&quot; name=&quot;lenguajes&quot; value=&quot;ASP&quot;>ASP <input type=&quot;checkbox&quot; name=&quot;lenguajes&quot; value=&quot;Delphi&quot;>Delphi <input type=&quot;checkbox&quot; name=&quot;lenguajes&quot; value=&quot;JSP&quot;>JSP <br> <input type=&quot;Submit&quot; name=&quot;enviar&quot; value=&quot;Enviar&quot;> </form> <%}else{%> <%--Se ha pulsado el botón de envío y se muestran los datos contenidos en el formulario--%> <ul> <li>nombre: <i><%=request.getParameter(&quot;nombre&quot;)%></i> <li>apellidos: <i><%=request.getParameter(&quot;apellidos&quot;)%></i> <li>edad: <i><%=request.getParameter(&quot;edad&quot;)%></i> <li>email: <i><%=request.getParameter(&quot;email&quot;)%></i> <%String[] valores=request.getParameterValues(&quot;departamentos&quot;);%> <li>departamentos: <i> <% int i; if (valores!=null){ for (i=0;i<=valores.length-2;i++){%> <%=valores[i]%>, <%}%> <%=valores[i]%></i> <%} valores=request.getParameterValues(&quot;lenguajes&quot;);%> <li>lenguajes: <i> <%if (valores!=null){ for (i=0;i<=valores.length-2;i++){%> <%=valores[i]%>, <%}%> <%=valores[i]%></i> <%}%> </ul> <a href=&quot;formulario.jsp&quot;>Volver</a> <%}%> </body> </html>