1
00:00:00,570 --> 00:00:01,750
Tudo bem, de volta.

2
00:00:01,980 --> 00:00:07,710
Então, neste vídeo, continuamos a usar e implementar o flash no último vídeo que instalamos, falamos um pouco

3
00:00:07,710 --> 00:00:12,020
sobre como funciona, usamos o Kinect flash o pacote para nos ajudar aqui.

4
00:00:12,180 --> 00:00:18,120
A idéia novamente é que podemos enviar uma mensagem para a próxima rota para a próxima solicitação para

5
00:00:18,120 --> 00:00:20,000
que possamos exibi-la para o usuário.

6
00:00:20,430 --> 00:00:25,590
E o que queremos fazer agora é em vez de exibi-lo individualmente em cada modelo que

7
00:00:25,590 --> 00:00:31,410
eu fiz uma vez, mas em vez de fazer isso em todas as páginas que queríamos, você potencialmente

8
00:00:31,410 --> 00:00:34,020
possui uma mensagem de erro ou mensagem de sucesso.

9
00:00:34,020 --> 00:00:38,150
Vamos mover esse tipo de código para o cabeçalho, que é um lugar natural para isso.

10
00:00:38,190 --> 00:00:40,710
Então vou abrir o cabeçalho para começar.

11
00:00:40,710 --> 00:00:43,450
Então Parshall's E. J. E o que

12
00:00:44,220 --> 00:00:53,640
podemos fazer é apenas no fundo, depois da barra de navegação, podemos adicionar o H1 e podemos adicionar algo como mensagem.

13
00:00:53,940 --> 00:00:55,320
Vamos manter o mesmo nome.

14
00:00:55,490 --> 00:00:57,640
Agora, a questão é

15
00:00:57,660 --> 00:01:06,510
que a mensagem funcionará com a nossa licença, faça o login no fórum aqui onde estamos passando na mensagem.

16
00:01:06,510 --> 00:01:07,200
Mas em qualquer outra rota, a mensagem será indefinida, o que será problemático.

17
00:01:07,260 --> 00:01:11,740
Como você pode ver aqui.

18
00:01:11,900 --> 00:01:13,040
Então, se eu atualizar a página, ele funciona bem, mas se eu tentar e me inscrever, temos um problema.

19
00:01:13,260 --> 00:01:18,170
A mensagem não está definida.

20
00:01:18,210 --> 00:01:19,550
Isso porque o Registro tem o mesmo arquivo de cabeçalho e a mensagem não foi fornecida.

21
00:01:19,720 --> 00:01:25,290
Então, para consertar isso, quando nos livrarmos desta linha,

22
00:01:25,290 --> 00:01:31,530
aqui vamos cortá-lo realmente e não passá-lo para fazer login individualmente.

23
00:01:31,530 --> 00:01:33,790
Então eu vou para o aplicativo.

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

25
00:01:35,160 --> 00:01:36,230
E exatamente onde temos o

26
00:01:37,110 --> 00:01:42,210
mesmo código onde estamos fazendo o usuário atual, onde passamos o usuário atual para cada modelo, podemos fazer a mesma coisa.

27
00:01:42,300 --> 00:01:45,660
Ou podemos dizer rez local locais a mensagem é igual a solicitação flash ponto erro ou solicitar erro de flash.

28
00:01:45,900 --> 00:01:56,160
Então, se houver algo no flash, teremos acesso ao modelo sob a mensagem.

29
00:01:56,520 --> 00:02:01,930
Então, vou mostrar-lhe que agora, se eu reiniciar a primeira vez se eu atualizar.

30
00:02:02,190 --> 00:02:07,440
Não consegui ver nada.

31
00:02:07,440 --> 00:02:08,460
Eu vou assinar isso agora

32
00:02:08,490 --> 00:02:14,960
funciona e não há nada para ser piscado, mas se eu tentar e desencadear isso novamente, então eu vou para acampar tentando experimentar um novo, eu recebo minha mensagem.

33
00:02:14,970 --> 00:02:19,120
Por favor, faça o login primeiro.

34
00:02:19,140 --> 00:02:20,910
Então, deixe-me mostrar-lhe que está funcionando em todas as páginas, então digamos, quando eu sair.

35
00:02:21,420 --> 00:02:26,370
Então, se nós vamos para a rota de saída que está no nosso, eu tenho

36
00:02:26,370 --> 00:02:31,850
aberto, mas vou mostrar-lhe novamente o índice de rotas, onde o log de logout acontece aqui.

37
00:02:31,930 --> 00:02:36,510
Solicite que faça o logout e, logo antes de redirecionar, podemos fazer algo como pedido.

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

39
00:02:41,380 --> 00:02:43,050
E, por enquanto, eu estou

40
00:02:43,320 --> 00:02:49,200
mantendo isso como um erro porque é isso que eu configurei e simplesmente diremos que você logar-se assim.

