1
00:00:00,360 --> 00:00:02,560
Bien vamos a continuar con nuestro ejercicio.

2
00:00:02,790 --> 00:00:05,870
Lo primero que vamos a hacer es modificar nuestra página de Index.

3
00:00:05,940 --> 00:00:11,460
Entonces vamos a dejar de momento nuestro código fuente vamos a web Pelléas y abrimos nuestra página

4
00:00:11,460 --> 00:00:19,320
de Index la página de Index lo que va a hacer es mandar a llamar el el controlador así que vamos a lo

5
00:00:19,320 --> 00:00:25,140
siguiente Vamos a quitar todo este código y vamos a agregar simplemente un meta que va a refrescar esta

6
00:00:25,140 --> 00:00:29,770
página y al hacer refresh va a ser una llamada de manera inmediata.

7
00:00:29,840 --> 00:00:38,050
Al hacerlo el controlador así que hagamos lo siguiente agregamos la etiqueta de meta con el atributo

8
00:00:38,140 --> 00:00:42,060
de HTTP equip y el valor de rifles

9
00:00:45,260 --> 00:00:49,790
posteriormente agregamos el contenido el atributo de content.

10
00:00:49,790 --> 00:00:54,640
Vamos a indicar el número de segundos que vamos a esperar para que se refresque esta página.

11
00:00:54,740 --> 00:01:00,410
En este caso son cero segundos así que se va a refrescar de manera inmediata y posteriormente especificamos

12
00:01:00,440 --> 00:01:07,040
el R.L al cual debe hacer refresh y posteriormente indicamos cuál es el lugar que se va a mandar a llamar.

13
00:01:07,040 --> 00:01:14,500
Una vez que se haga el fresco y utilizamos expresión lenguaje para acceder al contextual escribimos

14
00:01:14,500 --> 00:01:15,310
Paice context

15
00:01:17,960 --> 00:01:21,740
punto recuesto junto con text Path

16
00:01:24,810 --> 00:01:27,480
y posteriormente especificamos el nombre de Servlet.

17
00:01:27,540 --> 00:01:35,720
En este caso el servlet se va a llamar servlet controlador y cerramos la etiqueta de meta.

18
00:01:35,830 --> 00:01:41,230
Ahora vamos a agregar nuestro CV controlador sobre esos paquetes damos clic derecho new Java class

19
00:01:44,070 --> 00:01:49,030
y creamos la clase sobre el controlador y la depositamos en el paquete web.

20
00:01:49,210 --> 00:01:57,890
Damos clic en Finalizar quitamos estos comentarios y convertimos esta clase en un Servlet

21
00:02:03,630 --> 00:02:06,420
indicando que el Paz va a ser servlet.

22
00:02:08,490 --> 00:02:14,160
Controlador que es el mismo que utilizamos en nuestra página de Index para hacer la llamada a este se

23
00:02:14,190 --> 00:02:14,880
el controlador

24
00:02:18,070 --> 00:02:24,740
posteriormente vamos a ser extenso de http: servlet importamos estas clases

25
00:02:29,700 --> 00:02:31,110
importamos todo el paquete

26
00:02:33,790 --> 00:02:34,890
y vamos a sobrescribir.

27
00:02:34,910 --> 00:02:36,790
El método Duguech

28
00:02:39,470 --> 00:02:44,150
vamos a utilizar tanto el método Duguech como el método POST algunas peticiones las va a procesar.

29
00:02:44,150 --> 00:02:46,700
El método Droguett y otras peticiones las va a procesar.

30
00:02:46,700 --> 00:02:56,890
El método post en este caso vamos a comenzar con dugout recibimos los parámetros de respuesta

31
00:03:08,070 --> 00:03:12,140
y el objeto Wiisports y con esto ya estamos escribiendo nuestro método.

32
00:03:12,760 --> 00:03:18,910
Ahora debido a que estamos utilizando código de JSP en este caso la página de índex no puede ser simplemente

33
00:03:18,910 --> 00:03:23,650
HTML y desde la idea podemos se va que no nos deja modificar la extensión así que vamos a tener que

34
00:03:23,650 --> 00:03:29,730
crear otro archivo creamos un archivo jsp que se va a llamar Index

35
00:03:33,190 --> 00:03:40,530
y con esto ya no está agregando la extensión jsp damos clic en Finalizar y vamos a pasar el código que

36
00:03:40,530 --> 00:03:47,900
hemos agregado en el índex HTML lo copiamos y lo pasamos al JSP.

37
00:03:48,240 --> 00:03:50,340
Vamos a quitar el archivo de índex HTML

38
00:03:53,310 --> 00:04:00,650
y dejamos solamente el archivo de Index JSP así que con esto ya se está haciendo la llamada desde el

39
00:04:00,650 --> 00:04:08,140
Index JSP hacia el controlador únicamente se va a encargar de eso de hacer la primera llamada ahora

40
00:04:08,370 --> 00:04:14,350
el controlador lo que va a hacer es recuperar el listado de clientes compartir esta información hacia

