Hola bienvenidos a esta elección.
A continuación vamos a revisar el tema de Scribblenauts con base botellas están listos.
Vamos bien vamos a cerrar este proyecto damos un derecho Claws y vamos a crear un nuevo proyecto cerramos
todos los archivos y posiblemente damos clic en fin ni proyecto seleccionamos la web Mayberry y posteriormente
Web Application damos clic en Next y el nombre del proyecto se va a llamar escribe Let's
JSP y lo vamos a depositar en la carpeta de cursos JSP.
El grupo Heydi va a ser MX con G.M de Global mentoring.
La versión 1.0 y el nombre del paquete lo vamos a dejar vacío.
Damos clic en Siguiente dejamos los valores por default y damos hurguen finalizar
vamos a cambiar el nombre de nuestro proyecto damos derecho a arruinarme cambiamos el nombre y damos
clic en OK y también si se ha generado este código vamos a eliminarlo damos clic derecho eliminar
bien ahora lo que vamos a hacer es agregar dos JSP nuevos.
Vamos a dar clic derecho no seleccionamos JSP y el primer JSP se va a llamar fondo color.
Lo vamos a depositar en la carpeta vacía y damos fuguen finalizar
quitamos estos comentarios y de momento vamos a dejar hasta aquí.
Este JSP ahora vamos a agregar otros JSP su derecho Nioh JSP y el nombre de JSP se va a llamar Scribblenauts
dejamos los demás valores por default y damos clic en Finalizar quitamos estos comentarios y también
vamos a dejar hasta aquí este archivo como siguiente paso vamos a modificar nuestro archivo de índex
HTML así que ese archivo va a ser la llamada a los JSP que hemos creado el título va a ser ejemplo escribe
Scribblenauts JSP
modificamos también el título H1 y vamos a agregar dos saltos de línea
y posteriormente vamos a agregar un link para hacer la llamada al archivo describe Betts así que seleccionamos
escribe punto JSP y agregamos el texto.
Ejemplos
describe Betts
posteriormente agregamos otros dos saltos de línea y posteriormente agregamos un formulario agregamos
la etiqueta de form posteriormente el atributo de Action y mandamos a llamar el JSP fondo color punto
JSP cerramos este formulario y ahora vamos a proporcionar un color vamos a poner el siguiente texto
proporciona el color de fondo debido a que lo que escribamos se va a aplicar directamente como el fondo
como el background de la página JSP.
Entonces debe de ser un nombre válido de color.
Por ejemplo el color de Red Blue hielo etc..
Ya que se proporciona un nombre que no pertenece a un color aplicable en HTML simplemente no se va aplicar
el color de fondo viene agregamos un elemento de tipo input agregamos el tipo que va a ser de tipo texto
y posiblemente el atributo que se llama color fondo y cerramos la etiqueta.
Agregamos un salto de línea y posteriormente agregamos un elemento de tipo input el tipo va a ser submit
y el valio va a ser enviar ese es el valor que se va a mostrar en el botón bien así que con esto ya
tenemos nuestro formulario que va a enviar el valor de color de fondo y el JSP fondo color va a aplicar
en el background el color que le enviemos ahora vamos a modificar nuestra página destruibles JSP podemos
quitar la directiva de Page ya que ya tenemos el valor de meta.
Posteriormente modificamos el título JSP con escribe Betts
utilizamos este mismo texto para definir el título de la página JSP con escribirles agregamos un salto
y posteriormente vamos a lo siguiente.
Vamos a definir un escríbele para enviar información al navegador primero definimos un comentario de
JSP.
La diferencia entre un comentario de HTML y un comentario de JSP es el comentario de JSP no se va a
mostrar al navegador.
En cambio un comentario de HTML si se muestra al navegador ese sería un comentario de JSP
y todo lo que pongamos aquí no se va a desplegar al navegador así que agregamos el texto script Let
para enviar información al navegador abrimos una escríbele.
Recordemos que es Piko parentesis y posteriormente porcentage.
Con esto se abre la sintaxis de la escribid y posteriormente para cerrar este escríbele utilizamos porcentage
épico parentesis.
Así que todo lo que pongamos dentro de este escríbele va a ser código Java.
En este caso vamos a utilizar la variable que ya tenemos creada la variable ATT y mandamos a llamar
el método print y vamos a imprimir el texto.
Saludos desde una escríbele esto va a ser lo primero que vamos a mandar a imprimir.
Ahora vamos a agregar otro comentario de JSP y agregamos el texto escríbele para manipular los objetos
implícitos
es decir los objetos que ya se han creado por nosotros como el objeto a otro la variable a otro vamos
a abrir un escríbele cerramos el escríbele y dentro de ese escríbelo vamos a agregar el siguiente código
Java.
Vamos a definir una variable llamada nombre aplicación y vamos a obtener el nombre de la aplicación
con ayuda de la variable recuesto la cual ya es una variable implícita ya la podemos utilizar directamente
mandamos a llamar el método GET context Path y esto nos va a regresar el nombre de la aplicación y con
ayuda de la variable otro podemos mandar a imprimir
nombre de la aplicación
y posteriormente imprimimos la variable nombre aplicación así que podemos observar que esto es solo
código Java pero estamos utilizando la variable implícita Ought para mandar información al cliente.
Posteriormente imprimimos un salto de línea y ahora lo que vamos a hacer es agregar código escríbele
condicionado así que realizamos un comentario que va a ser escríbele con código condicionado y lo que
vamos a hacer es utilizar IP para agregar código condicionado.
Utilizando código Java dentro de destruibles así que lo que vamos a hacer es abrir una escríbele posteriormente
cerramos este escríbele y dentro vamos a agregar código Java agregamos un IHF utilizamos el objeto de
implicito sesión y preguntamos si el objeto sesión es diferente de nulo y además es sesión nueva
Magnano llamar el método ígneo pero lo vamos a imprimir directamente aquí el código sino que lo vamos
a imprimir fuera de este destruibles para que vean cómo podemos manejar este tipo de código condicionado
así que mandamos a imprimir la sesión es nueva.
De lo contrario vamos a abrir otro escríbele
y ahora vamos a preguntar si no si la sesión es diferente de Nul entonces imprimimos el valor fuera
del escríbele.
La sesión no es nueva aquí en este mensaje ponemos la sesión si es nueva y en este mensaje la sesión
no es nueva.
Así que esto es código HTML ya que estamos fuera de la escríbelo y esto es código Java ya que estamos
dentro del escríbele así que estamos agregando código condicionado mezclando HTML con código Java y
finalmente cerramos la llave de nuestra sentencia IF abrimos nuestro escribe Net cerramos y cerramos
la llave que habíamos abierto de nuestro bloque if aquí me faltó cerrar la llave del IF ya que abrimos
la llave pero aquí hay que cerrarla para abrir nuevamente el caso de If.
Posteriormente abrimos la llave del IF y aquí se cierra la llave de IF así que con eso ya tenemos nuestro
código escribe Net para ver cómo se maneja el código condicionado.
Sin embargo cabe mencionar que esto no es buena práctica sin embargo es posible hacerlo desde un JSP
así que si por alguna razón se llegan a encontrar este tipo de código deben saber interpretarlo.
Pero esto no es recomendable que lo utilicen y vamos a ver mejores prácticas más adelante cuando veamos
el tema del patrón de diseño MVC.
Así que esto no es recomendable que ustedes lo apliquen en sus proyectos pero podrían encontrar ese
tipo de código o también por ejemplo si están preparando alguna certificación podrían encontrar este
tipo de preguntas y deben de poder saber interpretar este tipo de código.
Bien ahora vamos a modificar nuestro JSP de fondo color vamos a quitar la directiva vamos a cambiar
el título se va a llamar JSP
cambio de color cambiamos el título y lo que vamos a hacer antes de empezar nuestro documento HTML es
que vamos a recuperar el valor del parámetro que se está enviando desde el Index.
Tenemos un formulario y se está enviando el parámetro color de fondo.
En este formulario.
Así que lo que vamos a hacer es abrir una escríbele para recuperar este parámetro así que abrimos el
escríbele y lo cerramos y dentro de ese escríbele vamos a agregar el siguiente código IAVA.
Definimos una variable llamada Fondo y posteriormente vamos a utilizar el objeto recuesto para solicitar
el método GET para meter y proporcionamos el nombre de nuestro parámetro que en este caso va a ser color
fondo y es el valor que vamos a recuperar.
Y ahora vamos a preguntar si la variable fondo es igual a NULL o fondo haciendo un truhán es decir quitando
espacios en blanco a la izquierda y a la derecha continúa haciendo.
Es igual a cadena vacía entonces aplicamos un color por default le asignamos el color de Jaitt a la
variable fondo esto para que se pueda mostrar el resultado y se pueda aplicar este color de fondo hemos
indicado que debemos de proporcionar un color válido que se pueda aplicar en HTML así que si no proporcionamos
un valor válido una cadena valida entonces cuando aplicamos este color no se va a visualizar ahora vamos
a aplicar esta variable color el valor que contiene esta variable vamos a aplicarlo a nuestro Bodhi
en el atributo de BG color así que en el atributo de Bagram color vamos a utilizar una expresión para
agregar el valor del color de fondo.
Así que abrimos una expresión.
Recordemos que a diferencia de las cuales en este caso manda imprimir directamente el valor que pongamos
dentro de esa expresión así que vamos a utilizar esta sintaxis.
Posteriormente cerramos esta expresión y aquí podemos mandar a imprimir directamente una variable en
este caso mandamos a imprimir la variable de fondo que hemos definido y posteriormente imprimimos cuál
es el color que hemos aplicado color de fondo aplicado dos puntos y de igual manera volvemos a imprimir
este valor utilizando esta misma expresión
agregamos un salto de línea y finalmente un link para regresar a la página de inicio
regresamos al inicio.
Y también dentro del described nos faltó agregar un link para regresar al inicio
esto no es necesario pero es bueno agregarlo para completar el flujo
bien con eso ya tenemos todo nuestro código.
Podemos observar que de momento no estamos creando ninguna clase IAVA ya que todo el código que estamos
utilizando para la lógica lo estamos agregando directamente con código Java dentro de los escribientes.
Sin embargo esto no es recomendable esto es solamente para que aprendan el uso de escríbele etc. Pero
vamos a ver que esto no es buena práctica y más adelante vamos a ver el patrón de diseño MVC para aplicar
las mejores prácticas cuando trabajamos con servlets y JSP.
Bien vamos a compilar nuestro proyecto hacemos un cambio
y ahora ejecutamos nuestro proyecto damos un derecho Roll y esperamos a que termine de levantarse glacis
bien y podemos observar nuestra página ejemplos de Scribblenauts JSP podemos mandar a llamar el JSP
en describirles y también podemos mandar a llamar el JSP de fondo color llenan este formulario y dando
clic en un botón Enviar vamos a probar primero el Hynde ejemplo destruibles damos clic recordemos que
la primera vez puede tardar debido a que se está realizando la compilación de JSP hacia servlet así
que podemos observar el mensaje saludos desde una Scribblenauts posteriormente nombre de la aplicación
y nos muestra el context Path en este caso debe de ser igual al nombre de nuestra aplicación.
Escribe Let's JSP así que podemos ver diagonal escribe Betts JSP.
Ese es el contexto de nuestra aplicación.
Y posteriormente según el blog condicionado que hemos utilizado nos muestra que la sesión sí es nueva
ya que es la primera vez que estamos accediendo a esta aplicación.
Por lo tanto el objeto sesión se ha creado recién y por lo tanto nos regresa que la sesión sí es nueva.
Sin embargo si damos clic en regresar al inicio y volvemos a entrar al mismo JSP además de que ya carga
más rápido nos muestra también el mensaje que la sesión no es nueva ya que en este momento ya se ha
creado el objeto sesión y ya existe.
Del lado del servidor recordemos que este objeto sesión dura 30 minutos si es que no haya actividad
con la aplicación al pasar 30 minutos de inactividad se elimina este objeto sesión y una vez que se
solicita nuevamente la aplicación se vuelve a crear un nuevo objeto de tipo sesión.
Así que eso es exactamente lo mismo que hemos visto con el tema de servlets el manejo de sesiones concebibles
bien ahora por otro lado vamos a ver el resultado de mandar a llamar el servlet donde aplicamos el color
de fondo.
Vamos a proporcionar por ejemplo el color de hielo y damos clic en el botón de enviar y podemos ver
que se está aplicando el color de fondo.
Estamos aplicando el color de hielo si vemos el código fuente damos derecho a ver código fuente de la
página podemos observar que el background el atributo de color le estamos aplicando directamente el
color que estamos pasando como parámetro.
Todo esto lo hicimos aplicando los escribes sigamos sin regresar al inicio y proporcionamos un color
por ejemplo un color en español rojo.
Damos clic en Enviar.
Podemos observar que no logra aplicar correctamente el color y si vemos el código fuente damos clic
derecho ver código fuente.
Si está tratando de aplicar el color rojo pero como es un color que reconozca HTML entonces no está
aplicando este color correctamente a nuestra página HTML
y si no colocamos ningún valor y damos clic en Enviar.
El color aplicado es el color Jaitt ya que hemos indicado que ante la ausencia del parámetro color fondo
entonces se aplique el color de hoy.
Todo esto lo hemos aplicado también utilizando destruibles.
Recuerden también que para cualquier duda del código generado pueden revisar los servlets asociados
a estos JSP.
Por ejemplo pueden ver el sable generado color fondo View servlet
y aquí se encuentra el código generado el código Java se está aplicando el body de color y posteriormente
simplemente se imprime el valor de fondo.
Esta variable fondo podemos observar que el código se agregó después del Doctrine ya que así lo hemos
definido en nuestro archivo de JSP.
Agregamos este escribid y este código tal cual se pasa a nuestro servlet así que podemos observar que
este es el código que se pasó directamente y todo lo que hemos escrito en HTML.
Todo este contenido se manda dentro de la llamada al método otro punto Right y nuestras variables se
imprimen utilizando la variable a otro punto print así que básicamente eso es lo que estamos haciendo
para generar nuestro documento HTML pero realmente quien genera este documento es este servlet así que
cualquier duda con el detalle pueden revisar este relacionado.
De igual manera con el escribid si damos clic derecho View servlet por ejemplo aquí lo más complejo
podría ser el código condicionado.
Podemos observar que tenemos el IF el cual pregunta si la sesión es nula o es nueva y dentro de este
if lo que se está haciendo es agregar las llamadas a otro punto Ulbricht y se imprime el texto HTML.
Posteriormente se agrega el código Java si no si la sesión es diferente de Null entonces se agrega este
código Java dentro de la llamada apuntó ya que eso no está agregando el código HTML así que eso podría
hacerlo más complejo de entender pero si hemos revisado a detalle esta lección no tenemos ningún problema
para entender el uso destruibles.
De todas maneras cualquier duda pueden revisar este código a detalle para resolver cualquier duda que
pudieran tener relacionada con el uso destruibles.
Así que como conclusión de este ejercicio hemos puesto en práctica el concepto destruibles utilizando
JSP.
Con esto pudimos observar cómo podemos agregar código Java a nuestros jote Sepes con ayuda de los escribas.
Sin embargo debemos utilizar con mucha precaución esta característica ya que rápidamente podemos terminar
creando páginas jote Sepes poco Mante niveles y difíciles de entender y probar.
Sin embargo conforme avancemos a lo largo del curso vamos a aplicar las mejores prácticas utilizando
la tecnología de señales y jote CEPES incluyendo el uso de Scribblenauts donde sea necesario.
Eso es todo por esta elección y nos vemos en los siguientes vídeos.
Saludos.