1
00:00:00,570 --> 00:00:01,750
De acuerdo, bienvenido.

2
00:00:01,980 --> 00:00:07,710
Entonces en este video continuamos usando e implementando el flash en el último video que instalamos. Hablamos

3
00:00:07,710 --> 00:00:12,020
un poco sobre cómo funciona. Usamos el paquete Kinect flash para ayudarnos aquí.

4
00:00:12,180 --> 00:00:18,120
La idea es que podemos enviar un mensaje a la siguiente ruta a la siguiente solicitud para

5
00:00:18,120 --> 00:00:20,000
que podamos mostrarla al usuario.

6
00:00:20,430 --> 00:00:25,590
Y lo que queremos hacer ahora es mostrarlo individualmente en cada plantilla que solo

7
00:00:25,590 --> 00:00:31,410
hice una vez, pero en lugar de hacer esto en cada página que queríamos, posiblemente tenga

8
00:00:31,410 --> 00:00:34,020
un mensaje de error o mensaje de éxito.

9
00:00:34,020 --> 00:00:38,150
Vamos a mover ese tipo de código al encabezado, que es un lugar natural para eso.

10
00:00:38,190 --> 00:00:40,710
Así que voy a abrir el encabezado para comenzar.

11
00:00:40,710 --> 00:00:43,450
Así que Parshall's E. J. Y lo que podemos

12
00:00:44,220 --> 00:00:53,640
hacer es simplemente en la parte inferior después de la barra de navegación que podemos agregar en H1 y podemos agregar algo como mensaje.

13
00:00:53,940 --> 00:00:55,320
Lo mantendremos con el mismo nombre.

14
00:00:55,490 --> 00:00:57,640
Ahora el problema es

15
00:00:57,660 --> 00:01:06,510
que ese mensaje funcionará en nuestro foro de excusas para iniciar sesión aquí donde estamos transmitiendo el mensaje.

16
00:01:06,510 --> 00:01:07,200
Pero en cualquier otra ruta el mensaje no estará definido, lo que será problemático.

17
00:01:07,260 --> 00:01:11,740
Como puedes ver aquí.

18
00:01:11,900 --> 00:01:13,040
Entonces, si actualizo la página funciona bien, pero si intento registrarme, tenemos un problema.

19
00:01:13,260 --> 00:01:18,170
El mensaje no está definido.

20
00:01:18,210 --> 00:01:19,550
Esto se debe a que Sign-Up tiene el mismo archivo de encabezado y no se ha proporcionado el mensaje.

21
00:01:19,720 --> 00:01:25,290
Entonces, para solucionarlo, cuando nos deshagamos de esta línea, la

22
00:01:25,290 --> 00:01:31,530
cortaremos en realidad y no la pasaremos para iniciar sesión individualmente.

23
00:01:31,530 --> 00:01:33,790
Luego iré a la aplicación.

24
00:01:33,930 --> 00:01:35,130
Sí.

25
00:01:35,160 --> 00:01:36,230
Y justo donde tenemos el

26
00:01:37,110 --> 00:01:42,210
mismo código en el que estamos haciendo usuario actual donde pasamos al usuario actual a cada plantilla, podemos hacer lo mismo.

27
00:01:42,300 --> 00:01:45,660
O podemos decir que los locales de Rez dot el mensaje es igual a solicitar flash dot error o solicitar un error de flash.

28
00:01:45,900 --> 00:01:56,160
Entonces, si hay algo en el flash, tendremos acceso a él en la plantilla debajo del mensaje.

29
00:01:56,520 --> 00:02:01,930
Así que te mostraré eso ahora si reinicio por primera vez si actualizo.

30
00:02:02,190 --> 00:02:07,440
No pude ver nada.

31
00:02:07,440 --> 00:02:08,460
Voy a registrarme y

32
00:02:08,490 --> 00:02:14,960
ahora funciona y no hay nada que mostrar, pero si intento activarlo nuevamente, así que iré a los campamentos para probar uno nuevo. Recibo mi mensaje.

