SlideShare una empresa de Scribd logo
1 de 14
JSP
Presentado por :
Francy Eliana
Araujo Marin
1101
●
Aquí vamos a encontrar
el código de un JSP,
desde NetBeans. Vamos
a explicar todo paso por
paso, permitiéndonos
aclarar las dudas que se
tengan con respecto a
JSP. Sin mas que decir,
empecemos.
●
Lo primero que hay que indicarle a la página
son una serie de parámetros o directivas,
como por ejemplo qué clases importar:
Código :
●
● <%@ page contentType="text/html; charset=utf-
8" import="Objetos.Persona" errorPage=""%>
Hay términos como:
●
contentType: especifica el tipo de salida,
en este caso text/html.
●
import: las clases o paquetes que vamos a
utilizar en la página. Se puede separar por
coma o usando varias veces import. En este
caso Objetos.Persona (también pueden ser
clases del entorno claro, como java.sql).
●
erroPage: simplemente la página de error
en caso de que ocurra uno y no sea tomado
por las excepciones del código.
●
Abajo de esa primera línea (pueden
copiarla tal cual), creen una página simple
como:
●
Código :
● <html>
● <head>
● <title>Mi primer sitio JSP</title>
● </head>
● <body>
● <h1>Hola mundo</h1>
● </body>
●
Para código java pelado se utiliza:
<%= expresión %>: para mostrar datos, es decir
expresiones evaluadas para la salida (por ejemplo:
persona.getNombre() en una tabla HTML).
●
<% código %>: algoritmos y cálculos comunes, tomar
una variable, manipular clases (código java común y
corriente). No se puede mostrar algo en el
navegador, para eso de utiliza el tag anterior.
●
<%! código %>: se insertan en el cuerpo de la clase
del servlet, fuera de cualquier método existente.
●
Con esto ya se puede practicar algo, vamos
a ver un ejemplo, tan fácil que casi no
hacen falta comentarios:
●
<%@page contentType="text/html;
charset=utf-8"
import="Objetos.Persona"%>
●
<html>
●
<head>
●
<title>Mi primer sitio JSP</title>
●
</head>
<body>
●
<%
●
Persona persona = new Persona();
●
persona.setNombre("Daniel");
●
persona.setCiudad("Santa Rosa");
●
persona.setId(12);
●
%>
●
<h1>Datos de la persona:</h1>
●
<p>Nombre: <%=persona.getNombre()%></p>
●
<p>Ciudad: <%=persona.getCiudad()%></p>
●
<p>Numero de identificacion: <
%=persona.getId()%></p>
●
</body>
●
</html>
●
Abajo del cuerpo utilizo el tag <% %> para
setearle los datos al objeto, y en el párrafo
muestro esos datos con la etiqueta <%= %>.
BEAT
●
Veamos el mismo caso utilizando javaBeans.
Básicamente un Bean hace referencia a una
clase fácilmente re utilizable y "sencilla"
por así decirlo. La clase Persona que
creamos sería una especie de Bean. Para
que funcione debe tener los setters y
getters que ya los hemos puesto.
●
Es muy fácil de entender:
●
Código
● <%@page contentType="text/html; charset=utf-
8" import="Objetos.Persona"%>
● <html>
● <head>
● <title>Mi primer sitio JSP</title>
● </head>
● <body>
● <jsp:useBean id="persona" scope="page"
class="Objetos.Persona" />
● <jsp:setProperty name="persona"
property="nombre" value="Daniel" />
● <jsp:setProperty name="persona"
property="ciudad" value="Santa Rosa" />
● <jsp:setProperty name="persona" property="id"
value="12" />
● <h1>Datos de la persona:</h1>
● <p>Nombre: <jsp:getProperty name="persona"
property="nombre" /></p>
● <p>Ciudad: <jsp:getProperty name="persona"
property="ciudad" /></p>
● <p>Numero de identificacion: <jsp:getProperty
name="persona" property="id" /></p>
●
● </body>
● </html>
●
Informacion sacada de:
●
http://www.cristalab.com/tutoriales/crear
-sitios-y-aplicaciones-web-en-jsp-con-java-
c74730l/

Más contenido relacionado

La actualidad más candente

Como crear mi primera pagina web
Como crear mi primera pagina webComo crear mi primera pagina web
Como crear mi primera pagina web
Sergio Varon
 
