1
00:00:00,570 --> 00:00:01,750
Va bene bentornato.

2
00:00:01,980 --> 00:00:07,710
Quindi in questo video continuiamo a utilizzare e implementare il flash nell'ultimo video che abbiamo installato, abbiamo parlato

3
00:00:07,710 --> 00:00:12,020
un po 'di come funziona, usiamo il pacchetto Kinect flash per aiutarci qui.

4
00:00:12,180 --> 00:00:18,120
L'idea è di nuovo che possiamo inviare un messaggio alla prossima route fino alla prossima richiesta in

5
00:00:18,120 --> 00:00:20,000
modo che possiamo mostrarlo all'utente.

6
00:00:20,430 --> 00:00:25,590
E ciò che vogliamo fare ora è piuttosto che visualizzarlo singolarmente su ogni modello che ho

7
00:00:25,590 --> 00:00:31,410
fatto solo una volta, ma piuttosto che farlo su ogni singola pagina che volevamo avere potenzialmente un messaggio

8
00:00:31,410 --> 00:00:34,020
di errore o un messaggio di successo.

9
00:00:34,020 --> 00:00:38,150
Sposteremo quel tipo di codice per l'intestazione che è un posto naturale per quello.

10
00:00:38,190 --> 00:00:40,710
Quindi aprirò l'intestazione per iniziare.

11
00:00:40,710 --> 00:00:43,450
Quindi Parshall's E. J. E quello che

12
00:00:44,220 --> 00:00:53,640
possiamo fare è solo in fondo dopo la barra di navigazione, possiamo solo aggiungere in H1 e possiamo aggiungere qualcosa come un messaggio.

13
00:00:53,940 --> 00:00:55,320
Manterremo lo stesso nome.

14
00:00:55,490 --> 00:00:57,640
Ora il problema è

15
00:00:57,660 --> 00:01:06,510
che il messaggio funzionerà sulla nostra scusa mi registro nel forum proprio qui dove stiamo passando il messaggio.

16
00:01:06,510 --> 00:01:07,200
Ma su qualsiasi altro percorso il messaggio sarà indefinito, il che sarà problematico.

17
00:01:07,260 --> 00:01:11,740
Come puoi vedere qui.

18
00:01:11,900 --> 00:01:13,040
Quindi, se aggiorno la pagina funziona bene, ma se provo a iscrivermi abbiamo un problema.

19
00:01:13,260 --> 00:01:18,170
Il messaggio non è definito.

20
00:01:18,210 --> 00:01:19,550
Questo perché la registrazione ha lo stesso file di intestazione e il messaggio non è stato fornito.

21
00:01:19,720 --> 00:01:25,290
Quindi, per risolvere il problema, quando ci sbarazzeremo di questa

22
00:01:25,290 --> 00:01:31,530
linea proprio qui, la elimineremo e non la passeremo per accedere individualmente.

23
00:01:31,530 --> 00:01:33,790
Poi andrò all'app.

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

25
00:01:35,160 --> 00:01:36,230
E proprio dove abbiamo lo

26
00:01:37,110 --> 00:01:42,210
stesso codice in cui stiamo facendo l'utente corrente dove abbiamo passato l'utente corrente a ogni singolo modello possiamo fare la stessa cosa.

27
00:01:42,300 --> 00:01:45,660
Oppure possiamo dire che i locatori di punti rez il messaggio equivale a richiedere l'errore del punto flash o richiedere l'errore flash.

28
00:01:45,900 --> 00:01:56,160
Quindi, se c'è qualcosa nel flash, avremo accesso ad esso nel modello sotto il messaggio.

29
00:01:56,520 --> 00:02:01,930
Quindi te lo mostrerò ora se ricomincio la prima volta se mi rinfresco.

30
00:02:02,190 --> 00:02:07,440
Non potevo vedere nulla.

31
00:02:07,440 --> 00:02:08,460
Vado a registrarlo ora

32
00:02:08,490 --> 00:02:14,960
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.