33
00:02:14,970 --> 00:02:19,120
Por favor ingresa primero.

34
00:02:19,140 --> 00:02:20,910
Así que déjame mostrarte que está funcionando en todas las páginas, así que digamos cuando me desconecte.

35
00:02:21,420 --> 00:02:26,370
Entonces, si vamos a la ruta de cierre de sesión que está en nuestro directorio lo tengo

36
00:02:26,370 --> 00:02:31,850
abierto, pero le mostraré nuevamente el índice de rutas j en donde el cierre de sesión ocurre aquí.

37
00:02:31,930 --> 00:02:36,510
Solicite que cierre la sesión y luego, justo antes de redireccionar, podríamos hacer algo como solicitar.

38
00:02:36,510 --> 00:02:41,380
¿Destella?

39
00:02:41,380 --> 00:02:43,050
Y por ahora lo

40
00:02:43,320 --> 00:02:49,200
guardo como un error porque eso es lo que configuré y solo diremos desconectarse así.

41
00:02:49,440 --> 00:02:51,820
Ahora si reinicio.

42
00:02:51,840 --> 00:02:54,360
Permítanme inscribirme aquí al igual que cualquier persona que haga la ley.

43
00:02:55,800 --> 00:03:00,430
Registrarse perfecto

44
00:03:01,470 --> 00:03:04,190
Estupendo.

45
00:03:04,200 --> 00:03:05,010
Ahora, si hago clic en la ley, me desconecto y si puedo desde la página, se va.

46
00:03:05,010 --> 00:03:11,830
Así que tenemos esta interfaz de esta manera de enviar un mensaje a un usuario o un mensaje que queremos que dure.

47
00:03:12,150 --> 00:03:18,780
o va a otro lugar, no queremos que persista y tenemos esa visualización en cada página porque la tenemos

48
00:03:18,840 --> 00:03:24,190
en el encabezado, así que no tenemos que renderiza manualmente una variable y pasa una variable.

49
00:03:24,190 --> 00:03:30,090
Básicamente, una solicitud y es que uno solicita la última respuesta y luego, si el usuario actualiza

50
00:03:30,090 --> 00:03:35,640
Todo lo que tenemos que hacer ahora.

51
00:03:35,640 --> 00:03:36,620
Cada vez que

52
00:03:36,630 --> 00:03:42,750
queremos mostrarle a un usuario algún tipo de mensaje antes de redirigirlo, simplemente agregamos las solicitudes que no aparecen ahora en

53
00:03:42,760 --> 00:03:49,680
lugar de simplemente hacer un error cada vez que le mostré en el primer video que básicamente tendríamos una alerta verde o roja.

54
00:03:49,680 --> 00:03:53,250
Entonces, un éxito y un error, y eso está incorporado con bootstrap.

55
00:03:53,310 --> 00:03:57,780
derecha de la barra de navegación haces clic en alertas.

56
00:03:57,780 --> 00:04:06,000
Puedes ver que estas son las alertas que parecen estos pequeños mensajes que tienen diferentes colores como los botones.

57
00:04:06,000 --> 00:04:13,200
Así que si vas a obtener bootscom dotcom haz clic en los componentes y luego a la

58
00:04:13,380 --> 00:04:15,270
Los colores se nombran de la misma manera, por lo que hay éxito en advertencias y peligros.

59
00:04:15,340 --> 00:04:19,210
Y usaremos el peligro.

60
00:04:19,560 --> 00:04:20,990
Entonces, si hay un

61
00:04:21,000 --> 00:04:27,630
error como que debe haber iniciado sesión para hacer eso o que la contraseña es incorrecta, tendremos una alerta roja.

62
00:04:27,630 --> 00:04:28,330
Y si algo

63
00:04:28,740 --> 00:04:34,830
bueno sucede, como si alguien se registra, queremos decir contrats o si alguien cierra la sesión, diremos que el éxito se cerró o que