Comunicacion entre formularios HTML y paginas JSP
Comunicacion entre formularios HTML y paginas JSPComunicacion entre formularios HTML y paginas JSP
Comunicacion entre formularios HTML y paginas JSP
Danii Rodriguez
 
Lenguaje de-programacion-java script-1
Lenguaje de-programacion-java script-1Lenguaje de-programacion-java script-1
Lenguaje de-programacion-java script-1
Oscar Correa
 
Comandos basicos para la programación en javascript
Comandos basicos para la programación en javascriptComandos basicos para la programación en javascript
Comandos basicos para la programación en javascript
Micco5W
 
jQuery - 01 Conceptos básicos de java script
jQuery - 01 Conceptos básicos de java scriptjQuery - 01 Conceptos básicos de java script
jQuery - 01 Conceptos básicos de java script
Jacob Flores
 

La actualidad más candente (17)

Usando Netbeans para desarrollos en PHP
Usando Netbeans para desarrollos en PHPUsando Netbeans para desarrollos en PHP
Usando Netbeans para desarrollos en PHP
 
Directivas
DirectivasDirectivas
Directivas
 
Módulo de PHP
Módulo de PHPMódulo de PHP
Módulo de PHP
 
Php
PhpPhp
Php
 
Solución examen 2 con ollydbg
Solución examen 2 con ollydbgSolución examen 2 con ollydbg
Solución examen 2 con ollydbg
 
Lima hack 2011
Lima hack 2011Lima hack 2011
Lima hack 2011
 
Como crear mi primera pagina web
Como crear mi primera pagina webComo crear mi primera pagina web
Como crear mi primera pagina web
 
Variables en php
Variables en phpVariables en php
Variables en php
 
Clase 9 eventos
Clase 9 eventosClase 9 eventos
Clase 9 eventos
 
Comunicacion entre formularios HTML y paginas JSP
Comunicacion entre formularios HTML y paginas JSPComunicacion entre formularios HTML y paginas JSP
Comunicacion entre formularios HTML y paginas JSP
 
Lenguaje de-programacion-java script-1
Lenguaje de-programacion-java script-1Lenguaje de-programacion-java script-1
Lenguaje de-programacion-java script-1
 
Como ocultar el StatusBar en windows phone 8.1
Como ocultar el StatusBar en windows phone 8.1Como ocultar el StatusBar en windows phone 8.1
Como ocultar el StatusBar en windows phone 8.1
 
Tema2a Jsp
Tema2a JspTema2a Jsp
Tema2a Jsp
 
Comandos basicos para la programación en javascript
Comandos basicos para la programación en javascriptComandos basicos para la programación en javascript
Comandos basicos para la programación en javascript
 
Java script
Java scriptJava script
Java script
 
Javascript Básico
Javascript BásicoJavascript Básico
Javascript Básico
 
jQuery - 01 Conceptos básicos de java script
jQuery - 01 Conceptos básicos de java scriptjQuery - 01 Conceptos básicos de java script
jQuery - 01 Conceptos básicos de java script
 

Destacado (17)

Jsp
JspJsp
Jsp
 
Jsp
JspJsp
Jsp
 
Jsp
JspJsp
Jsp
 
ACERCA DE JSP
ACERCA DE JSP ACERCA DE JSP
ACERCA DE JSP
 
Jsp
JspJsp
Jsp
 
Ricardo jsp
Ricardo jspRicardo jsp
Ricardo jsp
 
Jsp
JspJsp
Jsp
 
Servlets y jsp
Servlets y jspServlets y jsp
Servlets y jsp
 
JSP
JSPJSP
JSP
 
JSP
JSP JSP
JSP
 
Hibernate framework
Hibernate frameworkHibernate framework
Hibernate framework
 
Elementos de JSP
Elementos de JSPElementos de JSP
Elementos de JSP
 
Jsp(java server pages)
Jsp(java server pages)Jsp(java server pages)
Jsp(java server pages)
 
Curso Jsp
Curso JspCurso Jsp
Curso Jsp
 
JSP
JSPJSP
JSP
 
Jsp Tutorial
Jsp TutorialJsp Tutorial
Jsp Tutorial
 
JSP
JSPJSP
JSP
 

Similar a Jsp

Html Y Javascript
Html Y JavascriptHtml Y Javascript
Html Y Javascript
oswchavez
 
Html Y Javascript
Html Y JavascriptHtml Y Javascript
Html Y Javascript
oswchavez
 
