De acuerdo, bienvenido.
Entonces en este video continuamos usando e implementando el flash en el último video que instalamos. Hablamos
un poco sobre cómo funciona. Usamos el paquete Kinect flash para ayudarnos aquí.
La idea es que podemos enviar un mensaje a la siguiente ruta a la siguiente solicitud para
que podamos mostrarla al usuario.
Y lo que queremos hacer ahora es mostrarlo individualmente en cada plantilla que solo
hice una vez, pero en lugar de hacer esto en cada página que queríamos, posiblemente tenga
un mensaje de error o mensaje de éxito.
Vamos a mover ese tipo de código al encabezado, que es un lugar natural para eso.
Así que voy a abrir el encabezado para comenzar.
Así que Parshall's E. J. Y lo que podemos
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.
Lo mantendremos con el mismo nombre.
Ahora el problema es
que ese mensaje funcionará en nuestro foro de excusas para iniciar sesión aquí donde estamos transmitiendo el mensaje.
Pero en cualquier otra ruta el mensaje no estará definido, lo que será problemático.
Como puedes ver aquí.
Entonces, si actualizo la página funciona bien, pero si intento registrarme, tenemos un problema.
El mensaje no está definido.
Esto se debe a que Sign-Up tiene el mismo archivo de encabezado y no se ha proporcionado el mensaje.
Entonces, para solucionarlo, cuando nos deshagamos de esta línea, la
cortaremos en realidad y no la pasaremos para iniciar sesión individualmente.
Luego iré a la aplicación.
Sí.
Y justo donde tenemos el
mismo código en el que estamos haciendo usuario actual donde pasamos al usuario actual a cada plantilla, podemos hacer lo mismo.
O podemos decir que los locales de Rez dot el mensaje es igual a solicitar flash dot error o solicitar un error de flash.
Entonces, si hay algo en el flash, tendremos acceso a él en la plantilla debajo del mensaje.
Así que te mostraré eso ahora si reinicio por primera vez si actualizo.
No pude ver nada.
Voy a registrarme y
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.
Por favor ingresa primero.
Así que déjame mostrarte que está funcionando en todas las páginas, así que digamos cuando me desconecte.
Entonces, si vamos a la ruta de cierre de sesión que está en nuestro directorio lo tengo
abierto, pero le mostraré nuevamente el índice de rutas j en donde el cierre de sesión ocurre aquí.
Solicite que cierre la sesión y luego, justo antes de redireccionar, podríamos hacer algo como solicitar.
¿Destella?
Y por ahora lo
guardo como un error porque eso es lo que configuré y solo diremos desconectarse así.
Ahora si reinicio.
Permítanme inscribirme aquí al igual que cualquier persona que haga la ley.
Registrarse perfecto
Estupendo.
Ahora, si hago clic en la ley, me desconecto y si puedo desde la página, se va.
Así que tenemos esta interfaz de esta manera de enviar un mensaje a un usuario o un mensaje que queremos que dure.
o va a otro lugar, no queremos que persista y tenemos esa visualización en cada página porque la tenemos
en el encabezado, así que no tenemos que renderiza manualmente una variable y pasa una variable.
Básicamente, una solicitud y es que uno solicita la última respuesta y luego, si el usuario actualiza
Todo lo que tenemos que hacer ahora.
Cada vez que
queremos mostrarle a un usuario algún tipo de mensaje antes de redirigirlo, simplemente agregamos las solicitudes que no aparecen ahora en
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.
Entonces, un éxito y un error, y eso está incorporado con bootstrap.
derecha de la barra de navegación haces clic en alertas.
Puedes ver que estas son las alertas que parecen estos pequeños mensajes que tienen diferentes colores como los botones.
Así que si vas a obtener bootscom dotcom haz clic en los componentes y luego a la
Los colores se nombran de la misma manera, por lo que hay éxito en advertencias y peligros.
Y usaremos el peligro.
Entonces, si hay un
error como que debe haber iniciado sesión para hacer eso o que la contraseña es incorrecta, tendremos una alerta roja.
Y si algo
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
podríamos hacer algo así como crear comentarios con éxito, lo que sea que queramos utilizaremos el verde aquí, que es éxito.
Entonces estos son los divs div y comencemos con el peligro.
Así que voy a copiar esto en realidad y voy
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.
Entonces eso será solo un cambio de estilo.
Entonces, si actualizo la página de nuevo, note que está allí antes que nada.
Y eso es porque acabamos de agregarlo así que no
importa si no hay un mensaje si está vacío o no.
Así que lo arreglaremos, pero también notaremos que recorre toda la pantalla, lo que no es ideal.
Así que vamos a dejar que agregue algo de texto para mostrarte lo que quiero decir.
Este no es un gran mensaje para un usuario.
Entonces, ¿qué haremos para solucionarlo a corto plazo y esto también será una solución a largo plazo?
Pero antes de solucionar el problema de que siempre esté presente, incluso si no hay
ningún mensaje, lo agregaremos en otro contenedor y colocaremos nuestra alerta en ese contenedor.
Entonces, en la parte superior de cada página si actualizo, ahora tengo un
mensaje que dice que está vacío, pero si hago algo así como intentar e ir a agregar un nuevo campamento, recibo mi mensaje.
Por favor ingresa primero.
Y, por supuesto, todavía tenemos que diseñar este formulario, así que llegaremos allí.
Pero al menos se ve relativamente terminado.
Así que eso está funcionando bien.
Pero todavía no tenemos una
manera de diferenciar entre verde y rojo o éxito y error, y eso será realmente fácil para nosotros.
Entonces, la idea es que cuando
nos deshagamos de esta forma es que cuando parpadeemos podríamos hacer algo como desconectarnos y desearíamos que eso sea un éxito.
queremos flashear donde deseamos un diálogo de peligro rojo o alerta de peligro.
Así que agregué bajo éxito pero luego podríamos tener algo parecido en nuestro middleware que ya tenemos donde
Entonces tenemos estas dos formas y podríamos agregar cualquier cosa que pudiéramos hacer con información que podríamos llamar este blog.
Esto no está relacionado con el arranque innecesariamente.
Esto es justo lo que estamos agregando en el flash debajo de la tecla.
Pero lo mantendré como un error y un éxito, entonces lo
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.
Así que uno para el error y ahora llama a este
error de punto de locales de redstart y luego tendremos otro para el éxito así como así.
Entonces ahora tenemos dos datos diferentes en nuestra plantilla.
Ambos estarán vacíos la mayor parte del tiempo.
Usualmente no hay algo para mostrar.
Pero luego, si hay un error en lugar de la variable de error, podremos acceder a eso.
Si agregamos algo a un flash con éxito, ¿por qué acceder a él en esta variable de acceso dentro de la plantilla?
Así que ahora vamos a nuestra plantilla para un encabezado y solo duplicamos esto, excepto que el
peligro de alerta alertará con éxito y en lugar de mensaje que ya no existe, tendrá error aquí y éxito.
Esas son las dos variables redefinidas.
Si actualizo en este momento, tendremos una franja roja y verde como puede ver.
Y si intento y vamos a cortar los campamentos y obtener un error,
puedes ver que solo aparece en el rojo.
Y luego, si hago algo como registrarme con un jibberish y
luego voy a cerrar la sesión, puede ver que aparece en la sección verde.
Entonces, lo que hemos hecho allí es simplemente diferenciado entre dos tipos diferentes de mensajes.
Y podríamos agregar tantos como queramos así que no hay reglas.
Si queremos usar bootstrap, queremos ir con estas diferentes clases.
Pero en lo que respecta a nuestra propia clasificación, podemos poner todo lo que
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.
Pero me estoy quedando con el éxito y el error.
Ahora abordemos el problema de estas dos cajas, las alertas siempre estarán allí, incluso si están vacías.
Lo que necesitaremos hacer es ir a nuestro archivo
de cabecera y agregar una declaración if con nuestro Ejay Sí, tendremos if.
Y permítanme agregar los corchetes para comenzar y haremos uno para el error así.
No en nuestra declaración de SI allí.
En nuestro paréntesis de cierre, comenzaremos con ese.
Entonces, lo que vamos a hacer es verificar si hay un error y realmente debe verse así.
Entonces, si el error y la longitud del error es mayor que cero.
Y la razón para eso es simplemente que existe un error no es suficiente para que deseemos mostrar el error.
Entonces, por ejemplo, ahora el error está vacío.
No hay texto allí, no hay ninguna cadena, pero no está indefinido, pero sigue apareciendo aquí.
Entonces, lo que queremos hacer es verificar si la longitud del punto de error es mayor que cero.
Porque incluso cuando el error está vacío cuando no hay nada allí, sigue siendo una matriz vacía.
Y si solo comprobamos si hay una matriz vacía que no sea falsa.
De nuevo, podría mostrarte eso aquí.
Hicimos algo como esto.
Un montón de cosas allí si
el conjunto está vacío.
Eso registra todo.
Si presiono entrar obtengo que venga con ese registro.
Y eso es porque una matriz vacía es verdad.
Así que aquí, donde estamos comprobando si existe
algún error, podría ser una matriz vacía la mayor parte del tiempo.
Así que esto es solo verificar para estar seguros.
Como digamos que no tenemos este código en absoluto en nuestro SJS.
Dónde estás.
Aquí vamos, si no tuviéramos esto en absoluto, entonces el error y el éxito quedarían indefinidos.
Y esa línea de código solo evitaría un error.
Pero esta es en realidad la parte más importante para verificar si hay algo en la matriz.
Entonces, si hay algo en la matriz si la longitud es mayor que
cero, entonces visualice esto y vamos a hacer exactamente lo mismo aquí excepto en lugar de error.
Verifique en lugar de éxito si necesitamos nuestra llave de cierre también.
Todo bien.
Así que intente esto o reinícielo reinicie el servidor para actualizar la página.
No vemos nada
Probemos y agreguemos un nuevo campamento.
Obtengo mi mensaje leído. Por favor, primero regístrese.
Regístrese ahora.
Ahora, si cierro la sesión, recibo mi mensaje verde y cierro la sesión.
Estupendo.
Así que
todo lo que nos queda es ir ahora y agregar los mensajes correctos. Llamar a la solicitud de actualización en los lugares apropiados.