Va bene bentornato.
Quindi in questo video continuiamo a utilizzare e implementare il flash nell'ultimo video che abbiamo installato, abbiamo parlato
un po 'di come funziona, usiamo il pacchetto Kinect flash per aiutarci qui.
L'idea è di nuovo che possiamo inviare un messaggio alla prossima route fino alla prossima richiesta in
modo che possiamo mostrarlo all'utente.
E ciò che vogliamo fare ora è piuttosto che visualizzarlo singolarmente su ogni modello che ho
fatto solo una volta, ma piuttosto che farlo su ogni singola pagina che volevamo avere potenzialmente un messaggio
di errore o un messaggio di successo.
Sposteremo quel tipo di codice per l'intestazione che è un posto naturale per quello.
Quindi aprirò l'intestazione per iniziare.
Quindi Parshall's E. J. E quello che
possiamo fare è solo in fondo dopo la barra di navigazione, possiamo solo aggiungere in H1 e possiamo aggiungere qualcosa come un messaggio.
Manterremo lo stesso nome.
Ora il problema è
che il messaggio funzionerà sulla nostra scusa mi registro nel forum proprio qui dove stiamo passando il messaggio.
Ma su qualsiasi altro percorso il messaggio sarà indefinito, il che sarà problematico.
Come puoi vedere qui.
Quindi, se aggiorno la pagina funziona bene, ma se provo a iscrivermi abbiamo un problema.
Il messaggio non è definito.
Questo perché la registrazione ha lo stesso file di intestazione e il messaggio non è stato fornito.
Quindi, per risolvere il problema, quando ci sbarazzeremo di questa
linea proprio qui, la elimineremo e non la passeremo per accedere individualmente.
Poi andrò all'app.
Sì.
E proprio dove abbiamo lo
stesso codice in cui stiamo facendo l'utente corrente dove abbiamo passato l'utente corrente a ogni singolo modello possiamo fare la stessa cosa.
Oppure possiamo dire che i locatori di punti rez il messaggio equivale a richiedere l'errore del punto flash o richiedere l'errore flash.
Quindi, se c'è qualcosa nel flash, avremo accesso ad esso nel modello sotto il messaggio.
Quindi te lo mostrerò ora se ricomincio la prima volta se mi rinfresco.
Non potevo vedere nulla.
Vado a registrarlo ora
funziona e non c'è niente da lampeggiare ma se provo a innescarlo di nuovo così vado a tagliare i campeggi provandone uno nuovo ottengo il mio messaggio.
Per favore fai prima il log in.
Quindi lascia che ti mostri che funziona su ogni pagina, quindi diciamo quando esco.
Quindi, se andiamo al percorso di logout che è nel nostro, l'ho aperto
ma ti mostrerò di nuovo i percorsi index dove il log out avviene proprio qui.
Richiedi di uscire e subito prima di reindirizzare potremmo fare qualcosa come la richiesta.
Lampeggia.
E per ora lo
tengo come errore perché è quello che ho impostato e diremo semplicemente di disconnetterti proprio così.
Ora se ricomincio.
Lasciami iscrivermi qui come chiunque fa legge.
Registrazione perfetta.
Grande.
Ora se clicco su legge, vengo disconnesso e se potessi, dalla pagina scomparirà.
Quindi abbiamo questa interfaccia in questo modo di inviare un messaggio a un utente o un messaggio che vogliamo durare.
o si sposta da qualche altra parte, non vogliamo che persista e lo visualizziamo su ogni pagina perché
ce l'abbiamo nell'intestazione quindi non dobbiamo renderizza manualmente una variabile e passa una variabile attraverso.
Fondamentalmente una richiesta ed è quella che richiede l'ultima risposta e quindi se l'utente si aggiorna
Tutto ciò che dobbiamo fare ora.
Ogni volta che
vogliamo mostrare all'utente un qualche tipo di messaggio prima di reindirli, aggiungiamo semplicemente richieste che non lampeggiano ora, piuttosto che
fare solo un errore ogni volta che ti ho mostrato nel primo video che avremmo un avviso verde o rosso in sostanza.
Quindi un successo e un errore e questo è integrato nel bootstrap.
di navigazione su cui fai clic sugli avvisi puoi vedere
che questi sono gli avvisi che sembrano questi piccoli messaggi che hanno colori diversi proprio come i pulsanti.
Quindi se vai a fare bootstrap dotcom clicca sui componenti e poi a destra sulla barra
I colori hanno lo stesso nome, quindi c'è successo nel giusto avvertimento e pericolo.
E useremo il pericolo.
Quindi se c'è un
errore come devi essere loggato per farlo o la password è sbagliata avremo un allarme rosso.
E se succede
qualcosa di buono come se qualcuno si iscriva, vogliamo dire contrats o se qualcuno si disconnette diremo che abbiamo fatto il logout o
che potremmo fare qualcosa come il commento creato con successo, qualunque cosa vogliamo, useremo il verde qui che è successo.
Quindi queste sono le div div class e iniziamo con il pericolo.
Quindi copierò questo in realtà e andrò al mio
file di intestazione e piuttosto che visualizzare un H1 e visualizzare un div e aggiungerò un messaggio all'interno se quel div è così.
Quindi questo sarà solo un cambiamento stilistico.
Quindi, se aggiorno di nuovo la pagina, noti che è lì prima di tutto.
E questo perché l'abbiamo appena aggiunto, quindi non importa
se non c'è alcun messaggio se è vuoto o no.
Quindi lo aggiusteremo, ma noteremo anche che tutto lo schermo non è l'ideale.
Quindi lascia che aggiunga del testo per mostrarti cosa intendo.
Questo non è un grande messaggio per un utente.
Quindi, cosa faremo per risolverlo a breve termine e questo in realtà sarà anche una soluzione a lungo termine.
Ma prima di risolvere il problema è sempre presente anche se non ci sono messaggi che
andremo ad aggiungere in un altro contenitore e mettere il nostro avviso in quel contenitore.
Quindi, nella parte superiore di ogni pagina, se aggiorno, ora ho
un messaggio che è vuoto, ma se faccio qualcosa come provare ad andare ad aggiungere un nuovo campeggio, ottengo il mio messaggio.
Per favore fai prima il log in.
E ovviamente dobbiamo ancora modellare questo modulo così ci arriveremo.
Ma questo almeno sembra relativamente finito.
Quindi sta funzionando bene.
Ma non abbiamo ancora un
modo per distinguere tra verde e rosso o il successo e l'errore e questo sarà davvero facile per noi.
Quindi l'idea è che quando ci
liberiamo di questa forma è che quando facciamo il flash potremmo fare qualcosa come disconnetterti e potremmo volere che fosse successo.
vedere dove vogliamo una finestra di pericolo rossa o un avviso di pericolo.
Così ho aggiunto il successo, ma poi potremmo avere qualcosa del nostro middleware che abbiamo già dove vogliamo
Quindi abbiamo questi due modi e potremmo aggiungere qualsiasi cosa potremmo fare informazioni che potremmo chiamare questo blog.
Questo non è correlato al bootstrap inutilmente.
Questo è proprio quello che stiamo aggiungendo nel flash sotto la chiave.
Ma lo terrò come errore e successo, quindi quello che
dovremmo fare è invece la sua app sì, dove stiamo passando questi dati attraverso l'interruzione qui avremo in realtà due variabili diverse.
Quindi uno per errore e ora chiamiamo questo errore punto
del popolo dei redstart e poi ne avremo un altro per il successo proprio così.
Quindi ora abbiamo due diversi dati nel nostro modello.
Entrambi saranno vuoti il ​​più delle volte.
Di solito non c'è qualcosa da mostrare.
Ma poi se c'è un errore al posto della variabile di errore saremo in grado di accedervi.
Se aggiungiamo qualcosa a un flash in caso di successo, perché accedervi in ​​questa variabile di accesso all'interno del modello.
Quindi ora andiamo al nostro modello per un'intestazione e duplichiamo solo eccetto che il pericolo
di allerta farà il successo e, invece di un messaggio che non esiste più, avremo errore qui e successo.
Queste sono le due variabili ridefinite.
Se aggiorno adesso avremo una striscia rossa e verde come puoi vedere.
E se provo e andiamo a tagliare i campeggi e otteniamo un
errore, puoi vederlo solo in quello rosso.
E poi se faccio qualcosa di simile iscrivermi con un po
'di jibberish e poi vado per disconnetterti puoi vedere che compare nella sezione verde.
Quindi quello che abbiamo fatto è solo differenziato tra due diversi tipi di messaggi.
E potremmo aggiungere quanti ne vogliamo così non ci sono regole.
Se vogliamo usare bootstrap, vogliamo andare con queste classi diverse.
Ma per quanto riguarda la nostra classificazione, possiamo mettere tutto ciò che vogliamo in
modo che potremmo avere se torniamo qui dove stiamo facendo il flash che potremmo mai possedere cosa che abbiamo messo qui, piuttosto che il successo.
Ma mi sto attaccando al successo e all'errore.
Ora affrontiamo il problema di queste due caselle, gli avvisi sono sempre lì anche se sono vuoti.
Quello che dovremo fare è andare nel nostro file
di intestazione e aggiungere una dichiarazione if con il nostro Ejay Sì, avremo se.
E fammi aggiungere le parentesi per iniziare e ne faremo uno per errore proprio così.
Non nella nostra dichiarazione IF lì.
Nella nostra parentesi di chiusura, inizieremo con quella.
Quindi, quello che faremo è controllare se c'è un errore e in realtà deve apparire come questo.
Quindi se la lunghezza dell'errore e dell'errore è maggiore di zero.
E il motivo per cui c'è solo l'esistenza di errori non è sufficiente per noi per voler visualizzare l'errore.
Quindi per esempio adesso l'errore è vuoto.
Non c'è testo al suo interno, non c'è una stringa, ma non è indefinito, ma è ancora visibile qui.
Quindi, quello che vogliamo fare è controllare se la lunghezza del punto di errore è maggiore di zero.
Perché anche quando l'errore è vuoto quando non c'è nulla in là è ancora un array vuoto.
E se controlliamo solo se c'è un array vuoto che non è falsie.
Ancora una volta potrei mostrartelo qui.
Abbiamo fatto qualcosa di simile.
Un sacco di cose lì
se array vuoto.
Questo registro qualsiasi cosa.
Se premo invio, viene fornito con quel registro.
E questo perché un array vuoto è vero.
Quindi, proprio qui, dove stiamo controllando se l'errore esiste,
potrebbe ancora essere un array vuoto che la maggior parte delle volte è.
Quindi questo è davvero solo un controllo per essere sicuro.
Come diciamo che non avevamo questo codice nel nostro SJS.
Dove sei.
Qui andiamo se non avessimo questo, quindi l'errore e il successo sarebbero indefiniti.
E quella riga di codice impedirebbe semplicemente un errore.
Ma questa è in realtà la parte più importante per verificare se c'è qualcosa nell'array.
Quindi se c'è qualcosa nell'array se la sua lunghezza è maggiore
di zero, allora mostra questo e faremo esattamente la stessa cosa qui, eccetto piuttosto che l'errore.
Controllate invece il successo se abbiamo bisogno anche della nostra parentesi di chiusura.
Tutto ok.
Quindi proviamo questo o accendiamolo di nuovo riavviare il server aggiornare la pagina.
Non vediamo nulla.
Proviamo ad aggiungere un nuovo campeggio.
Ricevo il mio messaggio di lettura Effettua il login per primo.
Registrati ora.
Ora, se esco, ottengo il mio messaggio verde per disconnetterti.
Grande.
Quindi tutto
quello che abbiamo lasciato è ora di andare e aggiungere i messaggi corretti richiamare la richiesta flash nei luoghi appropriati.