41
00:02:49,440 --> 00:02:51,820
Agora, se eu reiniciar.

42
00:02:51,840 --> 00:02:54,360
Deixe-me inscrever-se aqui, assim como alguém apenas faz lei.

43
00:02:55,800 --> 00:03:00,430
Inscrição perfeita.

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

45
00:03:04,200 --> 00:03:05,010
Agora, se eu clicar na lei, desconheço-me e, se puder da página, ele vai embora.

46
00:03:05,010 --> 00:03:11,830
Então, temos esta interface dessa maneira de enviar uma mensagem para um usuário ou uma mensagem que queremos durar.

47
00:03:12,150 --> 00:03:18,780
ou ir a outro lado, não queremos que persistamos e temos essa exibição em todas as páginas porque a

48
00:03:18,840 --> 00:03:24,190
temos no cabeçalho para que não possamos renderizar manualmente uma variável e passar uma variável.

49
00:03:24,190 --> 00:03:30,090
Basicamente, uma solicitação e é a única solicitação da última resposta e, se o usuário atualizar

50
00:03:30,090 --> 00:03:35,640
Tudo o que temos a fazer agora.

51
00:03:35,640 --> 00:03:36,620
Sempre que queremos

52
00:03:36,630 --> 00:03:42,750
mostrar a um usuário uma espécie de mensagem antes de redirecioná-los, apenas adicionamos pedidos não flash agora

53
00:03:42,760 --> 00:03:49,680
em vez de fazer um erro sempre que mostrei no primeiro vídeo que teríamos um alerta verde ou vermelho basicamente.

54
00:03:49,680 --> 00:03:53,250
Então, um sucesso e um erro e isso é incorporado no bootstrap.

55
00:03:53,310 --> 00:03:57,780
de navegação, você clique nos alertas, você pode ver que

56
00:03:57,780 --> 00:04:06,000
esses são os alertas que se parecem com estas pequenas mensagens com cores diferentes, como os botões.

57
00:04:06,000 --> 00:04:13,200
Então, se você conseguir obter o bootstrap dotcom, clique nos componentes e, à direita, na barra

58
00:04:13,380 --> 00:04:15,270
As cores são chamadas da mesma forma, então há sucesso em aviso e perigo leves.

59
00:04:15,340 --> 00:04:19,210
E usaremos o perigo.

60
00:04:19,560 --> 00:04:20,990
Então, se houver um

61
00:04:21,000 --> 00:04:27,630
erro, como você deve estar logado para fazer isso ou a senha está incorreta, teremos um alerta vermelho.

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

63
00:04:28,740 --> 00:04:34,830
algo de bom acontecer como se alguém se inscrever, queremos dizer contratos ou se alguém terminar a sessão diremos sucesso, desconectámo-nos

64
00:04:35,120 --> 00:04:40,500
ou podemos fazer algo como o comentário criado com sucesso o que quisermos, usaremos o verde aqui. sucesso.

65
00:04:40,500 --> 00:04:44,300
Então, estes são a div div div e vamos começar com o perigo.

66
00:04:44,310 --> 00:04:47,900
Então, vai copiar isso na verdade e ir para o

67
00:04:47,910 --> 00:04:57,000
meu arquivo de cabeçalho e, ao invés de exibir um H1 e exibir um div e vou adicionar uma mensagem dentro, se essa div for assim.

68
00:04:57,000 --> 00:05:04,970
Então, isso só será uma mudança estilística.

69
00:05:05,280 --> 00:05:07,500
Então, se eu atualizar a página novamente aviso que é antes de tudo.

70
00:05:07,530 --> 00:05:13,120
E é porque acabamos de adicioná-lo, por isso não

71
00:05:13,380 --> 00:05:19,470
importa se não há mensagem se estiver vazia ou não.

72
00:05:19,470 --> 00:05:19,800
Então, vamos consertar isso, mas também aviso que vai todo o caminho na tela o que não é ideal.

73
00:05:19,860 --> 00:05:26,610
Então, deixe-me adicionar algum texto para mostrar o que quero dizer.

74
00:05:26,610 --> 00:05:29,270
Esta não é uma ótima mensagem para um usuário.

75
00:05:32,100 --> 00:05:34,470
Então, o que faremos para consertá-lo no curto prazo e isso também será uma solução a longo prazo.

76
00:05:34,710 --> 00:05:41,140
Mas antes de corrigir o problema sempre está lá, mesmo que não haja mensagem,

77
00:05:41,160 --> 00:05:47,250
vamos adicionar em apenas um outro contêiner e colocar nosso alerta nesse recipiente.

78
00:05:47,250 --> 00:05:51,150
Então, no topo de cada página se eu atualizar Eu agora

