1
00:00:00,150 --> 00:00:00,810
Bien, continuemos.

2
00:00:00,870 --> 00:00:06,210
Vamos a ver un ejemplo de cómo pasar parámetros del usuario, pero del tipo jet set mediante una ruta.

3
00:00:06,210 --> 00:00:10,500
°L Pasar parámetros de qué tipo hacia un cerle.

4
00:00:10,620 --> 00:00:12,330
Recuerden que servlet como controlador.

5
00:00:12,420 --> 00:00:15,150
Después vamos a ver más en detalle lo que es un controlador.

6
00:00:15,270 --> 00:00:20,220
El patrón MS modelo vista controlador, porque por ahora solamente estamos trabajando con el SELECT

7
00:00:20,340 --> 00:00:22,890
y dentro estamos incluyendo todo lo que la vista.

8
00:00:22,980 --> 00:00:25,510
Envido el HTML con el print Ritter.

9
00:00:25,620 --> 00:00:31,170
Recuerden que con el Load estamos guardando información contenido en el cuerpo de la repuesta y la estamos

10
00:00:31,170 --> 00:00:32,520
imprimiendo con el right.

11
00:00:32,760 --> 00:00:33,780
Con el print se fijan?

12
00:00:33,870 --> 00:00:38,460
Entonces estamos mezclando, mezclando el controlador con la vista depuestos se separa y la dictas.

13
00:00:38,460 --> 00:00:43,920
Sería como un JSP, un HTML separado del starlet separación de roles.

14
00:00:44,070 --> 00:00:45,300
Pero eso después vamos a ver.

15
00:00:45,390 --> 00:00:48,380
Y el modelo es el objeto que contiene nuestros datos.

16
00:00:48,480 --> 00:00:53,040
Por ejemplo, alguna clase de producto cliente, factura usuario.

17
00:00:53,250 --> 00:00:53,940
Bien, continuemos.

18
00:00:54,030 --> 00:00:57,270
Vamos a crear una nueva clase Arlett en nuestro package.

19
00:00:57,540 --> 00:00:58,620
Entonces nos vamos a ir acá.

20
00:00:58,710 --> 00:01:06,630
Alpacas principal como siempre al inser lleba class le vamos a llamar get para ser let o parámetro get

21
00:01:06,630 --> 00:01:10,230
mejor get cerle.

22
00:01:12,980 --> 00:01:20,290
Bien, los parámetros GET de la ruta °l también se le conoce como query string, porque como un tipo

23
00:01:20,440 --> 00:01:26,680
de nomenclatura que va en la ruta VL con un signo pregunta con el nombre parámetros, valor y si queremos

24
00:01:26,680 --> 00:01:29,380
pasar más parámetro con el ampersand lo vamos a ver en detalle.

25
00:01:29,470 --> 00:01:30,010
Como siempre.

26
00:01:30,010 --> 00:01:34,270
Primero tenemos que entender stents https orlen.

27
00:01:35,680 --> 00:01:36,250
Perfecto.

28
00:01:36,370 --> 00:01:39,190
Lo siguiente tenemos que anotar acá con Webster Let.

29
00:01:41,110 --> 00:01:46,930
Le damos la ruta siempre comenzando con Larch parámetros GET.

30
00:01:47,800 --> 00:01:51,460
Vamos a poner guión inquieto de la ruta °l o todo junto.

31
00:01:51,490 --> 00:01:54,800
Incluso podría ser así con un baxa.

32
00:01:54,820 --> 00:01:56,260
El parámetro es el larch.

33
00:01:56,350 --> 00:01:56,710
Nyet.

34
00:01:56,890 --> 00:01:59,050
También una ruta perfectamente válida.

35
00:01:59,200 --> 00:02:01,360
Cómo queramos final un nombre, dejémoslo así entonces.

36
00:02:01,360 --> 00:02:06,370
Parámetros Latch guet del método quieto y PJI qué mejor o rl o.