Conceptos de algoritmo, programa y lenguaje de
Conceptos de algoritmo, programa y lenguaje deConceptos de algoritmo, programa y lenguaje de
Conceptos de algoritmo, programa y lenguaje de
'Felipe Lozada
 
Conceptos de algoritmo, programa y lenguaje de
Conceptos de algoritmo, programa y lenguaje deConceptos de algoritmo, programa y lenguaje de
Conceptos de algoritmo, programa y lenguaje de
'Felipe Lozada
 
Conceptos de algoritmo, programa y lenguaje de
Conceptos de algoritmo, programa y lenguaje deConceptos de algoritmo, programa y lenguaje de
Conceptos de algoritmo, programa y lenguaje de
'Felipe Lozada
 
Conceptos de algoritmo, programa y lenguaje de
Conceptos de algoritmo, programa y lenguaje deConceptos de algoritmo, programa y lenguaje de
Conceptos de algoritmo, programa y lenguaje de
'Felipe Lozada
 
Guia java script
Guia java scriptGuia java script
Guia java script
mariaunefa
 

Similar a Jsp (20)

Guia JavaScript INCES Militar - Kurt Gude
Guia JavaScript INCES Militar - Kurt GudeGuia JavaScript INCES Militar - Kurt Gude
Guia JavaScript INCES Militar - Kurt Gude
 
JSP1
JSP1JSP1
JSP1
 
Especialista Web J13: Introducción a Asp.Net
Especialista Web J13: Introducción a Asp.NetEspecialista Web J13: Introducción a Asp.Net
Especialista Web J13: Introducción a Asp.Net
 
Introducción a ASP.NET
Introducción a ASP.NETIntroducción a ASP.NET
Introducción a ASP.NET
 
Clase09 java script
Clase09 java scriptClase09 java script
Clase09 java script
 
Java script
Java scriptJava script
Java script
 
Java web Lección 04 - JSTL
Java web Lección 04 - JSTLJava web Lección 04 - JSTL
Java web Lección 04 - JSTL
 
PHP
PHPPHP
PHP
 
Java Web JSTL
Java Web JSTLJava Web JSTL
Java Web JSTL
 
Javascript
JavascriptJavascript
Javascript
 
Html Y Javascript
Html Y JavascriptHtml Y Javascript
Html Y Javascript
 
Html Y Javascript
Html Y JavascriptHtml Y Javascript
Html Y Javascript
 
Learning j query
Learning j queryLearning j query
Learning j query
 
Conceptos de algoritmo, programa y lenguaje de
Conceptos de algoritmo, programa y lenguaje deConceptos de algoritmo, programa y lenguaje de
Conceptos de algoritmo, programa y lenguaje de
 
Conceptos de algoritmo, programa y lenguaje de
Conceptos de algoritmo, programa y lenguaje deConceptos de algoritmo, programa y lenguaje de
Conceptos de algoritmo, programa y lenguaje de
 
Conceptos de algoritmo, programa y lenguaje de
Conceptos de algoritmo, programa y lenguaje deConceptos de algoritmo, programa y lenguaje de
Conceptos de algoritmo, programa y lenguaje de
 
Conceptos de algoritmo, programa y lenguaje de
Conceptos de algoritmo, programa y lenguaje deConceptos de algoritmo, programa y lenguaje de
Conceptos de algoritmo, programa y lenguaje de
 
Lenguaje javascript
Lenguaje javascriptLenguaje javascript
Lenguaje javascript
 
Guia java script
Guia java scriptGuia java script
Guia java script
 
JQuery con ejemplos cortos
JQuery con ejemplos cortosJQuery con ejemplos cortos
JQuery con ejemplos cortos
 

Último

RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONRESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
amelia poma
 

Último (20)

Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024
 
AEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptxAEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptx
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdfPlan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
 
Louis Jean François Lagrenée. Erotismo y sensualidad. El erotismo en la Hist...
Louis Jean François Lagrenée.  Erotismo y sensualidad. El erotismo en la Hist...Louis Jean François Lagrenée.  Erotismo y sensualidad. El erotismo en la Hist...
Louis Jean François Lagrenée. Erotismo y sensualidad. El erotismo en la Hist...
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
 
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024
 
PP_Comunicacion en Salud: Objetivación de signos y síntomas
PP_Comunicacion en Salud: Objetivación de signos y síntomasPP_Comunicacion en Salud: Objetivación de signos y síntomas
PP_Comunicacion en Salud: Objetivación de signos y síntomas
 