79
00:05:51,540 --> 00:05:58,860
tenho uma mensagem está vazia, mas se eu fizer algo como tentar e ir para adicionar um novo acampamento, recebo minha mensagem.

80
00:05:59,730 --> 00:06:03,080
Por favor, faça o login primeiro.

81
00:06:03,120 --> 00:06:04,640
E é claro que ainda temos que desenhar esse formulário para que possamos chegar lá.

82
00:06:04,860 --> 00:06:07,370
Mas, pelo menos, parece estar relativamente acabado.

83
00:06:07,410 --> 00:06:10,550
Então está funcionando bem.

84
00:06:11,040 --> 00:06:12,930
Mas ainda não temos como

85
00:06:13,080 --> 00:06:19,830
diferenciar entre verde e vermelho ou sucesso e erro e isso será muito fácil para nós.

86
00:06:19,830 --> 00:06:21,690
Então, a idéia é que, quando

87
00:06:21,690 --> 00:06:28,350
nos livrarmos dessa forma, é que, quando pisoteamos, podemos fazer algo como log-lo e nós queremos que isso seja um sucesso.

88
00:06:28,350 --> 00:06:32,170
deslizar sempre onde queremos um diálogo de perigo vermelho ou alerta de perigo.

89
00:06:32,430 --> 00:06:37,950
Então eu adicionei em sucesso, mas então podemos ter algo como no nosso middleware que já temos onde queremos

90
00:06:37,950 --> 00:06:44,810
Então, temos essas duas maneiras e podemos adicionar qualquer coisa que possamos fazer informações que poderíamos chamar este blog.

91
00:06:45,210 --> 00:06:50,460
Isso não está relacionado ao bootstrap desnecessariamente.

92
00:06:50,520 --> 00:06:52,940
Isto é exatamente o que estamos adicionando no flash sob a chave.

93
00:06:52,950 --> 00:06:57,130
Mas eu vou mantê-lo como erro e sucesso, então o que precisamos

94
00:06:57,450 --> 00:07:06,300
fazer é, em vez de seu aplicativo, sim, onde estamos passando esses dados por meio de um intervalo, nós realmente teremos duas variáveis ​​diferentes.

95
00:07:06,350 --> 00:07:11,320
Então, um para o erro e agora chame esse erro

96
00:07:11,340 --> 00:07:19,260
de ponto local do redstart local e então teremos outro para o sucesso exatamente assim.

97
00:07:22,530 --> 00:07:23,860
Então, agora temos dois dados diferentes em nosso modelo.

98
00:07:24,510 --> 00:07:27,970
Ambos estarão vazios a maior parte do tempo.

99
00:07:28,050 --> 00:07:30,450
Normalmente, não há algo a ser exibido.

100
00:07:30,450 --> 00:07:31,970
Mas então, se houver um erro em vez da variável de erro, poderemos acessar isso.

101
00:07:31,980 --> 00:07:38,200
Se adicionarmos algo a um flash com sucesso por que acessar isso nesta variável de acesso dentro do modelo.

102
00:07:38,370 --> 00:07:44,010
Então, agora vamos ao nosso modelo para um cabeçalho e simplesmente duplique isso, exceto que um perigo

103
00:07:44,820 --> 00:07:51,780
de alerta fará sucesso de alerta e, ao invés de uma mensagem que não existe, haverá erro aqui e sucesso.

104
00:07:51,980 --> 00:08:00,270
Essas são as duas variáveis ​​redefinidas.

105
00:08:00,390 --> 00:08:02,140
Se eu atualizar agora, teremos uma faixa vermelha e verde como você pode ver.

106
00:08:02,370 --> 00:08:09,440
E se eu tentar e vamos para acampar acampamentos e obter um erro, você

107
00:08:09,780 --> 00:08:14,070
pode ver que ele só aparece naquele vermelho.

108
00:08:17,440 --> 00:08:20,020
E então, se eu fizer algo, inscreva-me com algum jibberish

109
00:08:20,610 --> 00:08:23,870
e depois vou sair, você pode ver que ele aparece na seção verde.

110
00:08:27,210 --> 00:08:32,350
Então o que fizemos lá é apenas diferenciado entre dois tipos diferentes de mensagens.

111
00:08:32,880 --> 00:08:36,920
E podemos adicionar o que quisermos, de modo que não há regras.

112
00:08:36,930 --> 00:08:40,910
Se quisermos usar o bootstrap, queremos ir com essas diferentes classes.

113
00:08:41,400 --> 00:08:45,110
Mas, no que diz respeito à nossa própria classificação, podemos colocar o que quer

114
00:08:45,750 --> 00:08:52,200
que desejemos, para que possamos ter se voltarmos aqui, onde estamos fazendo o flash, podemos ter algo que colocamos aqui em vez de sucesso.

115
00:08:52,200 --> 00:08:57,430
Mas fico com sucesso e erro.