33
00:02:14,970 --> 00:02:19,120
Per favore fai prima il log in.

34
00:02:19,140 --> 00:02:20,910
Quindi lascia che ti mostri che funziona su ogni pagina, quindi diciamo quando esco.

35
00:02:21,420 --> 00:02:26,370
Quindi, se andiamo al percorso di logout che è nel nostro, l'ho aperto

36
00:02:26,370 --> 00:02:31,850
ma ti mostrerò di nuovo i percorsi index dove il log out avviene proprio qui.

37
00:02:31,930 --> 00:02:36,510
Richiedi di uscire e subito prima di reindirizzare potremmo fare qualcosa come la richiesta.

38
00:02:36,510 --> 00:02:41,380
Lampeggia.

39
00:02:41,380 --> 00:02:43,050
E per ora lo

40
00:02:43,320 --> 00:02:49,200
tengo come errore perché è quello che ho impostato e diremo semplicemente di disconnetterti proprio così.

41
00:02:49,440 --> 00:02:51,820
Ora se ricomincio.

42
00:02:51,840 --> 00:02:54,360
Lasciami iscrivermi qui come chiunque fa legge.

43
00:02:55,800 --> 00:03:00,430
Registrazione perfetta.

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

45
00:03:04,200 --> 00:03:05,010
Ora se clicco su legge, vengo disconnesso e se potessi, dalla pagina scomparirà.

46
00:03:05,010 --> 00:03:11,830
Quindi abbiamo questa interfaccia in questo modo di inviare un messaggio a un utente o un messaggio che vogliamo durare.

47
00:03:12,150 --> 00:03:18,780
o si sposta da qualche altra parte, non vogliamo che persista e lo visualizziamo su ogni pagina perché

48
00:03:18,840 --> 00:03:24,190
ce l'abbiamo nell'intestazione quindi non dobbiamo renderizza manualmente una variabile e passa una variabile attraverso.

49
00:03:24,190 --> 00:03:30,090
Fondamentalmente una richiesta ed è quella che richiede l'ultima risposta e quindi se l'utente si aggiorna

50
00:03:30,090 --> 00:03:35,640
Tutto ciò che dobbiamo fare ora.

51
00:03:35,640 --> 00:03:36,620
Ogni volta che

52
00:03:36,630 --> 00:03:42,750
vogliamo mostrare all'utente un qualche tipo di messaggio prima di reindirli, aggiungiamo semplicemente richieste che non lampeggiano ora, piuttosto che

53
00:03:42,760 --> 00:03:49,680
fare solo un errore ogni volta che ti ho mostrato nel primo video che avremmo un avviso verde o rosso in sostanza.

54
00:03:49,680 --> 00:03:53,250
Quindi un successo e un errore e questo è integrato nel bootstrap.

55
00:03:53,310 --> 00:03:57,780
di navigazione su cui fai clic sugli avvisi puoi vedere

56
00:03:57,780 --> 00:04:06,000
che questi sono gli avvisi che sembrano questi piccoli messaggi che hanno colori diversi proprio come i pulsanti.

57
00:04:06,000 --> 00:04:13,200
Quindi se vai a fare bootstrap dotcom clicca sui componenti e poi a destra sulla barra

58
00:04:13,380 --> 00:04:15,270
I colori hanno lo stesso nome, quindi c'è successo nel giusto avvertimento e pericolo.

59
00:04:15,340 --> 00:04:19,210
E useremo il pericolo.

60
00:04:19,560 --> 00:04:20,990
Quindi se c'è un

61
00:04:21,000 --> 00:04:27,630
errore come devi essere loggato per farlo o la password è sbagliata avremo un allarme rosso.

62
00:04:27,630 --> 00:04:28,330
E se succede

63
00:04:28,740 --> 00:04:34,830
qualcosa di buono come se qualcuno si iscriva, vogliamo dire contrats o se qualcuno si disconnette diremo che abbiamo fatto il logout o