64
00:04:35,120 --> 00:04:40,500
podríamos hacer algo así como crear comentarios con éxito, lo que sea que queramos utilizaremos el verde aquí, que es éxito.

65
00:04:40,500 --> 00:04:44,300
Entonces estos son los divs div y comencemos con el peligro.

66
00:04:44,310 --> 00:04:47,900
Así que voy a copiar esto en realidad y voy

67
00:04:47,910 --> 00:04:57,000
a mi archivo de encabezado y en lugar de mostrar un H1 y mostrar un div, y agregaré un mensaje dentro de ese div para así solo.

68
00:04:57,000 --> 00:05:04,970
Entonces eso será solo un cambio de estilo.

69
00:05:05,280 --> 00:05:07,500
Entonces, si actualizo la página de nuevo, note que está allí antes que nada.

70
00:05:07,530 --> 00:05:13,120
Y eso es porque acabamos de agregarlo así que no

71
00:05:13,380 --> 00:05:19,470
importa si no hay un mensaje si está vacío o no.

72
00:05:19,470 --> 00:05:19,800
Así que lo arreglaremos, pero también notaremos que recorre toda la pantalla, lo que no es ideal.

73
00:05:19,860 --> 00:05:26,610
Así que vamos a dejar que agregue algo de texto para mostrarte lo que quiero decir.

74
00:05:26,610 --> 00:05:29,270
Este no es un gran mensaje para un usuario.

75
00:05:32,100 --> 00:05:34,470
Entonces, ¿qué haremos para solucionarlo a corto plazo y esto también será una solución a largo plazo?

76
00:05:34,710 --> 00:05:41,140
Pero antes de solucionar el problema de que siempre esté presente, incluso si no hay

77
00:05:41,160 --> 00:05:47,250
ningún mensaje, lo agregaremos en otro contenedor y colocaremos nuestra alerta en ese contenedor.

78
00:05:47,250 --> 00:05:51,150
Entonces, en la parte superior de cada página si actualizo, ahora tengo un

79
00:05:51,540 --> 00:05:58,860
mensaje que dice que está vacío, pero si hago algo así como intentar e ir a agregar un nuevo campamento, recibo mi mensaje.

80
00:05:59,730 --> 00:06:03,080
Por favor ingresa primero.

81
00:06:03,120 --> 00:06:04,640
Y, por supuesto, todavía tenemos que diseñar este formulario, así que llegaremos allí.

82
00:06:04,860 --> 00:06:07,370
Pero al menos se ve relativamente terminado.

83
00:06:07,410 --> 00:06:10,550
Así que eso está funcionando bien.

84
00:06:11,040 --> 00:06:12,930
Pero todavía no tenemos una

85
00:06:13,080 --> 00:06:19,830
manera de diferenciar entre verde y rojo o éxito y error, y eso será realmente fácil para nosotros.

86
00:06:19,830 --> 00:06:21,690
Entonces, la idea es que cuando

87
00:06:21,690 --> 00:06:28,350
nos deshagamos de esta forma es que cuando parpadeemos podríamos hacer algo como desconectarnos y desearíamos que eso sea un éxito.

88
00:06:28,350 --> 00:06:32,170
queremos flashear donde deseamos un diálogo de peligro rojo o alerta de peligro.

89
00:06:32,430 --> 00:06:37,950
Así que agregué bajo éxito pero luego podríamos tener algo parecido en nuestro middleware que ya tenemos donde

90
00:06:37,950 --> 00:06:44,810
Entonces tenemos estas dos formas y podríamos agregar cualquier cosa que pudiéramos hacer con información que podríamos llamar este blog.

91
00:06:45,210 --> 00:06:50,460
Esto no está relacionado con el arranque innecesariamente.

92
00:06:50,520 --> 00:06:52,940
Esto es justo lo que estamos agregando en el flash debajo de la tecla.

93
00:06:52,950 --> 00:06:57,130
Pero lo mantendré como un error y un éxito, entonces lo