41
00:04:14,350 --> 00:04:20,200
otros JSP que se va a llamar clientes punto JSP así que vamos a hacer este código.

42
00:04:20,200 --> 00:04:24,850
El método Droguett en primer lugar se va a encargar de recuperar el listado de clientes los objetos

43
00:04:24,850 --> 00:04:29,170
de tipo clientes lo va a compartir en alguno de los alcances disponibles.

44
00:04:29,170 --> 00:04:34,840
En este caso vamos a utilizar recuesto y posteriormente vamos a hacer un directo hacia la página de

45
00:04:34,840 --> 00:04:38,380
clientes punto JSP que vamos a crear posteriormente.

46
00:04:38,380 --> 00:04:47,990
Así que vamos a ser lo siguiente definimos una variable que va a ser de tipo cliente llamada clientes.

47
00:04:47,990 --> 00:04:56,650
Importamos estas clases de Java punto y útil punto List y también la clase de cliente del paquete de

48
00:04:56,650 --> 00:04:58,600
dominio punto cliente.

49
00:04:58,600 --> 00:05:03,340
Aquí debemos tener cuidado si es que nos aparecen estas dos opciones debe ser del paquete de dominio

50
00:05:03,340 --> 00:05:04,660
punto cliente.

51
00:05:04,660 --> 00:05:08,860
Bien con esto ya estamos importando nuestras clases y ahora vamos a utilizar la clase de cliente dado

52
00:05:08,860 --> 00:05:16,910
JDBC para mandar a llamar el método de listar así que vamos a crear un nuevo objeto de cliente dado

53
00:05:16,980 --> 00:05:17,700
JDBC

54
00:05:20,120 --> 00:05:26,510
importamos esta clase del paquete de datos ponemos punto y mandamos a llamar en este caso el método

55
00:05:26,510 --> 00:05:31,750
listar y esto nos va a regresar todos los clientes que tenemos en nuestra lista.

56
00:05:32,210 --> 00:05:38,930
Mandamos a imprimir esta lista solamente para saber qué valores tenemos en la base de datos y posteriormente

57
00:05:38,930 --> 00:05:41,600
compartimos esta información en algún alcance.

58
00:05:41,600 --> 00:05:45,920
De momento vamos a utilizar el alcance de recuas aunque posteriormente vamos a hacer algunos cambios

59
00:05:46,720 --> 00:05:56,430
así que utilizamos recuesto atributo y compartimos nuestro listado de clientes y posteriormente hacemos

60
00:05:56,430 --> 00:05:57,030
un forward

61
00:06:00,120 --> 00:06:10,090
llamando al método GET despacharlo y vamos a mandar a llamar el JSP de clientes punto JSP y finalmente

62
00:06:10,090 --> 00:06:16,800
mandamos a llamar el método forward para que podamos enviar el objeto request y el objeto respondés.

63
00:06:17,030 --> 00:06:22,900
Esto puede arrojar una decepción así que vamos a declararla en la definición del método

64
00:06:26,880 --> 00:06:34,740
vamos a indicar que posiblemente arrojã esta acepción y también la decepción y decepción tanto la decepción

65
00:06:34,990 --> 00:06:36,700
como decepción.

66
00:06:37,050 --> 00:06:42,120
Así que con esto al controlador ya está recuperando la información de clientes la está colocando en

67
00:06:42,120 --> 00:06:48,750
el alcance del puesto y posteriormente estamos enviando la información hacia el JSP de clientes.

68
00:06:48,930 --> 00:06:54,900
Vamos a crear el JSP de clientes sobre web Tellas vamos a dar clic derecho Nioh JSP

69
00:06:58,340 --> 00:07:00,950
creamos el JSP de clientes y damos clic en Finalizar

70
00:07:03,740 --> 00:07:10,450
quitamos estos comentarios quitamos también esa directiva y vamos a empezar con nuestro JSP de clientes.

71
00:07:10,450 --> 00:07:13,210
El título va a ser control de clientes.

72
00:07:15,210 --> 00:07:16,770
Ya que es el nombre de nuestra aplicación

73
00:07:23,960 --> 00:07:29,630
también elemento H1 el título va a ser control de clientes y básicamente lo que vamos a hacer es iterar

74
00:07:29,630 --> 00:07:36,020
cada uno de los elementos de nuestra lista de clientes así que vamos a utilizar la librería de STL vamos

75
00:07:36,020 --> 00:07:42,260
a utilizar la directiva de Talib especificamos el prefijo que va a ser la librería de.

76
00:07:42,260 --> 00:07:48,910
Por lo tanto utilizamos el prefijo de C que hace referencia al Kord y como siguiente paso el Luri y

77
00:07:48,920 --> 00:07:57,240
en este caso el que vamos a utilizar es la librería de Decor así que seleccionamos este Uri y con eso

78
00:07:57,240 --> 00:08:02,610
ya podemos utilizar la librería DJ STL Decor y lo que vamos a hacer es iterar cada uno de los elementos

