Questo video e quando mostrarvi alcune altre cose che possiamo fare invece di un file Ejaz.
Fino ad ora tutto ciò che abbiamo visto è l'aggiunta in normale HDMI.
E poi usando anche i tag Ejaz per aggiungere una singola riga di javascript che sta usando una variabile che
stiamo passando dal nostro file app usando il redstart render o passando le cose vars attraverso.
Ma ci sono altre cose che possiamo e faremo sempre usando Aegeus.
Quindi parleremo di loro qui.
esempi nel mondo reale di questo flusso di controllo e modelli e poi ti mostrerò come possiamo scrivere
istruzioni IF in ogni file e anche come possiamo scrivere loop e in ogni caso file.
Ho tre obiettivi principali per mostrarti alcuni
Lasciatemi iniziare mostrando un esempio di ciò di cui sto parlando.
Quindi l'ho letto aperto.
Questo è il calcio Sobran.
E quello che voglio che tu noti è che c'è una lista di messaggi venticinque su questa pagina e
ognuno segue un formato simile, tranne che sono leggermente diversi.
Controlliamo e ti mostrerò cosa intendo.
Quindi sono tutti all'interno di un div.
Ognuno è un div con la classe di entrata ma sono leggermente diversi in quanto alcuni di loro hanno
un pulsante qui che lo mostra al video.
Possono suonare alcuni di essi mostrano che si tratta di un tweet e su alcuni degli altri posso anche
espandere il testo in modo che seguano questo formato in cui per ogni post stiamo ottenendo un div con l'ingresso di classe
e ognuno ha un paragrafo con Classico il titolo e un altro paragrafo della classe uguale a
tagline e seguono un formato standardizzato.
Ma sono tutti diversi.
E poi ovviamente anche il contenuto è diverso.
Il testo reale le parole la lunghezza tutto ciò.
Quindi questo è fatto con un modello in cui abbiamo una raccolta di post e diciamo solo che
stavamo scrivendo questo avremmo ottenuto tutti i post relativi al calcio dal database qualunque ordine essi siano.
Penso che li stiamo classificando per hotness.
Tuttavia, Reddit lo calcola.
Quindi abbiamo tutti questi messaggi dal database e quindi quello che facciamo è passare in rassegna e per ogni
post facciamo uno di questi elementi.
Quindi il nostro file Ejay sarebbe simile a questo.
Se dovessi scrivere solo un ciclo di pseudo-codice attraverso tutti i post e poi per ognuno quello che vogliamo fare è fare
un post dare o fare una voce Div penso che sia come lo chiamavano.
E questo div entry dovrebbe avere un titolo e una tag line e qualsiasi altra cosa vada d'accordo.
E ciò avverrà per ogni singolo post.
Quindi definiremo un modello per un solo post.
Ma usando la magia di Ejay indovina possiamo farla ripetere per ogni oggetto in una lista o ogni
elemento nel nostro database.
L'altra cosa che possiamo fare è aggiungere alcune logiche condizionali per far apparire le cose e comportarsi in modo leggermente diverso.
E così è come.
Qui alcuni di loro hanno un pulsante di riproduzione per il video.
Alcuni di loro hanno un'icona di Twitter.
Alcuni di loro avranno un fischio qui.
Alcuni di loro hanno un pallone da calcio e del testo che possiamo espandere.
E questo è fatto con una dichiarazione if.
Ovviamente a livello centrale il codice dice qualcosa di simile se questo link è Twitter dot com, quindi mostra
un logo di Twitter se questo link è un video o un gif di Jeff, comunque lo pronunci.
Quindi mostra l'icona del video e attiva questo pulsante.
E se il post è un match match, mostra un pallone da calcio.
Questo è solo un esempio su un sito Web di come avere la logica nei tuoi modelli è davvero importante.
Ma qualsiasi sito là fuori qualsiasi applicazione web Facebook Gmail Twitter tutti usano il linguaggio dei modelli anche se
non tutti usano Ejay noi.
Ci sono tonnellate e tonnellate di diversi sistemi e linguaggi per i modelli, ma la loro funzionalità
principale è la stessa.
L'idea è di nuovo che possiamo aggiungere logica al nostro HMO.
Quindi ora andiamo a farlo e sbarazzati di questo per ora e torniamo alla nostra app.
Sì.
E questo innamorato di cosa lascia fuori un po 'di logica davvero semplice invece del nostro modello
che controllerà se la cosa che l'utente ha inserito è arrugginita o mostra una linea in più che dice
buona scelta o qualcosa del genere .
Quindi quello che faremo è nel nostro amore che ognuno di noi scriverà per primo solo javascript regolare
e non sarà valido, ma scriveremo semplicemente Javascript.
e facciamo le lettere minuscole in modo che possiamo tenere conto delle lettere maiuscole e minuscole e poi scendiamo il caso così in minuscolo.
Quindi sarebbe qualcosa di simile se la cosa var Tripoli chiama arrugginito
Quindi se la versione minuscola della variabile cosa è uguale a Rusti, faremo un'altra riga.
E lo scriverò proprio qui, quindi faremo un paragrafo che dice Buona scelta.
Rusty è il migliore.
E come ho detto questo non è valido.
Ogni sì.
Quello che dobbiamo fare è andare avanti e aggiungere questi tag al codice.
Quindi inizierò a digitarlo qui.
Hai bisogno della nostra percentuale uguale e poi della stessa cosa qui e dobbiamo avvolgere ogni riga di javascript ogni volta
che javascript inizia e finisce.
Non importa che questa affermazione non finisca qui.
Dobbiamo avvolgere ogni parte di esso individualmente.
Quindi la stessa cosa qui.
Proprio così.
Ora mi piace aggiungere spazio e solo così è più facile vedere cosa è cosa.
Quindi hai preso javascript e spostato il rafting E. J. salveranno e c'è un leggero problema.
I tag Sì, inclusa questa parentesi di chiusura nella parte inferiore,
Se avvio il
mio server e vado a ricaricare la pagina mi viene dato un errore di sintassi.
E quello che devo fare per risolvere questo problema, impedirò al server di tornare indietro e liberarmi di questi
segni uguali e spiegherò perché in un attimo basta accertarsi che funzioni ora.
Quindi, l'adduttore del nodo sì.
E aggiorneremo la pagina e ti procureremo un film di tater.
P. S. Questo file è il file DGSE dell'amore.
Ora andiamo ad innamorarmi di slash arrugginito.
E ora dice Buona scelta.
Rusty è il migliore a causa della nostra dichiarazione if in qualsiasi altro luogo, anche se non otteniamo quella linea.
Quindi, perché dobbiamo togliere quegli stessi segni.
La risposta è che ci sono due diversi tipi di tag e ogni Sì.
Lascia che le scriva prima.
Quindi abbiamo questo set di tag dove c'è un segno di uguale e questo set dove non c'è un segno di uguale.
In realtà c'è un terzo che vedremo in seguito con un trattino.
Ma per ora questi sono gli unici due di cui abbiamo bisogno.
E c'è una differenza molto importante tra i due.
Quando aggiungiamo il segno di uguale il valore che viene restituito, indipendentemente dal ritorno di questo codice all'interno di qui, verrà
reso alla pagina.
Sarà aggiunto alla posta HQ.
Quindi, se avessimo qualcosa come cinque più cinque e avessimo del testo qui come adoro questo cinque più cinque saranno
valutati e quindi finiremo con 10 in ogni squadra stessa.
Ma quando stiamo facendo la logica come una dichiarazione IF o cosa vedremo tra poco quando usiamo un ciclo.
Non vogliamo che qualcosa venga aggiunto all'HD.
Questa logica è qui puramente come logica.
Non dovrebbe mostrare nulla.
Questo dovrebbe essere mostrato ma non vogliamo che le nostre parentesi vengano mostrate o non vogliamo che
Stephen mostri.
Quindi ogni volta che eseguiamo il flusso di controllo logico se le istruzioni e i cicli non vengono utilizzati, il segno di uguale non viene utilizzato.
Quindi di nuovo il segno di uguale prenderà il valore di ritorno e lo inserirà nella posta e nessun segno di uguale.
Eseguiremo semplicemente il codice.
L'ultima cosa che mostrerò è se volessimo fare un altro qui semplicemente scrivessimo un javascript normale e
poi avremmo bisogno della nostra parentesi chiusa qui e non dovremmo ricordare nessun segno uguale.
E poi qualsiasi cosa io metta qui facciamo un altro paragrafo e qui dirò solo una
cattiva scelta.
Dovresti aver detto Rusti OK e salvare riavviare l'aggiornamento del server e otteniamo una cattiva scelta.
Avresti dovuto dire Rustie a meno che non digitiamo arrugginito.
OK.
diverso a seconda delle variabili che passiamo, ma anche in base a quale è la variabile.
Quindi ora abbiamo un file che risponde non solo in modo
Abbiamo una logica condizionale.
Quindi questa è metà di ciò di cui voglio parlare dell'altra metà è come possiamo usare un loop in un template
e farlo.
Definirò un nuovo post e lo farò.
Definirò un altro percorso.
Quindi, tornando nel mio file AP-Reals, aggiungiamo un'app che riceverai e otterremo solo i messaggi di slash in questo modo.
E quello che faremo è definire una serie di post e ogni post avrà solo un titolo e un autore.
Quindi lo definiremo adesso.
I messaggi var sono uguali a un array.
E poi all'interno di quell'array ci saranno alcuni oggetti in cui abbiamo il titolo dell'host.
Un autore è Soozie.
E poi faremo la stessa cosa solo per avere alcuni dati di base e passeremo questi dati fino
alla nostra vista.
E dal punto di vista lo attraverseremo.
Quindi avremo alcuni post più creativi qui.
Adorabile divertente.
E puoi credere a questo sci di palma oggi.
Lo sillaba
OK.
E l'autore può essere Charlie.
E poi questo sarà me stesso e noi salveremo e quindi leggiamo il rendering di un file il resto del
rendering e il nostro file non esiste ancora.
Chiamiamolo semplicemente Punto post Ejay sì poi passeremo nei nostri post di dati è uguale a post.
Quindi di nuovo questo si riferisce al nome della variabile e post qui è ciò che chiameremo all'interno del template ed
è piuttosto comune vederli chiamati esattamente la stessa cosa.
Ma è importante che tu sappia che sono diversi e questo è tutto ciò che dovremmo avere bisogno di fare.
Salvare.
E poi, naturalmente, dobbiamo creare il modello.
Quindi faremo toccare i messaggi di barra delle viste.
E. J. Sì.
E poi apriremo quel C9 con la barra postale.
E. J. Sì e inizieremo semplicemente con una semplice qui che è la pagina del Post e aggiungiamo
alcuni tag Ejaz e stampiamo il valore dei post proprio così e salveremo.
E ora possiamo avviare l'app del nodo del server che Julius va
qui e devi andare ai messaggi di barra e puoi vedere che il nostro template dice la pagina Post e quando stampiamo
o quando usiamo la percentuale equivale a Ejay come parentesi noi ottieni l'array qui.
Ma in realtà non mostra tutto ciò che dice solo oggetto oggetto
e vogliamo sfogliare ognuno di essi e fare semplicemente un alleato e gli alleati dovrebbero dire l'autore e il titolo.
Quindi per farlo scriviamo il javascript in primo luogo senza Ejay noi.
Quindi avremo un ciclo e lo farò prima con un ciclo for.
Quindi per var I uguale a zero è inferiore a post che link plus plus in questo modo.
E poi qui dentro, quello che faremo è diventare un alleato.
E per ora ci limiteremo a postare qui e dire
che possiamo sbarazzarci di questo e quindi dobbiamo entrare e avvolgere questo con i loro Ejay come parentesi.
E non ricordare il segno di uguale perché non vogliamo che il ciclo stesso venga visualizzato.
È solo la logica e facciamo la stessa cosa per questa parentesi in basso e salva.
volte e stamperà ad Alwi ogni volta che dice che il post va qui.
E quello che ci aspettiamo che accada ora passerà da zero fino alle tre tre
E se riavviamo il server e aggiorniamo, possiamo vedere se
otteniamo tre alleati, naturalmente.
Ora vogliamo far dire loro il contenuto effettivo del post.
Quindi questo è un po 'più di lavoro dove invece
di un alleato che dice solo post va qui, dobbiamo aggiungere javascript all'interno dell'alleato.
E quello che vogliamo scrivere sono i post alti e faremo il titolo per ora il titolo del punto.
Ricorda che ogni post ha un titolo e un autore.
OK, quindi avvieremo il server.
Torna qui, aggiorna e otteniamo i nostri tre titoli.
Facciamo un'ultima cosa che è presente nel nostro modello
in modo che visualizzi anche l'autore con un trattino e manterrà l'autore.
Quindi è un altro set di tag Ejaz in cui stiamo andando a salvare post dot author.
E il motivo per cui abbiamo bisogno di un altro set è che vogliamo questo trattino tra i due.
E anche fare un tag in grassetto.
Fai forza e ci metteremo ognuno di noi dentro.
Quindi sembra molto.
Facciamo un rientro un po 'meglio.
Quindi stiamo facendo un alleato per ogni post up.
Eccoci.
E avremo un forte tratto del titolo intorno all'autore del post.
OK.
Ora riavviare e aggiornare.
Sembra che non abbia salvato il file.
Ora siamo riavviati e aggiorniamo e ci siamo.
Otteniamo l'autrice del post 1 l'autore che è Soozie e
poi il prossimo post trattino l'autore Charlie e gli autori sono in grassetto.
OK, quindi non dobbiamo usare solo un ciclo for.
Potremmo fare la stessa identica cosa con un ciclo foreach o while.
E in effetti vedrai un foreach molto più
comunemente, quindi post scritti per ognuno e poi scriviamo il suo codice qui.
Funzione post.
E poi abbiamo bisogno di aggiungere le nostre parentesi su entrambi i lati.
Nessun segno uguale di nuovo perché questo non dovrebbe apparire.
È solo un flusso logico o di controllo.
E poi ho intenzione di rubare questo
alleato e correre a fare un alleato con un segno di uguale per i nostri dati, perché vogliamo che venga mostrato per ogni post.
Ma dobbiamo cambiare una cosa.
Non usiamo più un ciclo for.
Non c'è I.
Quindi questo diventa post-Idol ed è per questo che preferisco usarne uno per ciascuno.
È più breve è più semplice.
Ma questo ci dà anche la possibilità di nominare questo post piuttosto che i post.
Vedo che non dobbiamo lavorare con quella variabile indice comunque.
È solo una questione di preferenze personali, quindi entrambi faranno esattamente la stessa cosa.
Quindi assicurati di salvare e riavviare il server.
Un'ultima volta e aggiorna.
E ora abbiamo due set identici.
Uno ha impostato i primi tre.
È un ciclo normale per il ciclo e ne vengono usati tre per stampare le cose.
Tutto ok.
Quindi prendiamoci un momento per avvolgere tutto.
Il grande takeaway che
probabilmente l'idea più importante qui è la distinzione tra percentuale uguale e solo percentuale.
Ricorda che questo renderà qualsiasi cosa il codice restituito all'interno di esso alla L. È fondamentalmente come uno spazio vuoto che verrà riempito
da qualunque codice venga eseguito qui rispetto a questo senza un segno di uguale valuta solo il codice ma in realtà non aggiunge nulla alla squadra.
E useremo queste parentesi senza il segno di uguale.
Più comunemente quattro se affermazioni come quelle che abbiamo fatto proprio qui, dove abbiamo controllato se il valore è uguale a qualcosa, quindi stampalo e rendi questo messaggio altrimenti
rendi questo tm l e anche per i loop che abbiamo fatto qui.
Quindi non ci sono segni uguali sui loop ma
sui valori che vogliamo mostrare nell'orma. Ovviamente aggiungiamo il segno uguale