Tudo bem, de volta.
Então, neste vídeo, continuamos a usar e implementar o flash no último vídeo que instalamos, falamos um pouco
sobre como funciona, usamos o Kinect flash o pacote para nos ajudar aqui.
A idéia novamente é que podemos enviar uma mensagem para a próxima rota para a próxima solicitação para
que possamos exibi-la para o usuário.
E o que queremos fazer agora é em vez de exibi-lo individualmente em cada modelo que
eu fiz uma vez, mas em vez de fazer isso em todas as páginas que queríamos, você potencialmente
possui uma mensagem de erro ou mensagem de sucesso.
Vamos mover esse tipo de código para o cabeçalho, que é um lugar natural para isso.
Então vou abrir o cabeçalho para começar.
Então Parshall's E. J. E o que
podemos fazer é apenas no fundo, depois da barra de navegação, podemos adicionar o H1 e podemos adicionar algo como mensagem.
Vamos manter o mesmo nome.
Agora, a questão é
que a mensagem funcionará com a nossa licença, faça o login no fórum aqui onde estamos passando na mensagem.
Mas em qualquer outra rota, a mensagem será indefinida, o que será problemático.
Como você pode ver aqui.
Então, se eu atualizar a página, ele funciona bem, mas se eu tentar e me inscrever, temos um problema.
A mensagem não está definida.
Isso porque o Registro tem o mesmo arquivo de cabeçalho e a mensagem não foi fornecida.
Então, para consertar isso, quando nos livrarmos desta linha,
aqui vamos cortá-lo realmente e não passá-lo para fazer login individualmente.
Então eu vou para o aplicativo.
Sim.
E exatamente onde temos o
mesmo código onde estamos fazendo o usuário atual, onde passamos o usuário atual para cada modelo, podemos fazer a mesma coisa.
Ou podemos dizer rez local locais a mensagem é igual a solicitação flash ponto erro ou solicitar erro de flash.
Então, se houver algo no flash, teremos acesso ao modelo sob a mensagem.
Então, vou mostrar-lhe que agora, se eu reiniciar a primeira vez se eu atualizar.
Não consegui ver nada.
Eu vou assinar isso agora
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.
Por favor, faça o login primeiro.
Então, deixe-me mostrar-lhe que está funcionando em todas as páginas, então digamos, quando eu sair.
Então, se nós vamos para a rota de saída que está no nosso, eu tenho
aberto, mas vou mostrar-lhe novamente o índice de rotas, onde o log de logout acontece aqui.
Solicite que faça o logout e, logo antes de redirecionar, podemos fazer algo como pedido.
Isso pisca.
E, por enquanto, eu estou
mantendo isso como um erro porque é isso que eu configurei e simplesmente diremos que você logar-se assim.
Agora, se eu reiniciar.
Deixe-me inscrever-se aqui, assim como alguém apenas faz lei.
Inscrição perfeita.
Ótimo.
Agora, se eu clicar na lei, desconheço-me e, se puder da página, ele vai embora.
Então, temos esta interface dessa maneira de enviar uma mensagem para um usuário ou uma mensagem que queremos durar.
ou ir a outro lado, não queremos que persistamos e temos essa exibição em todas as páginas porque a
temos no cabeçalho para que não possamos renderizar manualmente uma variável e passar uma variável.
Basicamente, uma solicitação e é a única solicitação da última resposta e, se o usuário atualizar
Tudo o que temos a fazer agora.
Sempre que queremos
mostrar a um usuário uma espécie de mensagem antes de redirecioná-los, apenas adicionamos pedidos não flash agora
em vez de fazer um erro sempre que mostrei no primeiro vídeo que teríamos um alerta verde ou vermelho basicamente.
Então, um sucesso e um erro e isso é incorporado no bootstrap.
de navegação, você clique nos alertas, você pode ver que
esses são os alertas que se parecem com estas pequenas mensagens com cores diferentes, como os botões.
Então, se você conseguir obter o bootstrap dotcom, clique nos componentes e, à direita, na barra
As cores são chamadas da mesma forma, então há sucesso em aviso e perigo leves.
E usaremos o perigo.
Então, se houver um
erro, como você deve estar logado para fazer isso ou a senha está incorreta, teremos um alerta vermelho.
E se
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
ou podemos fazer algo como o comentário criado com sucesso o que quisermos, usaremos o verde aqui. sucesso.
Então, estes são a div div div e vamos começar com o perigo.
Então, vai copiar isso na verdade e ir para o
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.
Então, isso só será uma mudança estilística.
Então, se eu atualizar a página novamente aviso que é antes de tudo.
E é porque acabamos de adicioná-lo, por isso não
importa se não há mensagem se estiver vazia ou não.
Então, vamos consertar isso, mas também aviso que vai todo o caminho na tela o que não é ideal.
Então, deixe-me adicionar algum texto para mostrar o que quero dizer.
Esta não é uma ótima mensagem para um usuário.
Então, o que faremos para consertá-lo no curto prazo e isso também será uma solução a longo prazo.
Mas antes de corrigir o problema sempre está lá, mesmo que não haja mensagem,
vamos adicionar em apenas um outro contêiner e colocar nosso alerta nesse recipiente.
Então, no topo de cada página se eu atualizar Eu agora
tenho uma mensagem está vazia, mas se eu fizer algo como tentar e ir para adicionar um novo acampamento, recebo minha mensagem.
Por favor, faça o login primeiro.
E é claro que ainda temos que desenhar esse formulário para que possamos chegar lá.
Mas, pelo menos, parece estar relativamente acabado.
Então está funcionando bem.
Mas ainda não temos como
diferenciar entre verde e vermelho ou sucesso e erro e isso será muito fácil para nós.
Então, a idéia é que, quando
nos livrarmos dessa forma, é que, quando pisoteamos, podemos fazer algo como log-lo e nós queremos que isso seja um sucesso.
deslizar sempre onde queremos um diálogo de perigo vermelho ou alerta de perigo.
Então eu adicionei em sucesso, mas então podemos ter algo como no nosso middleware que já temos onde queremos
Então, temos essas duas maneiras e podemos adicionar qualquer coisa que possamos fazer informações que poderíamos chamar este blog.
Isso não está relacionado ao bootstrap desnecessariamente.
Isto é exatamente o que estamos adicionando no flash sob a chave.
Mas eu vou mantê-lo como erro e sucesso, então o que precisamos
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.
Então, um para o erro e agora chame esse erro
de ponto local do redstart local e então teremos outro para o sucesso exatamente assim.
Então, agora temos dois dados diferentes em nosso modelo.
Ambos estarão vazios a maior parte do tempo.
Normalmente, não há algo a ser exibido.
Mas então, se houver um erro em vez da variável de erro, poderemos acessar isso.
Se adicionarmos algo a um flash com sucesso por que acessar isso nesta variável de acesso dentro do modelo.
Então, agora vamos ao nosso modelo para um cabeçalho e simplesmente duplique isso, exceto que um perigo
de alerta fará sucesso de alerta e, ao invés de uma mensagem que não existe, haverá erro aqui e sucesso.
Essas são as duas variáveis ​​redefinidas.
Se eu atualizar agora, teremos uma faixa vermelha e verde como você pode ver.
E se eu tentar e vamos para acampar acampamentos e obter um erro, você
pode ver que ele só aparece naquele vermelho.
E então, se eu fizer algo, inscreva-me com algum jibberish
e depois vou sair, você pode ver que ele aparece na seção verde.
Então o que fizemos lá é apenas diferenciado entre dois tipos diferentes de mensagens.
E podemos adicionar o que quisermos, de modo que não há regras.
Se quisermos usar o bootstrap, queremos ir com essas diferentes classes.
Mas, no que diz respeito à nossa própria classificação, podemos colocar o que quer
que desejemos, para que possamos ter se voltarmos aqui, onde estamos fazendo o flash, podemos ter algo que colocamos aqui em vez de sucesso.
Mas fico com sucesso e erro.
Agora, vamos abordar a questão dessas duas caixas, os alertas sempre estão lá, mesmo que estejam vazios.
O que precisamos fazer é entrar no nosso arquivo
de cabeçalho e adicionar uma declaração if com o nosso Ejay, sim, teremos se.
E deixe-me apenas adicionar os parênteses para começar e nós faremos um erro por assim dizer.
Não está em nossa declaração IF lá.
Em nosso suporte de fechamento e começaremos com aquele.
Então, o que vamos fazer é verificar se há um erro e ele realmente precisa se parecer com isso.
Portanto, se o erro e o comprimento do erro forem maiores do que zero.
E a razão para isso é apenas ter um erro existir não é suficiente para nós querer mostrar o erro.
Então, por exemplo, agora o erro está vazio.
Não há texto lá, não há nenhuma string, mas não está indefinida, mas ainda está aparecendo aqui.
Então, o que queremos fazer é verificar se o comprimento do ponto de erro é maior que zero.
Porque, mesmo quando o erro está vazio quando não há nada lá ainda é uma matriz vazia.
E se nós apenas verificar se há uma matriz vazia que não é falsa.
Mais uma vez eu poderia mostrar-lhe isso aqui.
Nós fizemos algo assim.
Muitas coisas lá
se vazio.
Isso registra qualquer coisa.
Se eu tocar em Enter, entendo que vem com esse registro.
E isso é porque uma matriz vazia é verdadeira.
Então, aqui mesmo, onde estamos verificando se existe algum
erro, ainda pode ser uma matriz vazia que na maioria das vezes é.
Então, isso realmente é apenas verificar para ter certeza.
Como digamos que não tivemos esse código em nosso SJS.
Onde está voce.
Aí vamos se não tivéssemos isso, então o erro e o sucesso seriam indefinidos.
E essa linha de código apenas evitaria um erro.
Mas esta é realmente a parte mais importante para verificar se há alguma coisa na matriz.
Então, se houver qualquer coisa na matriz se o comprimento for maior do
que zero, então exiba isso e vamos fazer exatamente a mesma coisa aqui, exceto em vez de erro.
Verifique bem, em vez de sucesso, se precisamos também de nosso aparelho de fechamento.
Tudo bem.
Então, vamos tentar isso ou dispará-lo novamente novamente, reinicie o servidor atualizar a página.
Não vemos nada.
Vamos tentar adicionar um novo acampamento.
Recebo minha mensagem lida Faça o primeiro login.
Vamos assinar agora.
Agora, se eu sair, eu recebo o meu log verde para log-lo.
Ótimo.
Então, tudo
o que restamos é realmente ir e adicionar as mensagens corretas, chame o pedido de flash nos lugares apropriados.