64
00:04:35,120 --> 00:04:40,500
che potremmo fare qualcosa come il commento creato con successo, qualunque cosa vogliamo, useremo il verde qui che è successo.

65
00:04:40,500 --> 00:04:44,300
Quindi queste sono le div div class e iniziamo con il pericolo.

66
00:04:44,310 --> 00:04:47,900
Quindi copierò questo in realtà e andrò al mio

67
00:04:47,910 --> 00:04:57,000
file di intestazione e piuttosto che visualizzare un H1 e visualizzare un div e aggiungerò un messaggio all'interno se quel div è così.

68
00:04:57,000 --> 00:05:04,970
Quindi questo sarà solo un cambiamento stilistico.

69
00:05:05,280 --> 00:05:07,500
Quindi, se aggiorno di nuovo la pagina, noti che è lì prima di tutto.

70
00:05:07,530 --> 00:05:13,120
E questo perché l'abbiamo appena aggiunto, quindi non importa

71
00:05:13,380 --> 00:05:19,470
se non c'è alcun messaggio se è vuoto o no.

72
00:05:19,470 --> 00:05:19,800
Quindi lo aggiusteremo, ma noteremo anche che tutto lo schermo non è l'ideale.

73
00:05:19,860 --> 00:05:26,610
Quindi lascia che aggiunga del testo per mostrarti cosa intendo.

74
00:05:26,610 --> 00:05:29,270
Questo non è un grande messaggio per un utente.

75
00:05:32,100 --> 00:05:34,470
Quindi, cosa faremo per risolverlo a breve termine e questo in realtà sarà anche una soluzione a lungo termine.

76
00:05:34,710 --> 00:05:41,140
Ma prima di risolvere il problema è sempre presente anche se non ci sono messaggi che

77
00:05:41,160 --> 00:05:47,250
andremo ad aggiungere in un altro contenitore e mettere il nostro avviso in quel contenitore.

78
00:05:47,250 --> 00:05:51,150
Quindi, nella parte superiore di ogni pagina, se aggiorno, ora ho

79
00:05:51,540 --> 00:05:58,860
un messaggio che è vuoto, ma se faccio qualcosa come provare ad andare ad aggiungere un nuovo campeggio, ottengo il mio messaggio.

80
00:05:59,730 --> 00:06:03,080
Per favore fai prima il log in.

81
00:06:03,120 --> 00:06:04,640
E ovviamente dobbiamo ancora modellare questo modulo così ci arriveremo.

82
00:06:04,860 --> 00:06:07,370
Ma questo almeno sembra relativamente finito.

83
00:06:07,410 --> 00:06:10,550
Quindi sta funzionando bene.

84
00:06:11,040 --> 00:06:12,930
Ma non abbiamo ancora un

85
00:06:13,080 --> 00:06:19,830
modo per distinguere tra verde e rosso o il successo e l'errore e questo sarà davvero facile per noi.

86
00:06:19,830 --> 00:06:21,690
Quindi l'idea è che quando ci

87
00:06:21,690 --> 00:06:28,350
liberiamo di questa forma è che quando facciamo il flash potremmo fare qualcosa come disconnetterti e potremmo volere che fosse successo.

88
00:06:28,350 --> 00:06:32,170
vedere dove vogliamo una finestra di pericolo rossa o un avviso di pericolo.

89
00:06:32,430 --> 00:06:37,950
Così ho aggiunto il successo, ma poi potremmo avere qualcosa del nostro middleware che abbiamo già dove vogliamo

90
00:06:37,950 --> 00:06:44,810
Quindi abbiamo questi due modi e potremmo aggiungere qualsiasi cosa potremmo fare informazioni che potremmo chiamare questo blog.

91
00:06:45,210 --> 00:06:50,460
Questo non è correlato al bootstrap inutilmente.

92
00:06:50,520 --> 00:06:52,940
Questo è proprio quello che stiamo aggiungendo nel flash sotto la chiave.