37
00:02:06,370 --> 00:02:08,500
°L guión guet que mejor.

38
00:02:08,620 --> 00:02:15,580
Lo siguiente vamos a bajar, bajamos y tenemos que implementar el método Duquette el que vamos a utilizar.

39
00:02:15,790 --> 00:02:22,960
Recuerden que protected voy duquette con el https: pesarle recuerdos http cerle response y lanza las

40
00:02:22,960 --> 00:02:27,970
dos excepciones, pero mucho mejor si nos vamos al insert por acá nos vamos.

41
00:02:28,060 --> 00:02:34,090
Over right sobrescribir método de la clase padre y acá seleccionamos el sujeto se fijan.

42
00:02:34,180 --> 00:02:38,590
Acá tenemos todo método get grupos cualquiera recuerdan los servis.

43
00:02:38,770 --> 00:02:42,460
No hay que evitar escribirlo ya que puede romper nuestra aplicación.

44
00:02:42,790 --> 00:02:50,230
Entonces siempre los do sujeto y lo tenemos el super eso lo quitamos y comenzamos a trabajar en base

45
00:02:50,260 --> 00:02:50,650
a esto.

46
00:02:51,100 --> 00:02:56,440
Entonces lo primero cuando queremos escribir dentro del servlet en la repuesta tenemos que tener primero

47
00:02:56,560 --> 00:02:57,400
el tipo contenido.

48
00:02:57,490 --> 00:03:02,980
Se lo tenemos que asignar a la respuesta como es html del tipo text ht malestar como lo vimos la clase

49
00:03:02,980 --> 00:03:12,130
anterior, entonces response riz punto set contenta de que le pasamos un string con el texto Sludge

50
00:03:12,250 --> 00:03:18,400
html lo siguiente el escritor para imprimir en la repuesta print Ritter.

51
00:03:21,240 --> 00:03:29,400
Out response, punto que reiter y listo, empezamos a escribir como es una página HTML.

52
00:03:29,490 --> 00:03:32,060
Bueno, tenemos que tener nos vamos a ir al otro select.

53
00:03:32,190 --> 00:03:40,110
Hola mundo, el doc html este tml elogié metà que lo típico es como el cuerpo del html es la base,

54
00:03:40,110 --> 00:03:43,230
la estructura, el esqueleto y dentro hervey el contenido.

55
00:03:43,440 --> 00:03:48,150
Entonces eso sería como la estructura estándar de cualquier página HTML es lo que debería tener más

56
00:03:48,150 --> 00:03:48,540
o menos.

57
00:03:48,690 --> 00:03:51,430
Entonces claro, lo podemos copiar y pegar o escribir escribir.

58
00:03:51,660 --> 00:03:56,000
La verdad es que una lata hacerlo en toda la clase, entonces mucho mejor copiarlo y pegarlo.

59
00:03:56,130 --> 00:04:02,130
Pero otra cosa mucho mejor que estar copiando y pegando es crear nuestra plantilla en intelige.

60
00:04:02,340 --> 00:04:03,300
Entonces, qué vamos a hacer?

61
00:04:03,510 --> 00:04:09,720
Vamos a seleccionar todo esto entonces todo acá, incluso esto acá también, incluyendo el content tip,

62
00:04:09,900 --> 00:04:15,900
el Prim Richter, lo que estamos utilizando siempre cuando imprimimos HTML, lo seleccionamos, lo copiamos

63
00:04:16,140 --> 00:04:22,770
perfecto y nos vamos a ir a las configuraciones con control ALT, la letra S nos vamos a las configuraciones

64
00:04:22,950 --> 00:04:28,290
por acá buscamos template template o lib template.

65
00:04:28,930 --> 00:04:33,930
Acá lib temple que en realidad está acá, está en la raíz.

66
00:04:34,020 --> 00:04:40,110
En editor buscamos por acá lib template, acá la tenemos que tenemos todos los templates que tenemos.