94
00:06:57,450 --> 00:07:06,300
que tendríamos que hacer es, en lugar de su aplicación, sí, cuando pasamos esta información hasta el final, en realidad tendremos dos variables diferentes.

95
00:07:06,350 --> 00:07:11,320
Así que uno para el error y ahora llama a este

96
00:07:11,340 --> 00:07:19,260
error de punto de locales de redstart y luego tendremos otro para el éxito así como así.

97
00:07:22,530 --> 00:07:23,860
Entonces ahora tenemos dos datos diferentes en nuestra plantilla.

98
00:07:24,510 --> 00:07:27,970
Ambos estarán vacíos la mayor parte del tiempo.

99
00:07:28,050 --> 00:07:30,450
Usualmente no hay algo para mostrar.

100
00:07:30,450 --> 00:07:31,970
Pero luego, si hay un error en lugar de la variable de error, podremos acceder a eso.

101
00:07:31,980 --> 00:07:38,200
Si agregamos algo a un flash con éxito, ¿por qué acceder a él en esta variable de acceso dentro de la plantilla?

102
00:07:38,370 --> 00:07:44,010
Así que ahora vamos a nuestra plantilla para un encabezado y solo duplicamos esto, excepto que el

103
00:07:44,820 --> 00:07:51,780
peligro de alerta alertará con éxito y en lugar de mensaje que ya no existe, tendrá error aquí y éxito.

104
00:07:51,980 --> 00:08:00,270
Esas son las dos variables redefinidas.

105
00:08:00,390 --> 00:08:02,140
Si actualizo en este momento, tendremos una franja roja y verde como puede ver.

106
00:08:02,370 --> 00:08:09,440
Y si intento y vamos a cortar los campamentos y obtener un error,

107
00:08:09,780 --> 00:08:14,070
puedes ver que solo aparece en el rojo.

108
00:08:17,440 --> 00:08:20,020
Y luego, si hago algo como registrarme con un jibberish y

109
00:08:20,610 --> 00:08:23,870
luego voy a cerrar la sesión, puede ver que aparece en la sección verde.

110
00:08:27,210 --> 00:08:32,350
Entonces, lo que hemos hecho allí es simplemente diferenciado entre dos tipos diferentes de mensajes.

111
00:08:32,880 --> 00:08:36,920
Y podríamos agregar tantos como queramos así que no hay reglas.

112
00:08:36,930 --> 00:08:40,910
Si queremos usar bootstrap, queremos ir con estas diferentes clases.

113
00:08:41,400 --> 00:08:45,110
Pero en lo que respecta a nuestra propia clasificación, podemos poner todo lo que

114
00:08:45,750 --> 00:08:52,200
queramos para poder tenerlo si volvemos aquí donde estamos haciendo el destello, podríamos tener algo que podamos poner aquí en lugar de tener éxito.

115
00:08:52,200 --> 00:08:57,430
Pero me estoy quedando con el éxito y el error.

116
00:08:57,750 --> 00:08:59,730
Ahora abordemos el problema de estas dos cajas, las alertas siempre estarán allí, incluso si están vacías.

117
00:09:00,090 --> 00:09:06,340
Lo que necesitaremos hacer es ir a nuestro archivo

118
00:09:06,480 --> 00:09:15,540
de cabecera y agregar una declaración if con nuestro Ejay Sí, tendremos if.

119
00:09:15,590 --> 00:09:16,300
Y permítanme agregar los corchetes para comenzar y haremos uno para el error así.

120
00:09:16,480 --> 00:09:25,160
No en nuestra declaración de SI allí.

121
00:09:25,230 --> 00:09:27,980
En nuestro paréntesis de cierre, comenzaremos con ese.

122
00:09:28,680 --> 00:09:32,910
Entonces, lo que vamos a hacer es verificar si hay un error y realmente debe verse así.

123
00:09:32,910 --> 00:09:39,450
Entonces, si el error y la longitud del error es mayor que cero.