93
00:06:52,950 --> 00:06:57,130
Ma lo terrò come errore e successo, quindi quello che

94
00:06:57,450 --> 00:07:06,300
dovremmo fare è invece la sua app sì, dove stiamo passando questi dati attraverso l'interruzione qui avremo in realtà due variabili diverse.

95
00:07:06,350 --> 00:07:11,320
Quindi uno per errore e ora chiamiamo questo errore punto

96
00:07:11,340 --> 00:07:19,260
del popolo dei redstart e poi ne avremo un altro per il successo proprio così.

97
00:07:22,530 --> 00:07:23,860
Quindi ora abbiamo due diversi dati nel nostro modello.

98
00:07:24,510 --> 00:07:27,970
Entrambi saranno vuoti il ​​più delle volte.

99
00:07:28,050 --> 00:07:30,450
Di solito non c'è qualcosa da mostrare.

100
00:07:30,450 --> 00:07:31,970
Ma poi se c'è un errore al posto della variabile di errore saremo in grado di accedervi.

101
00:07:31,980 --> 00:07:38,200
Se aggiungiamo qualcosa a un flash in caso di successo, perché accedervi in ​​questa variabile di accesso all'interno del modello.

102
00:07:38,370 --> 00:07:44,010
Quindi ora andiamo al nostro modello per un'intestazione e duplichiamo solo eccetto che il pericolo

103
00:07:44,820 --> 00:07:51,780
di allerta farà il successo e, invece di un messaggio che non esiste più, avremo errore qui e successo.

104
00:07:51,980 --> 00:08:00,270
Queste sono le due variabili ridefinite.

105
00:08:00,390 --> 00:08:02,140
Se aggiorno adesso avremo una striscia rossa e verde come puoi vedere.

106
00:08:02,370 --> 00:08:09,440
E se provo e andiamo a tagliare i campeggi e otteniamo un

107
00:08:09,780 --> 00:08:14,070
errore, puoi vederlo solo in quello rosso.

108
00:08:17,440 --> 00:08:20,020
E poi se faccio qualcosa di simile iscrivermi con un po

109
00:08:20,610 --> 00:08:23,870
'di jibberish e poi vado per disconnetterti puoi vedere che compare nella sezione verde.

110
00:08:27,210 --> 00:08:32,350
Quindi quello che abbiamo fatto è solo differenziato tra due diversi tipi di messaggi.

111
00:08:32,880 --> 00:08:36,920
E potremmo aggiungere quanti ne vogliamo così non ci sono regole.

112
00:08:36,930 --> 00:08:40,910
Se vogliamo usare bootstrap, vogliamo andare con queste classi diverse.

113
00:08:41,400 --> 00:08:45,110
Ma per quanto riguarda la nostra classificazione, possiamo mettere tutto ciò che vogliamo in

114
00:08:45,750 --> 00:08:52,200
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.

115
00:08:52,200 --> 00:08:57,430
Ma mi sto attaccando al successo e all'errore.

116
00:08:57,750 --> 00:08:59,730
Ora affrontiamo il problema di queste due caselle, gli avvisi sono sempre lì anche se sono vuoti.

117
00:09:00,090 --> 00:09:06,340
Quello che dovremo fare è andare nel nostro file

118
00:09:06,480 --> 00:09:15,540
di intestazione e aggiungere una dichiarazione if con il nostro Ejay Sì, avremo se.

119
00:09:15,590 --> 00:09:16,300
E fammi aggiungere le parentesi per iniziare e ne faremo uno per errore proprio così.

120
00:09:16,480 --> 00:09:25,160
Non nella nostra dichiarazione IF lì.

121
00:09:25,230 --> 00:09:27,980
Nella nostra parentesi di chiusura, inizieremo con quella.

122
00:09:28,680 --> 00:09:32,910
Quindi, quello che faremo è controllare se c'è un errore e in realtà deve apparire come questo.

123
00:09:32,910 --> 00:09:39,450
Quindi se la lunghezza dell'errore e dell'errore è maggiore di zero.