67
00:04:40,110 --> 00:04:45,000
Se le conoce como snippets que es para generar código a través de comandos código de forma automática.

68
00:04:45,150 --> 00:04:46,500
Vamos a agregar uno nuevo.

69
00:04:46,740 --> 00:04:49,140
Le hacemos clic acá lib template.

70
00:04:50,330 --> 00:04:55,850
Le damos un nombre a este snippet o atajo, por así decir, abreviación.

71
00:04:56,030 --> 00:04:57,980
Vamos a colocar ought html.

72
00:04:59,750 --> 00:05:00,320
Perfecto.

73
00:05:00,470 --> 00:05:02,500
La descripción es opcional template.

74
00:05:02,660 --> 00:05:06,950
El contenido perfecto lo pegamos tal cual lo vamos a modificar.

75
00:05:07,190 --> 00:05:08,660
Primero vamos a quitar todo el espacio.

76
00:05:08,930 --> 00:05:11,720
Entonces por acá quitamos todos los espacios.

77
00:05:12,110 --> 00:05:13,010
Bajamos acá.

78
00:05:22,360 --> 00:05:22,900
Perfecto.

79
00:05:23,170 --> 00:05:29,740
Lo que si este contenido Hola mundo es todo acá y también lo que se nota en el título lo vamos a cambiar

80
00:05:29,740 --> 00:05:31,340
por un parámetro, una variable.

81
00:05:31,520 --> 00:05:37,510
Entonces eso le quitamos, colocamos doble sino peso y el medio colocamos el nombre este parámetro title

82
00:05:37,600 --> 00:05:39,700
o título title.

83
00:05:39,970 --> 00:05:40,780
Y lo mismo acá abajo.

84
00:05:40,900 --> 00:05:42,370
Mismo nombre parámetro Mansell.

85
00:05:42,380 --> 00:05:42,940
Los dos igual.

86
00:05:43,990 --> 00:05:45,440
Cerca Tito.

87
00:05:46,990 --> 00:05:49,330
Esa es nuestra variable del temple de la plantilla.

88
00:05:49,660 --> 00:05:51,340
Después vamos a ver para qué nos sirven.

89
00:05:51,700 --> 00:05:52,300
Ya lo tenemos.

90
00:05:52,480 --> 00:05:53,020
Eso es todo.

91
00:05:53,260 --> 00:05:53,650
Recuerdan?

92
00:05:53,710 --> 00:05:55,050
El Closs es opcional.

93
00:05:55,240 --> 00:05:56,550
Incluso lo podemos quitar de acá.

94
00:05:56,620 --> 00:05:57,750
Pero bueno, lo dejamos.

95
00:05:57,760 --> 00:05:59,440
Da lo mismo editar variables.

96
00:05:59,950 --> 00:06:02,140
Acá tenemos el título de forma automática.

97
00:06:02,140 --> 00:06:04,360
Lo crea y le podríamos dar un valor por defecto.

98
00:06:05,140 --> 00:06:06,460
Hola Mundo.

99
00:06:06,980 --> 00:06:07,270
Ok.

100
00:06:08,340 --> 00:06:12,750
Entonces se crea un nuevo template dentro de Houser out HTML.

101
00:06:12,870 --> 00:06:15,570
Luego le tenemos que dar el lenguaje donde se aplicará.

102
00:06:15,720 --> 00:06:18,420
Entonces, donde dice no aplicable contexto.

103
00:06:18,960 --> 00:06:24,240
Vamos a colocar yaba en el contexto, en el lenguaje ya estamos listo.

104
00:06:24,420 --> 00:06:26,440
Aplicar OK.

105
00:06:27,940 --> 00:06:29,850
Entonces nos vamos a parámetro iete servlet.

106
00:06:31,430 --> 00:06:36,860
Simplemente escribimos incluso esto de acá lo podemos quitar porque ya está en la plantilla.

107
00:06:36,980 --> 00:06:39,370
De hecho lo vamos a ver, vamos a colocar ought.