79
00:08:02,820 --> 00:08:03,840
de la lista.

80
00:08:03,840 --> 00:08:10,620
De momento vamos a utilizar el código HTML que va a ser una lista no ordenada y dentro de esa lista

81
00:08:10,720 --> 00:08:15,240
ordenada mostramos cada uno de los elementos de nuestro listado de clientes

82
00:08:18,040 --> 00:08:25,750
así que vamos a utilizar la etiqueta de frizz de nuestra librería Decor la variable que va a recorrer

83
00:08:25,750 --> 00:08:32,620
cada elemento se va a llamar cliente e indicamos donde encontramos esta lista vamos a utilizar Expression

84
00:08:32,620 --> 00:08:41,600
Language para recuperar la lista recordemos que hemos compartido en esta línea donde indicamos que vamos

85
00:08:41,600 --> 00:08:48,240
a compartir el atributo de clientes y proporcionamos esta lista de clientes así que es lo que estamos

86
00:08:48,330 --> 00:08:49,880
recuperando en este momento

87
00:08:52,980 --> 00:08:59,800
cerramos este elemento frizz y vamos a utilizar el elemento online Haytham para mostrar cada uno de

88
00:08:59,800 --> 00:09:00,670
los elementos

89
00:09:03,690 --> 00:09:08,660
vamos a utilizar la variable cliente y mostramos el Heydi cliente

90
00:09:14,170 --> 00:09:23,440
posteriormente el cliente punto nombre y así con cada uno de los valores que deseemos mostrar de momento

91
00:09:23,440 --> 00:09:26,440
únicamente vamos a mostrar el nombre el apellido y el saldo

92
00:09:34,900 --> 00:09:39,400
así que con esto ya tenemos todos los elementos iniciales de nuestra aplicación.

93
00:09:39,400 --> 00:09:42,250
Vamos a guardar cambios hacemos clic cambio

94
00:09:52,670 --> 00:10:01,340
bien ya se construido en nuestra aplicación y vamos a ejecutarla damos clic derecho Roll y esperamos

95
00:10:01,340 --> 00:10:02,880
a que termine de levantarse glacis

96
00:10:16,850 --> 00:10:23,860
y podemos observar que en automático hizo un refresh el Index JSP y mandó a llamar el controlador y

97
00:10:23,860 --> 00:10:30,540
hacer el controlador a su vez hizo un redireccionamiento hacia el JSP de clientes punto JSP podemos

98
00:10:30,540 --> 00:10:35,470
llevar el título control de clientes y podemos observar la información que se encuentra guardada en

99
00:10:35,470 --> 00:10:41,230
la base de datos y observamos cada uno de los registros de la tabla de clientes así que con esto ya

100
00:10:41,230 --> 00:10:46,600
estamos conectando correctamente cada una de las capas de nuestra aplicación desde la capa de presentación

101
00:10:46,840 --> 00:10:50,540
aplicando el patrón de diseño MVC en el controlador.

102
00:10:50,560 --> 00:10:57,070
Posteriormente recuperamos la información de la capa de datos apoyándonos de la clase de cliente JDBC

103
00:10:57,100 --> 00:11:02,620
para recuperar la información y regresa un listado de objetos de tipo cliente aplicando el patrón de

104
00:11:02,620 --> 00:11:08,510
diseño data transfer Object o valio obvie y esta información que se ha recuperado se comparte en algún

105
00:11:08,510 --> 00:11:14,080
alcanze y se reenvía la información hacia el JSP de clientes puntos TCP.

106
00:11:14,350 --> 00:11:17,000
Así que es todo lo que estamos haciendo en esta aplicación.

107
00:11:17,050 --> 00:11:22,660
Sin embargo el crear aplicaciones web una parte de sus tareas es obtener la información que es lo que

108
00:11:22,660 --> 00:11:24,680
ya hemos hecho en este momento.

109
00:11:24,730 --> 00:11:30,820
Sin embargo otra parte de las aplicaciones web es agregar un diseño atractivo y usable para el usuario

110
00:11:31,090 --> 00:11:36,040
así que lo que vamos a hacer en los siguientes vídeos es utilizar el framework de Bushra para mejorar

111
00:11:36,040 --> 00:11:37,860
visualmente nuestra aplicación web.

112
00:11:37,900 --> 00:11:43,600
Pero cabe señalar que este freno lo vamos a utilizar una vez que hemos entendido cómo funciona todo

113
00:11:43,600 --> 00:11:48,730
el flujo de nuestra aplicación web así que una vez que ya hemos recuperado la información vamos a mejorar

114
00:11:48,730 --> 00:11:53,920
visualmente nuestra aplicación web así que vamos a detener hasta aquí nuestra aplicación y en los siguientes

115
00:11:53,920 --> 00:11:58,440
vídeos vamos a empezar a mejorar nuestra aplicación web utilizando Bostrom.

116
00:11:58,650 --> 00:12:01,380
Eso es todo por este vídeo y nos vemos en la siguiente.

117
00:12:01,400 --> 00:12:01,940
Saludos.