124
00:09:39,450 --> 00:09:46,880
E il motivo per cui c'è solo l'esistenza di errori non è sufficiente per noi per voler visualizzare l'errore.

125
00:09:47,700 --> 00:09:57,800
Quindi per esempio adesso l'errore è vuoto.

126
00:09:57,810 --> 00:10:00,290
Non c'è testo al suo interno, non c'è una stringa, ma non è indefinito, ma è ancora visibile qui.

127
00:10:00,300 --> 00:10:06,920
Quindi, quello che vogliamo fare è controllare se la lunghezza del punto di errore è maggiore di zero.

128
00:10:07,290 --> 00:10:11,440
Perché anche quando l'errore è vuoto quando non c'è nulla in là è ancora un array vuoto.

129
00:10:11,760 --> 00:10:17,660
E se controlliamo solo se c'è un array vuoto che non è falsie.

130
00:10:18,060 --> 00:10:22,610
Ancora una volta potrei mostrartelo qui.

131
00:10:22,650 --> 00:10:24,160
Abbiamo fatto qualcosa di simile.

132
00:10:24,330 --> 00:10:26,480
Un sacco di cose lì

133
00:10:26,610 --> 00:10:28,200
se array vuoto.

134
00:10:30,990 --> 00:10:34,400
Questo registro qualsiasi cosa.

135
00:10:34,910 --> 00:10:37,700
Se premo invio, viene fornito con quel registro.

136
00:10:38,350 --> 00:10:41,510
E questo perché un array vuoto è vero.

137
00:10:41,730 --> 00:10:46,210
Quindi, proprio qui, dove stiamo controllando se l'errore esiste,

138
00:10:46,260 --> 00:10:52,350
potrebbe ancora essere un array vuoto che la maggior parte delle volte è.

139
00:10:52,350 --> 00:10:53,250
Quindi questo è davvero solo un controllo per essere sicuro.

140
00:10:53,250 --> 00:10:55,490
Come diciamo che non avevamo questo codice nel nostro SJS.

141
00:10:55,560 --> 00:11:00,110
Dove sei.

142
00:11:01,110 --> 00:11:01,920
Qui andiamo se non avessimo questo, quindi l'errore e il successo sarebbero indefiniti.

143
00:11:01,920 --> 00:11:07,030
E quella riga di codice impedirebbe semplicemente un errore.

144
00:11:07,410 --> 00:11:09,710
Ma questa è in realtà la parte più importante per verificare se c'è qualcosa nell'array.

145
00:11:09,720 --> 00:11:13,920
Quindi se c'è qualcosa nell'array se la sua lunghezza è maggiore

146
00:11:13,950 --> 00:11:19,650
di zero, allora mostra questo e faremo esattamente la stessa cosa qui, eccetto piuttosto che l'errore.

147
00:11:19,650 --> 00:11:26,740
Controllate invece il successo se abbiamo bisogno anche della nostra parentesi di chiusura.

148
00:11:26,800 --> 00:11:33,140
Tutto ok.

149
00:11:34,320 --> 00:11:34,800
Quindi proviamo questo o accendiamolo di nuovo riavviare il server aggiornare la pagina.

150
00:11:34,800 --> 00:11:40,550
Non vediamo nulla.

151
00:11:40,650 --> 00:11:41,900
Proviamo ad aggiungere un nuovo campeggio.

152
00:11:42,360 --> 00:11:44,020
Ricevo il mio messaggio di lettura Effettua il login per primo.

153
00:11:44,460 --> 00:11:47,720
Registrati ora.

154
00:11:47,910 --> 00:11:53,070
Ora, se esco, ottengo il mio messaggio verde per disconnetterti.

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

156
00:11:57,810 --> 00:11:58,420
Quindi tutto

157
00:11:58,470 --> 00:12:05,400
quello che abbiamo lasciato è ora di andare e aggiungere i messaggi corretti richiamare la richiesta flash nei luoghi appropriati.

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