108
00:06:40,100 --> 00:06:40,600
HTML.

109
00:06:40,700 --> 00:06:45,080
De hecho aparece, se fijan acá en el menú, en las opciones.

110
00:06:45,320 --> 00:06:49,180
Aparece entonces con TAB de forma automática generator.

111
00:06:49,180 --> 00:06:54,140
El código llega, lo pueden escribir, se fijan en el título, colocamos parámetro del recuadro, por

112
00:06:54,140 --> 00:06:54,620
ejemplo

113
00:06:57,770 --> 00:07:01,610
de la Burela, se fijan y se escribe tanto el título como acá también.

114
00:07:01,700 --> 00:07:04,250
Por eso importante esta variable título.

115
00:07:04,350 --> 00:07:09,590
Bueno, pero los argumentos se llaman Req Request y Rest Response, respectivamente.

116
00:07:09,710 --> 00:07:11,310
Acá le pusimos response.

117
00:07:11,390 --> 00:07:15,180
Entonces mejor te lo vamos a renombrar como request Rik y resto.

118
00:07:15,770 --> 00:07:23,630
Entonces esto lo vamos a quitar y vamos a renombrar nuestra plantilla con resp en vez de response control

119
00:07:23,730 --> 00:07:24,320
Alessa.

120
00:07:26,370 --> 00:07:30,280
Acá en vez de responses, pero que resto?

121
00:07:32,010 --> 00:07:36,380
Y acá también raspo para la proxima aplicamos.

122
00:07:38,040 --> 00:07:42,330
Aplicamos Yesi, entonces ahora de hecho, podemos quitar todo esto.

123
00:07:42,410 --> 00:07:46,540
No lo vemos, lo quitamos y lo volvemos a crear out.

124
00:07:47,070 --> 00:07:49,950
HTML y lo crea de forma automática.

125
00:07:50,310 --> 00:07:50,730
Pero bueno.

126
00:07:52,680 --> 00:07:55,110
Él lo tenemos paramento el de Loreley.

127
00:07:55,440 --> 00:07:56,970
Bien, entonces vamos a tener parámetro.

128
00:07:57,030 --> 00:08:04,500
Por ejemplo, no sé, del tipo string saludo igual.

129
00:08:04,590 --> 00:08:09,390
Los parámetros los trema a través del request, entonces rec de request que estamos recibiendo acá por

130
00:08:09,390 --> 00:08:19,860
argumento del objeto http cerle request get param parameter y los cedemos detrás de un nombre de parámetro.

131
00:08:20,010 --> 00:08:24,270
Este nombre también va a ir especificado en la ruta o rl saludo.

132
00:08:26,520 --> 00:08:34,530
Entonces acá abajo, por acá, dentro del body, debajo del título, vamos a bajar ought punto friendly.

133
00:08:35,460 --> 00:08:38,760
Podríamos tener, no sé, un título 2 o un párrafo o lo que sea.

134
00:08:39,570 --> 00:08:40,410
H2

135
00:08:43,680 --> 00:08:46,850
El saludo enviado es vamos a concatenar acá con saludo.

136
00:08:47,880 --> 00:08:49,380
Ahora tenemos que cerrar.

137
00:08:49,770 --> 00:08:56,170
Cerramos el H2, el título H2 y le damos espacio por acá.

138
00:08:57,750 --> 00:08:59,190
Dejamos debajo del H1.

139
00:08:59,250 --> 00:08:59,790
Perfecto.

140
00:08:59,940 --> 00:09:04,170
Vamos a crear nuestra ruta Burela con este parámetro salud†lo vamos a hacer en index.

141
00:09:04,440 --> 00:09:07,860
Entonces nos vamos a la plantilla index al HTML que tenemos acá.

142
00:09:08,280 --> 00:09:09,180
Hola mundo Tomcat.

143
00:09:09,670 --> 00:09:19,290
Yo acá podríamos tener nuestra jureles por ejemplo si criben con la etiqueta a a href igual acá colocamos