116
00:08:57,750 --> 00:08:59,730
Agora, vamos abordar a questão dessas duas caixas, os alertas sempre estão lá, mesmo que estejam vazios.

117
00:09:00,090 --> 00:09:06,340
O que precisamos fazer é entrar no nosso arquivo

118
00:09:06,480 --> 00:09:15,540
de cabeçalho e adicionar uma declaração if com o nosso Ejay, sim, teremos se.

119
00:09:15,590 --> 00:09:16,300
E deixe-me apenas adicionar os parênteses para começar e nós faremos um erro por assim dizer.

120
00:09:16,480 --> 00:09:25,160
Não está em nossa declaração IF lá.

121
00:09:25,230 --> 00:09:27,980
Em nosso suporte de fechamento e começaremos com aquele.

122
00:09:28,680 --> 00:09:32,910
Então, o que vamos fazer é verificar se há um erro e ele realmente precisa se parecer com isso.

123
00:09:32,910 --> 00:09:39,450
Portanto, se o erro e o comprimento do erro forem maiores do que zero.

124
00:09:39,450 --> 00:09:46,880
E a razão para isso é apenas ter um erro existir não é suficiente para nós querer mostrar o erro.

125
00:09:47,700 --> 00:09:57,800
Então, por exemplo, agora o erro está vazio.

126
00:09:57,810 --> 00:10:00,290
Não há texto lá, não há nenhuma string, mas não está indefinida, mas ainda está aparecendo aqui.

127
00:10:00,300 --> 00:10:06,920
Então, o que queremos fazer é verificar se o comprimento do ponto de erro é maior que zero.

128
00:10:07,290 --> 00:10:11,440
Porque, mesmo quando o erro está vazio quando não há nada lá ainda é uma matriz vazia.

129
00:10:11,760 --> 00:10:17,660
E se nós apenas verificar se há uma matriz vazia que não é falsa.

130
00:10:18,060 --> 00:10:22,610
Mais uma vez eu poderia mostrar-lhe isso aqui.

131
00:10:22,650 --> 00:10:24,160
Nós fizemos algo assim.

132
00:10:24,330 --> 00:10:26,480
Muitas coisas lá

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

134
00:10:30,990 --> 00:10:34,400
Isso registra qualquer coisa.

135
00:10:34,910 --> 00:10:37,700
Se eu tocar em Enter, entendo que vem com esse registro.

136
00:10:38,350 --> 00:10:41,510
E isso é porque uma matriz vazia é verdadeira.

137
00:10:41,730 --> 00:10:46,210
Então, aqui mesmo, onde estamos verificando se existe algum

138
00:10:46,260 --> 00:10:52,350
erro, ainda pode ser uma matriz vazia que na maioria das vezes é.

139
00:10:52,350 --> 00:10:53,250
Então, isso realmente é apenas verificar para ter certeza.

140
00:10:53,250 --> 00:10:55,490
Como digamos que não tivemos esse código em nosso SJS.

141
00:10:55,560 --> 00:11:00,110
Onde está voce.

142
00:11:01,110 --> 00:11:01,920
Aí vamos se não tivéssemos isso, então o erro e o sucesso seriam indefinidos.

143
00:11:01,920 --> 00:11:07,030
E essa linha de código apenas evitaria um erro.

144
00:11:07,410 --> 00:11:09,710
Mas esta é realmente a parte mais importante para verificar se há alguma coisa na matriz.

145
00:11:09,720 --> 00:11:13,920
Então, se houver qualquer coisa na matriz se o comprimento for maior do

146
00:11:13,950 --> 00:11:19,650
que zero, então exiba isso e vamos fazer exatamente a mesma coisa aqui, exceto em vez de erro.

147
00:11:19,650 --> 00:11:26,740
Verifique bem, em vez de sucesso, se precisamos também de nosso aparelho de fechamento.

148
00:11:26,800 --> 00:11:33,140
Tudo bem.

149
00:11:34,320 --> 00:11:34,800
Então, vamos tentar isso ou dispará-lo novamente novamente, reinicie o servidor atualizar a página.

150
00:11:34,800 --> 00:11:40,550
Não vemos nada.

151
00:11:40,650 --> 00:11:41,900
Vamos tentar adicionar um novo acampamento.

152
00:11:42,360 --> 00:11:44,020
Recebo minha mensagem lida Faça o primeiro login.

153
00:11:44,460 --> 00:11:47,720
Vamos assinar agora.

154
00:11:47,910 --> 00:11:53,070
Agora, se eu sair, eu recebo o meu log verde para log-lo.

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

156
00:11:57,810 --> 00:11:58,420
Então, tudo

157
00:11:58,470 --> 00:12:05,400
o que restamos é realmente ir e adicionar as mensagens corretas, chame o pedido de flash nos lugares apropriados.

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