Este vídeo e quando mostrar-lhe algumas outras coisas que podemos fazer em vez de um arquivo Ejaz.
Até agora, tudo o que vimos é adicionar no HDMI normal.
E, em seguida, também usando tags Ejaz para adicionar em uma única linha de javascript que está usando uma variável que
estamos passando através do nosso arquivo de aplicativo usando redstart render ou passando coisas por meio de.
Mas há outras coisas que podemos e faremos todo o tempo usando o Aegeus.
Então vamos falar sobre eles aqui.
exemplos no mundo real desse fluxo de controle e modelos e então vou mostrar-lhe como podemos escrever declarações
IF em cada arquivo e também como podemos escrever loops e em cada caso Arquivo.
Tenho três objetivos principais em mostrar alguns
Deixe-me começar por mostrar um exemplo do que estou falando.
Então eu lê-lo aberto.
Este é o futebol Sobran.
E o que eu quero que você perceba é que há uma lista de posts vinte e cinco nesta página e cada
um segue um formato similar, exceto que eles são um pouco diferentes.
Vamos inspecionar e eu vou mostrar o que quero dizer.
Então eles estão todos dentro de uma div.
Cada um é um div com a classe de entrada, mas eles são um pouco diferentes, já que alguns deles
têm um botão aqui que mostra o vídeo.
Eles podem jogar alguns deles mostram que é um tweet e em alguns dos outros eu também posso expandir o
texto para que eles sigam este formato onde, para cada publicação que estamos recebendo, estamos recebendo um div com entrada de classe e
cada um tem um parágrafo com Classical o título e outro parágrafo da classe igual com tagline e
eles seguem um formato padronizado.
Mas todos são diferentes.
E então, obviamente, o conteúdo também é diferente.
O texto real as palavras o comprimento de tudo isso.
Então, isso é feito com um modelo onde temos uma coleção de postagens e apenas digamos que estávamos escrevendo isso,
obteríamos todas as postagens relacionadas ao futebol do banco de dados, seja qual for a ordem em que estejam.
Eu acho que estamos classificando-os por calor.
No entanto, o Reddit calcula isso.
Então, nós temos todas essas postagens do banco de dados e, em seguida, o que fazemos é percorrer e, para
cada publicação, fazemos um desses itens.
Então nosso arquivo Ejay seria algo assim.
Se eu estivesse apenas escrevendo algum loop de código pseudo em todas as postagens e, em seguida, para cada um o que queremos fazer é
fazer uma postagem dar ou fazer uma entrada Div, eu acho que é o que eles chamaram.
E essa entrada div deve ter um título e uma linha de tag e tudo o que for além disso.
E isso acontecerá para cada publicação.
Então, vamos definir um padrão para uma publicação.
Mas usando a magia de Ejay, adivinemos que podemos fazê-lo repetir para cada item de uma lista ou de cada item
em nosso banco de dados.
A outra coisa que podemos fazer é adicionar alguma lógica condicional para fazer com que as coisas se vejam e se comportam um pouco diferente.
E assim é assim.
Aqui, alguns deles têm um botão de reprodução para o vídeo.
Alguns deles têm um ícone do Twitter.
Alguns deles terão um apito aqui.
Alguns deles têm uma bola de futebol e algum texto que podemos expandir.
E isso é feito com uma declaração if.
Claro que, de forma central, o código diz algo como se este link seja Twitter com ponto e mostre
um logotipo do Twitter se este link for um vídeo ou um gif slash Jeff, porém você o pronuncia.
Em seguida, mostre o ícone de vídeo e faça funcionar este botão.
E se a postagem for uma partida de correspondência, então mostre uma bola de futebol.
Esse é apenas um exemplo em um site da Web de como ter lógica em seus modelos é realmente importante.
Mas qualquer site lá fora, qualquer aplicação web do Facebook Gmail Twitter eles todos usam linguagem de modelos, embora
eles não usem todos nós.
Existem toneladas e toneladas de diferentes sistemas de modelos e linguagens por aí, mas a sua funcionalidade
principal é o mesmo.
A idéia novamente é que podemos adicionar lógica ao nosso HMO.
Então, agora vamos fazer isso e nos livrar disso agora e vamos voltar ao nosso aplicativo.
Sim.
E estamos apaixonados por uma coisa que deixa um bit de lógica muito simples em vez de nosso
modelo que verificará se a coisa que o usuário inseriu está enferrujada então ou exibe uma linha extra que
diz boa escolha ou algo assim .
Então, o que faremos é em nosso amor que cada um de nós primeiro escreva apenas javascript regular e
não será válido, mas vamos escrever o Javascript.
e vamos fazer minúsculas para que possamos explicar letras maiúsculas e minúsculas e, em seguida, vamos diminuir o caso, para minúsculas.
Então, seria algo como se a coisa var Tripoli chama oxidado
Então, se a versão em minúscula da variável coisa for igual a Rusti, então, vamos fazer outra linha.
E eu apenas escreverei isso o afastou aqui, então vamos fazer um parágrafo que diga boa escolha.
Rusty é o melhor.
E, como eu disse, isso não é válido.
Cada Sim.
O que precisamos fazer é avançar e adicionar essas tags em torno do nosso código.
Então vou começar a digitar isso aqui.
Precisa da nossa percentagem igual e depois da mesma coisa aqui e temos que embrulhar cada linha de javascript sempre que
o javascript começa e termina.
Não importa que esta declaração não termine até aqui.
Temos que envolver cada parte individualmente.
Então, o mesmo aqui.
Bem desse jeito.
Agora eu gosto de adicionar espaço e apenas para que seja mais fácil ver o que é o que.
Então você pegou o javascript e mudou-se para o E. J. salvarão e há uma pequena questão.
Sim, as tags, incluindo este suporte de fechamento na parte inferior,
Se eu começar
o meu servidor e eu ire e atualizo, a página me dá um erro de sintaxe.
E o que eu preciso fazer para corrigir isso, eu vou parar o servidor precisa voltar e livrar-se desses sinais de igualdade e
vou explicar por que em apenas um momento, vamos apenas ter certeza de que funciona agora.
Então, o nó de Abdução é sim.
E irá atualizar a página e nós o levaremos para o filme de tater tots.
P. S. Este arquivo é o arquivo DGSE do amor.
Agora vamos nos apaixonar por cortar oxidado.
E agora diz boa escolha.
Rusty é o melhor por causa de nossa declaração if em qualquer outro lugar, embora não tenhamos essa linha.
Então, por que temos que tirar esses sinais de igualdade.
A resposta é que existem dois tipos diferentes de tags e cada Sim.
Deixe-me escrevê-los primeiro.
Então, temos esse conjunto de tags onde há um sinal de igual e este conjunto onde não há sinal igual.
Na verdade, há um terço que veremos mais tarde com um traço.
Mas, por enquanto, esses são os dois que precisamos.
E há uma diferença muito importante entre os dois.
Quando adicionamos o sinal de igual, o valor que é retornado o que esse código retornará dentro daqui será renderizado
para a página.
Será adicionado ao correio do QG.
Então, se tivéssemos algo como cinco mais cinco e tivéssemos algum texto aqui, como eu adoro esses cinco mais cinco
serão avaliados e então acabaremos com 10 em cada equipe.
Mas quando estamos fazendo lógica como uma declaração IF ou o que veremos logo quando usamos um loop.
Nós não queremos que algo seja adicionado ao HD.
Essa lógica está aqui puramente como lógica.
Não é suposto exibir nada.
Isso deve ser exibido, mas não queremos que nossos suportes aparecem ou não queremos que
Stephen apareça.
Então, sempre que fazemos coisas de fluxo de controle de lógica se declarações e loops, não usamos o sinal de igual.
Então, novamente, o sinal de igualdade tomará o valor de retorno e o fará no correio e sem sinal de igual.
Vamos simplesmente executar o código.
A última coisa que vou mostrar é se queríamos fazer outra coisa, basta escrever um javascript regular
e, em seguida, precisamos do nosso suporte de fechamento aqui e devemos lembrar nenhum sinal igual.
E então, o que quer que coloquei aqui, vamos fazer, vamos fazer outro parágrafo e, aqui, apenas dirá
má escolha.
Você deveria ter dito Rusti OK e economizar reiniciar a atualização do servidor e temos má escolha.
Você deveria ter dito Rustie a menos que escrevemos oxidados.
ESTÁ BEM.
maneira diferente, dependendo das variáveis ​​que passamos, mas também dependendo do que a variável é igual.
Então, temos um arquivo agora que está respondendo não apenas de uma
Temos alguma lógica condicional.
Então, a metade do que eu quero falar sobre a outra metade é como podemos usar um loop em um modelo e
fazer isso.
Eu vou definir um novo post e fazer isso.
Vou definir outra rota.
Então, de volta no meu arquivo AP-Reals, vamos adicionar um aplicativo que você obtém e nós apenas receberemos posts como esse.
E o que vamos fazer é definir uma série de postagens e cada postagem terá apenas um título e um autor.
Então vamos definir isso agora.
As postagens de Var são iguais a uma matriz.
E então, dentro dessa matriz, teremos alguns objetos nos quais o título é host.
Um autor é Soozie.
E então, faremos o mesmo apenas para ter alguns dados iniciais e nós vamos passar esses dados até
a nossa visão.
E na visão, vamos passar por isso.
Então, teremos mais posts criativos aqui.
Adorável engraçado.
E você pode acreditar nessa coisa de palm ski hoje.
Eu soletrei isso.
ESTÁ BEM.
E o autor pode ser Charlie.
E então este será eu e vamos economizar e então vamos ler renderizar um arquivo o resto
renderizado e nosso arquivo ainda não existe.
Vamos chamá-lo de ponto do Ejay sim, então, nós passaremos em nossas postagens de dados é igual a postagens.
Então, novamente isso se refere ao nome da variável e as postagens aqui são o que vamos chamar dentro do modelo e é
bastante comum vê-los chamados de exatamente a mesma coisa.
Mas é importante que você saiba que eles são diferentes e isso é tudo o que devemos fazer.
Salve .
E então é claro que precisamos fazer o modelo.
Então, vamos tocar em exibições de barras de exibição.
E. J. Sim.
E então abriremos esse C9 Use slash Post.
E. J. Sim e começaremos por ter um simples aqui que seja a página do Post e vamos adicionar
algumas tags Ejaz e simplesmente imprimir o valor de postagens assim e salvar.
E agora podemos iniciar o aplicativo do nó do servidor que Julius vai
aqui e você precisa ir às mensagens de barra e você pode ver que nosso modelo diz que a página de postagem e quando
imprimimos ou quando usamos o percentual equivale a Ejay como colchetes nós Obtenha a matriz aqui.
Mas na verdade não mostra tudo o que apenas diz objeto de objeto
e queremos passar por cada um e apenas fazer um aliado e os aliados devem dizer o autor e o título.
Então, para fazer isso, vamos escrever o javascript simples primeiro sem Ejay.
Então, vamos ter um loop e vou fazer isso com um loop for primeiro.
Então, para var, igual a zero é menor do que as postagens que ligam mais mais assim.
E então, por dentro, o que faremos é fazer um aliado.
E, por enquanto, vamos colocar a publicação aqui e
dizer que podemos nos livrar disso e então precisamos entrar e embrulhar isso com seus Ejay como colchetes.
E lembre-se de nenhum sinal igual porque não queremos que o próprio loop seja exibido.
É apenas a lógica e fazemos o mesmo para esse suporte na parte inferior e salve.
e ele será impresso em Alwi cada vez que diz que a publicação vai aqui.
E o que esperamos acontecer agora é que ele irá passar de zero até três, então três vezes
E se reiniciar o servidor e atualizar, podemos ver se obtemos
três aliados, é claro.
Agora queremos fazê-los dizer o conteúdo atual da publicação.
Então, esse é um trabalho um pouco mais, em vez de
um aliado que apenas diz que a publicação vai aqui, precisamos adicionar o javascript dentro do aliado.
E o que queremos escrever é postagem alta e nós faremos o título por agora título de ponto.
Lembre-se de cada postagem tem um título e um autor.
OK, então vamos começar o servidor.
Volte aqui atualize e nós ganhamos nossos três títulos.
Vamos fazer uma última coisa que é fazer isso no nosso
modelo para que ele também exiba o autor com um dash e irá manter o autor.
Então, é outro conjunto de tags Ejaz onde vamos salvar posts dot author.
E a razão pela qual precisamos de outro conjunto é que queremos esse traço entre os dois.
E também faça uma tag em negrito.
Faça forte e colocaremos cada um de nós dentro disso.
Então parece muito.
Vamos recuar isso um pouco melhor.
Então, estamos fazendo um aliado para cada pós-ups.
Aqui vamos nós.
E vamos ter um título forte em torno do autor do post.
ESTÁ BEM.
Agora vamos reiniciar e atualizar.
Parece que não salvou o arquivo.
Agora nós somos reiniciados e atualizamos e lá vamos.
Recebemos o post 1 dash o autor que é Soozie e,
em seguida, a próxima publicação do autor Charlie e os autores estão em negrito.
OK, então não precisamos apenas usar um loop for.
Podemos fazer exatamente a mesma coisa com um loop foreach ou while.
E, na verdade, você verá um foreach muito mais
comum, de modo que as mensagens pensadas para cada um e depois escrevemos seu código aqui.
Função post.
E então precisamos adicionar nossos suportes em ambos os lados.
Sem sinal de igual, porque isso não deve aparecer.
É apenas um fluxo de lógica ou controle.
E então, eu apenas vou roubar
esse aliado e correr que faça um aliado com um sinal igual para os nossos dados porque queremos que apareça para cada publicação.
Mas precisamos mudar uma coisa.
Já não estamos usando um loop for.
Não existe eu.
Então, isso só se torna pós-Ídolo, e é por isso que eu prefiro usar um para cada um.
É mais curto, é mais simples.
Mas isso também nos dá a capacidade de nomear esta postagem em vez de postagens.
Eu vejo que não temos que trabalhar com essa variável de índice de qualquer maneira.
É apenas uma questão de preferência pessoal para que ambos façam exatamente a mesma coisa.
Então, veja certifique-se de salvar e reiniciar o servidor.
Uma última vez e atualize.
E agora temos dois conjuntos que são idênticos.
Um deles estabeleceu os três primeiros.
É um loop regular e são três usados ​​para imprimir cada coisa.
Tudo bem.
Então vamos demorar um momento para encerrar tudo.
O grande takeaway que provavelmente
a idéia mais importante aqui é a distinção entre percentuais iguais e apenas por cento.
Lembre-se que isso renderará o que o código retornou dentro dele para o L. É basicamente como um espaço em branco que
será preenchido por qualquer código que seja executado aqui, contra isso, sem sinal igual apenas avalia código, mas na verdade não adiciona nada ao time.
E usaremos esses suportes sem o sinal de igual.
Mais comumente, quatro afirmações if, como fizemos aqui, verificamos se o valor é igual a algo, imprima isso e faça com que este mail faça
o outro t m e também para loops que fizemos aqui.
Então, não há sinais iguais nos loops, mas nos valores
que queremos mostrar no hemo. Naturalmente, adicione o sinal de igual