144
00:09:19,290 --> 00:09:25,010
la ruta, acá tengo que incluir el nombre del proyecto del contexto que se llama web app.

145
00:09:25,290 --> 00:09:30,240
Recuerden que la ruta de nuestro proyecto del local joz 2.30 80 es el larch.

146
00:09:30,390 --> 00:09:36,570
El nombre proyecto ese nombre proyecto que la ruta base o nombre contexto lo tengo que incluir siempre.

147
00:09:37,380 --> 00:09:44,370
Web App es el latch, la ruta del controlador o del select perdón del SELECT que le dimos de parámetro

148
00:09:44,400 --> 00:09:45,090
get select.

149
00:09:45,420 --> 00:09:50,910
Creo que le dimos parámetros jureles, creo que era ion en quet.

150
00:09:51,600 --> 00:09:55,410
Vamos a revisar entonces parámetros jureles Leggett nos vamos a excellente.

151
00:09:56,570 --> 00:10:02,330
Cuando tenemos parámetros Were Leggett, incluso lo podían copiar y pegar para no equivocarnos, volvemos

152
00:10:02,480 --> 00:10:08,210
al HTML y lo pegamos acá dejan de estar bien, pero en el fondo para no equivocarnos.

153
00:10:08,480 --> 00:10:09,860
Acá me sobra el art.

154
00:10:11,550 --> 00:10:19,740
La cerramos y le damos un nombre empleando parámetros, enviando parámetros, saludo en parámetro.

155
00:10:20,390 --> 00:10:24,120
Bien, ahora cómo enviemos un parámetro en la ruta °l acá.

156
00:10:24,330 --> 00:10:28,080
Entonces consigno pregunta el nombre parámetro cómo se llama mismo nombre?

157
00:10:28,140 --> 00:10:30,060
Cómo lo estamos capturando en el select?

158
00:10:30,450 --> 00:10:31,470
Le nombramos saludo.

159
00:10:31,560 --> 00:10:33,390
Lo vamos a revisar acá lo tenemos.

160
00:10:33,540 --> 00:10:34,410
String saludo.

161
00:10:34,500 --> 00:10:35,940
Pero este es el nombre que importa.

162
00:10:36,420 --> 00:10:38,490
Este de acá porque con este nombre lo capturamos.

163
00:10:38,760 --> 00:10:40,860
Guet barÃmetro o guet parameter.

164
00:10:40,950 --> 00:10:43,030
Le pasamos el nombre entonces.

165
00:10:43,050 --> 00:10:43,860
Mismo nombre.

166
00:10:44,870 --> 00:10:45,570
Es que es así.

167
00:10:45,700 --> 00:10:53,850
Naka saludo igual un valor Hola Andrés, cuyo contenido siempre estos parámetros son del tipo string.

168
00:10:54,030 --> 00:10:55,260
Siempre se reciben como un string.

169
00:10:55,350 --> 00:10:56,250
Después lo podemos convertir.

170
00:10:56,250 --> 00:11:00,630
Por ejemplo, es el parámetro numérico, lo convertimos a un entero o un tipo lonko.

171
00:11:00,810 --> 00:11:01,500
Dependiendo.

172
00:11:01,830 --> 00:11:05,220
Entonces acá tenemos nuestra ruta °l y tenemos distintos empleando parámetros.

173
00:11:05,220 --> 00:11:05,790
Saludo.

174
00:11:05,940 --> 00:11:10,130
Incluso podríamos copiar esto para que tengan el ejemplo visual en la ruta.

175
00:11:10,140 --> 00:11:13,200
°L Esto lo copiamos todo acá.

176
00:11:13,290 --> 00:11:15,740
Hasta ahí lo copiamos y lo pegamos acá.

177
00:11:18,150 --> 00:11:23,490
Para que lo tengan todo acá lo vamos a omitir la ruta completa, solamente la ruta base con el nombre