124
00:09:39,450 --> 00:09:46,880
Y la razón para eso es simplemente que existe un error no es suficiente para que deseemos mostrar el error.

125
00:09:47,700 --> 00:09:57,800
Entonces, por ejemplo, ahora el error está vacío.

126
00:09:57,810 --> 00:10:00,290
No hay texto allí, no hay ninguna cadena, pero no está indefinido, pero sigue apareciendo aquí.

127
00:10:00,300 --> 00:10:06,920
Entonces, lo que queremos hacer es verificar si la longitud del punto de error es mayor que cero.

128
00:10:07,290 --> 00:10:11,440
Porque incluso cuando el error está vacío cuando no hay nada allí, sigue siendo una matriz vacía.

129
00:10:11,760 --> 00:10:17,660
Y si solo comprobamos si hay una matriz vacía que no sea falsa.

130
00:10:18,060 --> 00:10:22,610
De nuevo, podría mostrarte eso aquí.

131
00:10:22,650 --> 00:10:24,160
Hicimos algo como esto.

132
00:10:24,330 --> 00:10:26,480
Un montón de cosas allí si

133
00:10:26,610 --> 00:10:28,200
el conjunto está vacío.

134
00:10:30,990 --> 00:10:34,400
Eso registra todo.

135
00:10:34,910 --> 00:10:37,700
Si presiono entrar obtengo que venga con ese registro.

136
00:10:38,350 --> 00:10:41,510
Y eso es porque una matriz vacía es verdad.

137
00:10:41,730 --> 00:10:46,210
Así que aquí, donde estamos comprobando si existe

138
00:10:46,260 --> 00:10:52,350
algún error, podría ser una matriz vacía la mayor parte del tiempo.

139
00:10:52,350 --> 00:10:53,250
Así que esto es solo verificar para estar seguros.

140
00:10:53,250 --> 00:10:55,490
Como digamos que no tenemos este código en absoluto en nuestro SJS.

141
00:10:55,560 --> 00:11:00,110
Dónde estás.

142
00:11:01,110 --> 00:11:01,920
Aquí vamos, si no tuviéramos esto en absoluto, entonces el error y el éxito quedarían indefinidos.

143
00:11:01,920 --> 00:11:07,030
Y esa línea de código solo evitaría un error.

144
00:11:07,410 --> 00:11:09,710
Pero esta es en realidad la parte más importante para verificar si hay algo en la matriz.

145
00:11:09,720 --> 00:11:13,920
Entonces, si hay algo en la matriz si la longitud es mayor que

146
00:11:13,950 --> 00:11:19,650
cero, entonces visualice esto y vamos a hacer exactamente lo mismo aquí excepto en lugar de error.

147
00:11:19,650 --> 00:11:26,740
Verifique en lugar de éxito si necesitamos nuestra llave de cierre también.

148
00:11:26,800 --> 00:11:33,140
Todo bien.

149
00:11:34,320 --> 00:11:34,800
Así que intente esto o reinícielo reinicie el servidor para actualizar la página.

150
00:11:34,800 --> 00:11:40,550
No vemos nada

151
00:11:40,650 --> 00:11:41,900
Probemos y agreguemos un nuevo campamento.

152
00:11:42,360 --> 00:11:44,020
Obtengo mi mensaje leído. Por favor, primero regístrese.

153
00:11:44,460 --> 00:11:47,720
Regístrese ahora.

154
00:11:47,910 --> 00:11:53,070
Ahora, si cierro la sesión, recibo mi mensaje verde y cierro la sesión.

155
00:11:53,100 --> 00:11:57,660
Estupendo.

156
00:11:57,810 --> 00:11:58,420
Así que

157
00:11:58,470 --> 00:12:05,400
todo lo que nos queda es ir ahora y agregar los mensajes correctos. Llamar a la solicitud de actualización en los lugares apropiados.

158
00:12:05,400 --> 00:12:07,040