Novena de Pentecostés con textos de san Juan Eudes
Novena de Pentecostés con textos de san Juan EudesNovena de Pentecostés con textos de san Juan Eudes
Novena de Pentecostés con textos de san Juan Eudes
 
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONRESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
 
Sesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdfSesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdf
 
La Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración AmbientalLa Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración Ambiental
 
Lecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigosLecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigos
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
 
Posición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxPosición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptx
 
Desarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por ValoresDesarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por Valores
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
 
Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024
 

Jsp

  • 1. JSP Presentado por : Francy Eliana Araujo Marin 1101
  • 2. ● Aquí vamos a encontrar el código de un JSP, desde NetBeans. Vamos a explicar todo paso por paso, permitiéndonos aclarar las dudas que se tengan con respecto a JSP. Sin mas que decir, empecemos.
  • 3. ● Lo primero que hay que indicarle a la página son una serie de parámetros o directivas, como por ejemplo qué clases importar: Código : ● ● <%@ page contentType="text/html; charset=utf- 8" import="Objetos.Persona" errorPage=""%>
  • 4. Hay términos como: ● contentType: especifica el tipo de salida, en este caso text/html. ● import: las clases o paquetes que vamos a utilizar en la página. Se puede separar por coma o usando varias veces import. En este caso Objetos.Persona (también pueden ser clases del entorno claro, como java.sql). ● erroPage: simplemente la página de error en caso de que ocurra uno y no sea tomado por las excepciones del código.
  • 5. ● Abajo de esa primera línea (pueden copiarla tal cual), creen una página simple como: ● Código : ● <html> ● <head> ● <title>Mi primer sitio JSP</title> ● </head> ● <body> ● <h1>Hola mundo</h1> ● </body>
  • 6. ● Para código java pelado se utiliza: <%= expresión %>: para mostrar datos, es decir expresiones evaluadas para la salida (por ejemplo: persona.getNombre() en una tabla HTML). ● <% código %>: algoritmos y cálculos comunes, tomar una variable, manipular clases (código java común y corriente). No se puede mostrar algo en el navegador, para eso de utiliza el tag anterior. ● <%! código %>: se insertan en el cuerpo de la clase del servlet, fuera de cualquier método existente.
  • 7. ● Con esto ya se puede practicar algo, vamos a ver un ejemplo, tan fácil que casi no hacen falta comentarios: ● <%@page contentType="text/html; charset=utf-8" import="Objetos.Persona"%> ● <html> ● <head> ● <title>Mi primer sitio JSP</title> ● </head>
  • 8. <body> ● <% ● Persona persona = new Persona(); ● persona.setNombre("Daniel"); ● persona.setCiudad("Santa Rosa"); ● persona.setId(12); ● %>
  • 9. ● <h1>Datos de la persona:</h1> ● <p>Nombre: <%=persona.getNombre()%></p> ● <p>Ciudad: <%=persona.getCiudad()%></p> ● <p>Numero de identificacion: < %=persona.getId()%></p> ● </body> ● </html> ● Abajo del cuerpo utilizo el tag <% %> para setearle los datos al objeto, y en el párrafo muestro esos datos con la etiqueta <%= %>.
  • 10. BEAT ● Veamos el mismo caso utilizando javaBeans. Básicamente un Bean hace referencia a una clase fácilmente re utilizable y "sencilla" por así decirlo. La clase Persona que creamos sería una especie de Bean. Para que funcione debe tener los setters y getters que ya los hemos puesto. ● Es muy fácil de entender: ●
  • 11. Código ● <%@page contentType="text/html; charset=utf- 8" import="Objetos.Persona"%> ● <html> ● <head> ● <title>Mi primer sitio JSP</title> ● </head> ● <body>
  • 12. ● <jsp:useBean id="persona" scope="page" class="Objetos.Persona" /> ● <jsp:setProperty name="persona" property="nombre" value="Daniel" /> ● <jsp:setProperty name="persona" property="ciudad" value="Santa Rosa" /> ● <jsp:setProperty name="persona" property="id" value="12" />
  • 13. ● <h1>Datos de la persona:</h1> ● <p>Nombre: <jsp:getProperty name="persona" property="nombre" /></p> ● <p>Ciudad: <jsp:getProperty name="persona" property="ciudad" /></p> ● <p>Numero de identificacion: <jsp:getProperty name="persona" property="id" /></p> ● ● </body> ● </html>