178
00:11:23,820 --> 00:11:27,120
del parámetro, con el signo pregunta al igual se fijan.

179
00:11:27,300 --> 00:11:32,070
Es importante si no pregunta porque es el primer parámetro que estamos pasando en la ruta Aurelie y

180
00:11:32,070 --> 00:11:34,710
el único en realidad el nombre parámetro.

181
00:11:34,740 --> 00:11:40,760
Igual el valor es un mapa de igual que un diccionario, pero al estilo de una ruta VCL.

182
00:11:40,920 --> 00:11:42,750
Siguiente paso para levantar.

183
00:11:42,840 --> 00:11:43,710
Cómo levantamos?

184
00:11:43,890 --> 00:11:46,770
Bueno, nos vamos al terminal como siempre.

185
00:11:47,100 --> 00:11:54,600
Acá Startup levantamos primero una que levantamos, hacemos el display, el red display acá.

186
00:12:04,540 --> 00:12:05,260
Perfecto.

187
00:12:05,890 --> 00:12:06,480
Hacemos un clic.

188
00:12:06,570 --> 00:12:11,900
Localhost 80 80 WEP desaparece empleando parámetros saludo Borreli yet.

189
00:12:12,210 --> 00:12:12,940
Si hacemos un click.

190
00:12:14,030 --> 00:12:19,970
Parámetro Quinjet de Loreley El saludo enviado es Hola Andrés, se fijan y acá en la ruta Ruel se ve

191
00:12:20,420 --> 00:12:27,170
parámetro igual el valor acá lo tenemos de tal forma que si cambiamos acá el valor, por ejemplo Hola,

192
00:12:27,500 --> 00:12:33,290
esto es un espacio de forma automática, lo convierte un espacio como carácter y acá por ejemplo si

193
00:12:33,290 --> 00:12:39,410
cambiamos no sé Pepe, entonces acá se cambia Pepe o lo que pongamos.

194
00:12:40,670 --> 00:12:42,770
Hola que tal Pepa?

195
00:12:43,700 --> 00:12:44,600
Hola que tal Pepa?

196
00:12:44,780 --> 00:12:47,180
Cambias efica cambia el valor y se refleja acá.

197
00:12:47,270 --> 00:12:48,380
Entonces estamos viendo parámetros.

198
00:12:48,550 --> 00:12:50,210
El controlador lo obtenemos?

199
00:12:50,240 --> 00:12:51,020
Lo manejamos?

200
00:12:51,110 --> 00:12:52,550
Hacemos algo con ese parámetro?

201
00:12:52,610 --> 00:12:57,530
Por ejemplo, podríamos ir a la base auto realizar una consulta mediante el servis.

202
00:12:57,650 --> 00:12:59,870
Luego el repository hace el select.

203
00:12:59,990 --> 00:13:05,090
Se fijan mediante un nombre, un Heidy, obtenemos los datos y lo mostramos rnejor.

204
00:13:05,180 --> 00:13:06,440
Bueno para allá apuntamos.

205
00:13:06,500 --> 00:13:10,100
Fue poco, pero primero tenemos que aprender la base sobre la pisarlas.

206
00:13:10,280 --> 00:13:15,190
Todavía queda mucho eso por ahora y continuamos la siguiente clase con más parámetro porque también

207
00:13:15,200 --> 00:13:20,360
podemos pasar más parámetro en la ruta, no solamente uno más y distinto tipo, pero solo vemos la siguiente

208
00:13:20,360 --> 00:13:20,690
clase.

209
00:13:20,900 --> 00:13:27,530
Recuerden, cada vez que levanten, hagamos nuestro prueba y después, cuando ya hemos terminado, cerremos

210
00:13:27,650 --> 00:13:28,760
el servicio de Tomcat.

211
00:13:29,090 --> 00:13:35,150
Entonces la forma más simple en el terminal con Chatwin lo apagamos y listo.

212
00:13:35,330 --> 00:13:36,910
Nos vemos en la siguiente clase.