1 00:00:01,260 --> 00:00:02,960 Hola y bienvenidos a esta elección. 2 00:00:02,970 --> 00:00:07,220 A continuación vamos a ver el tema de inclusión estática utilizando JSP. 3 00:00:07,380 --> 00:00:08,400 Están listos. 4 00:00:08,400 --> 00:00:14,540 Vamos bien vamos a ver nuestro IDE cerramos este proyecto damos su derecho y Kloss 5 00:00:17,760 --> 00:00:20,630 ahora vamos a crear un nuevo proyecto damos clic en File. 6 00:00:20,700 --> 00:00:25,040 Mi proyecto seleccionamos la Web maven Weda application. 7 00:00:25,040 --> 00:00:34,630 Damos clic en Next y el nombre del proyecto se va a llamar ejemplo inclusión estática lo depositamos 8 00:00:34,630 --> 00:00:38,650 en cursos JSP Sepes el grupo y 10M con GM globalmente. 9 00:00:38,710 --> 00:00:47,170 La versión 1.0 y dejamos el nombre del paquete vacío damos clic en Next dejamos los valores por default 10 00:00:47,230 --> 00:00:48,310 y damos sigue en finalizar 11 00:00:54,360 --> 00:00:56,340 viene ahora cambiamos el nombre de nuestro proyecto. 12 00:00:56,380 --> 00:00:57,340 Click derecho arruiné 13 00:01:01,340 --> 00:01:02,890 cambiamos el nombre y damos siguen ok 14 00:01:06,830 --> 00:01:10,390 y Sensors packages nos agregó este código también lo eliminamos 15 00:01:13,190 --> 00:01:18,070 y con eso ya tenemos listo nuestro proyecto y lo que vamos a hacer es agregar el concepto de inclusión 16 00:01:18,070 --> 00:01:19,020 estática. 17 00:01:19,060 --> 00:01:25,030 Para ello vamos a quitar nuestro archivo de índex HTML ya que no lo vamos a utilizar damos clic derecho 18 00:01:25,030 --> 00:01:32,710 de Link y vamos a agregar un nuevo JSP llamado índex JSP así que damos clic derecho nuevo JSP 19 00:01:36,830 --> 00:01:42,020 el archivo se llama índex y el automático nos agrega la extensión jsp el folder va a ser evasion ya 20 00:01:42,020 --> 00:01:45,950 que vamos a depositarlo a nivel raíz y damos siguen finalizar 21 00:01:48,720 --> 00:01:56,100 bien con eso se ha creado nuestro archivo quitamos los comentarios quitamos el Content type la directiva 22 00:01:56,100 --> 00:02:01,430 ya que no lo vamos a utilizar debido a que ya está definido también el Metán con el mismo contenido 23 00:02:03,730 --> 00:02:09,040 el título de nuestra página es ejemplo inclusión estática 24 00:02:14,830 --> 00:02:17,630 cambiamos también el título y con eso ya estamos listos. 25 00:02:17,710 --> 00:02:25,640 Vamos a agregar un salto y básicamente lo que vamos a hacer es incluir dos elementos de tipo HTML puede 26 00:02:25,660 --> 00:02:31,000 ser otro tipo de archivo también como puede ser JSP y lo que vamos a hacer a continuación es incluir 27 00:02:31,030 --> 00:02:38,820 un elemento de tipo HTML y otro elemento de tipo TCP pero utilizando la inclusión estática así que vamos 28 00:02:38,820 --> 00:02:43,970 a crear otros dos archivos sobre nuestro proyecto. 29 00:02:44,230 --> 00:02:51,030 Vamos a dar clic derecho no vamos a crear un nuevo documento de tipo HTML se va a llamar noticias. 1 30 00:02:53,010 --> 00:02:55,830 y lo depositamos en el folder de páginas. 31 00:02:55,860 --> 00:03:01,710 Aquí sí lo vamos a depositar en un folder y podemos ver la ruta completa tenemos nuestro nombre del 32 00:03:01,710 --> 00:03:08,190 archivo sours mengüe BAP y posteriormente el folder de páginas y dentro de este folder se deposita nuestro 33 00:03:08,190 --> 00:03:15,330 archivo noticias. 1 punto HTML así que así debe estar la ruta de nuestro archivo damos clic en Finalizar 34 00:03:17,650 --> 00:03:20,610 y con eso se crea la base de nuestro documento HTML. 35 00:03:20,650 --> 00:03:27,670 Vamos a agregar otro documento sobre el mismo folder de páginas damos el derecho nio y vamos a agregar 36 00:03:27,670 --> 00:03:28,480 un JSP 37 00:03:32,640 --> 00:03:34,430 se va a llamar Noticias 2. 38 00:03:34,590 --> 00:03:44,010 De igual manera el fólder es páginas y suelen finalizar y con eso usted crea nuestro archivo jsp vamos 39 00:03:44,010 --> 00:03:50,720 a quitar también la directiva que indica el contentivo ya que ya tenemos el meta que lo está haciendo 40 00:03:51,850 --> 00:03:57,490 bien de momento vamos a dejar hasta aquí estos archivos y vamos a empezar a trabajar la inclusión estática. 41 00:03:57,490 --> 00:04:05,720 Para ello vamos a agregar una lista no ordenada y dentro de esta lista vamos a agregar dos elementos 42 00:04:07,710 --> 00:04:12,570 de tipo Haytham y vamos a empezar a utilizar nuestra inclusión estática. 43 00:04:12,620 --> 00:04:22,170 Para ello la sintaxis va a ser la siguiente abrimos pico paréntesis porcentage y utilizamos arroba y 44 00:04:22,170 --> 00:04:28,440 seleccionamos el elemento de includo y para cerrarlo es signo de porcentaje y también símbolo de pico 45 00:04:28,440 --> 00:04:31,880 paréntesis y con eso estamos definiendo la inclusión estática. 46 00:04:31,950 --> 00:04:38,560 Posteriormente definimos el atributo de filtro y seleccionamos la página que queremos incrustar. 47 00:04:39,260 --> 00:04:45,380 Seleccionamos el poder de páginas y el elemento de noticias 1.ª HTML. 48 00:04:45,490 --> 00:04:52,590 Este va a ser nuestro primer elemento que vamos a incluir pero también vamos a incluir otro elemento 49 00:04:53,490 --> 00:05:00,900 que va a ser noticias 2 Perojo TCP de cualquier manera si damos control de espacio en este nivel nos 50 00:05:00,900 --> 00:05:02,630 muestran las opciones que tenemos. 51 00:05:02,790 --> 00:05:08,970 Seleccionamos noticias dos JSP eso es para que podamos observar que podemos incluir información HTML 52 00:05:09,300 --> 00:05:16,930 o información JSP y la podemos incluir en este JSP de Index así que hasta el momento ya tenemos nuestra 53 00:05:16,930 --> 00:05:25,640 página de índex apuntó JSP ahora vamos a modificar nuestras páginas de noticias 1 punto HTML y en este 54 00:05:25,640 --> 00:05:32,020 caso esta página debido a que se va a incluir en otra página ya no es necesario definir el Doctrine 55 00:05:32,110 --> 00:05:33,940 el HTML etcétera. 56 00:05:34,010 --> 00:05:40,730 Todos estos elementos ya no son necesarios únicamente vamos a declarar lo que vamos a incluir así que 57 00:05:40,730 --> 00:05:42,440 todo esto vamos a eliminarlo. 58 00:05:42,680 --> 00:05:55,020 Vamos a agregar un comentario y agregamos el comentario no necesitamos agregar los tags de inicio de 59 00:05:55,020 --> 00:06:02,490 HTML únicamente lo que deseamos incluir así que hagamos un título H4 60 00:06:09,170 --> 00:06:18,220 y agregamos Universidad IAVA posteriormente una Chérrez y vamos a incluir un link hacia el sitio de 61 00:06:18,220 --> 00:06:29,130 la Universidad IAVA HTTP 2 puntos Diagonal Diagonal Universidad Java puntocom y el target va a ser Bion 62 00:06:29,190 --> 00:06:38,420 bajo Blanc para que abra una nueva página cuando demos clic sobre este elemento y el texto va a ser 63 00:06:39,990 --> 00:06:40,380 clic. 64 00:06:40,390 --> 00:06:43,540 Para más detalles. 65 00:06:43,670 --> 00:06:47,930 Eso es todo lo que va a incluir ese archivo y cuando lo mandemos llamar. 66 00:06:47,930 --> 00:06:54,440 El contenido del archivo HTML se va a incluir dentro de la salida del celular que se va a generar. 67 00:06:54,440 --> 00:06:59,690 Recordemos que la inclusión estática únicamente vamos a tener un Servlet que va a incluir el contenido 68 00:06:59,930 --> 00:07:01,490 de los otros elementos. 69 00:07:01,580 --> 00:07:07,490 En este caso va a incluir el HTML y también va a incluir el contenido del JSP y se va a generar un solo 70 00:07:07,490 --> 00:07:08,110 servlet. 71 00:07:08,150 --> 00:07:12,270 Esto lo vamos a ver más adelante cuando ejecutemos esta aplicación. 72 00:07:12,310 --> 00:07:15,650 Y ahora respecto a las noticias dos va a ser lo mismo. 73 00:07:15,650 --> 00:07:21,950 No necesitamos definir cada uno de los elementos HTML debido a que solamente vamos a definir el contenido 74 00:07:21,950 --> 00:07:30,070 de este JSP así que podemos utilizar este mismo texto y solamente definimos lo que queremos incluir. 75 00:07:30,070 --> 00:07:35,760 Definimos un título H4 y agregamos el título de Global mentoring. 76 00:07:36,240 --> 00:07:44,680 Posteriormente agregamos un link al sitio de Global mentoring HTTP 2 puntos Diagonal Diagonal triple 77 00:07:44,680 --> 00:07:54,600 doble o global mentoring punto com punto Mx también agregamos el atributo de Target Dión bajo Blank 78 00:07:55,570 --> 00:08:04,430 y también el texto clik para más detalles bien así que con esto lo que vamos a probar es que el contenido 79 00:08:04,430 --> 00:08:08,440 de estos elementos se va a agregar a la salida de este JSP. 80 00:08:08,750 --> 00:08:14,990 Pero esto es debido a que se va a generar un solo servlet bien ya tenemos todo nuestro código guardamos 81 00:08:14,990 --> 00:08:18,200 cambios hacemos clic cambio 82 00:08:21,810 --> 00:08:26,910 ya se consolida nuestro proyecto y ejecutamos nuestro proyecto click derecho Roll y esperamos a que 83 00:08:26,910 --> 00:08:27,900 termine de levantarse. 84 00:08:27,900 --> 00:08:28,440 Glacis 85 00:08:38,990 --> 00:08:44,660 bien y con eso podemos de la salida tenemos el título ejemplo inclusión estática que proviene de la 86 00:08:44,660 --> 00:08:50,930 página de Index JSP pero posteriormente tenemos el contenido de otras dos páginas incluidas en esta 87 00:08:50,930 --> 00:08:51,650 misma. 88 00:08:51,920 --> 00:08:59,510 El contenido de noticias 1.ª HTML y el contenido de noticias dos puntos JSP y todos está incluyendo 89 00:08:59,510 --> 00:09:02,810 dentro del mismo archivo dentro del mismo servlet. 90 00:09:02,810 --> 00:09:09,140 Si damos clic derecho y vemos código fuente podemos observar que dentro del elemento el ahí se está 91 00:09:09,140 --> 00:09:14,630 incluyendo el contenido del archivo Noticias 1 punto HTML. 92 00:09:14,630 --> 00:09:21,950 Ese sería el contenido por lo tanto no debe detener nuevamente los elementos de HTML Get Body etcétera. 93 00:09:22,040 --> 00:09:27,760 Y lo mismo con el JSP que estamos incluyendo solamente contiene el elemento que deseamos incluir. 94 00:09:28,920 --> 00:09:36,580 Así que todo es la misma salida pero aquí lo interesante es ver cuál es el plan que se genera si vamos 95 00:09:36,580 --> 00:09:40,560 a índex JSP y damos clic derecho bio servlet 96 00:09:45,190 --> 00:09:51,540 podemos observar que nos está agregando este texto un bloque estático donde está indicando que se van 97 00:09:51,540 --> 00:10:00,510 a incluir estos elementos y posteriormente en la salida se está incluyendo directamente el contenido 98 00:10:00,510 --> 00:10:07,090 de las páginas de noticias 1 y Noticias 2 respectivamente así que todo está dentro del mismo servlet 99 00:10:09,100 --> 00:10:13,190 y debido a que nunca ejecutamos directamente el JSP de noticias. 100 00:10:13,190 --> 00:10:19,360 2 Si damos clic derecho obvio servlet podemos observar que no existe el servlet asociado ya que esa 101 00:10:19,360 --> 00:10:21,620 página como tal nunca se ejecutó. 102 00:10:21,700 --> 00:10:27,710 Por lo tanto tampoco se ha creado el servlet asociado y de hecho no se crea ya que el contenido del 103 00:10:27,710 --> 00:10:33,950 JSP se incluye directamente en este servlet que es el servlet de índex punto JSP. 104 00:10:34,160 --> 00:10:41,570 Así que solamente vamos a tener un Servlet en la salida de nuestro código y con eso podemos observar 105 00:10:41,780 --> 00:10:48,830 que podemos incluir cualquier tipo de información dentro de otros JSP ya sea contenido como HTML o contenido 106 00:10:48,830 --> 00:10:50,070 como JSP. 107 00:10:50,090 --> 00:10:55,120 Aquí la única desventaja de la inclusión estática es que en caso de que los modifiquemos debemos de 108 00:10:55,150 --> 00:11:00,890 detener la aplicación hacer nuevamente un clic también para que se vuelvan a compilar y volver a desplegar 109 00:11:00,890 --> 00:11:05,930 nuestra aplicación ya que podríamos correr el riesgo de que si modificamos por ejemplo el contenido 110 00:11:05,930 --> 00:11:12,680 del JSP y no hacemos nuevamente la compilación de los elementos podríamos tener una versión vieja de 111 00:11:12,680 --> 00:11:19,040 la salida de este contenido así que simplemente debemos asegurarnos que siempre tengamos la última versión 112 00:11:19,250 --> 00:11:20,950 de los elementos a incluir. 113 00:11:21,290 --> 00:11:26,960 Así que si damos clic sobre alguno de estos links nos va a llevar a los sitios respectivos de universidad 114 00:11:26,990 --> 00:11:34,720 IAVA y globalmente ahí así que con este ejercicio hemos puesto en práctica el concepto de inclusión 115 00:11:34,720 --> 00:11:40,380 estática utilizando jote CEPES eso es todo por esta elección y nos vemos en el siguiente video. 116 00:11:40,450 --> 00:11:41,050 Saludos.