Deze video en wanneer je een paar andere dingen die we kunnen doen in plaats van een Ejaz File.
Tot nu toe alles wat we hebben gezien is het toevoegen in de reguliere HDMI.
En dan ook nog met behulp van Ejaz-tags toe te voegen in een enkele lijn van javascript, dat met behulp van een variabele die we op doorreis bent van onze app bestand met roodstaart te maken of het passeren ding vars door.
Maar er zijn andere dingen die we kunnen en zullen de hele tijd met behulp van Aegeus doen.
Dus we gaan hier over hen praten.
Ik heb drie hoofddoelstellingen op een show die u een aantal voorbeelden in de echte wereld van deze control flow en templates en dan ga ik je laten zien hoe we kunnen schrijven als statements in elk bestand en ook hoe we kunnen loops schrijven en in elk geval het dossier.
Laat ik beginnen door te laten zien een voorbeeld van wat ik het over heb.
Dus ik heb gelezen hem open.
Dit is het voetbal Sobran het.
En wat ik wil dat u opmerkt is dat er een lijst van berichten vijfentwintig op deze pagina en elk volgt een vergelijkbaar formaat, behalve dat ze iets anders.
Laten we inspecteren en ik zal je laten zien wat ik bedoel.
Dus ze zijn allemaal binnenkant van een div.
Elk exemplaar is een div met de klas van binnenkomst, maar ze zijn iets anders in dat een aantal van hen hebben een knop hier dat het toont aan video.
Ze kunnen spelen een aantal van hen te laten zien dat het een tweet en op sommige van de anderen kan ik ook de tekst uit te breiden, zodat ze dit formaat waarin voor elke post krijgen we dat we het krijgen van een div met klasse bericht volgen en elk heeft een paragraaf met klassieke de titel en een andere paragraaf van de klasse gelijk met tagline en zij volgen een gestandaardiseerd formaat.
Maar ze zijn allemaal verschillend.
En vervolgens uiteraard de inhoud anders.
De eigenlijke tekst de woorden de lengtes dat alles.
Dus dit wordt gedaan met een template waar we een verzameling van berichten en laten we zeggen dat we waren het schrijven van dit zouden we al het voetbal gerelateerde berichten uit de database welke volgorde deze in te krijgen.
Ik denk dat we hen rangschikking per hotness.
Maar Reddit berekend dat.
Dus hebben we al deze berichten uit de database en wat we doen, is lus door en voor elke post die we maken één van deze items.
Dus onze Ejay bestand zou er ongeveer zo uitzien.
Als ik gewoon schrijven een aantal pseudo-code lus door alle berichten en daarna voor ieder wat we willen doen is het maken van een post geven of er een vermelding Div Ik denk dat is wat ze noemden.
En dat de toegang div moet een titel en een tag lijn en wat er verder gaat samen met het hebben.
En dat zal gebeuren voor elk bericht.
Dus we gewoon een patroon te definiëren voor een post.
Maar het gebruik van de magie van Ejay denk dat we kunnen krijgen om te herhalen voor elk item in een lijst of elk item in onze database.
Het andere wat we kunnen doen is toe te voegen in een aantal voorwaardelijke logica om dingen te laten kijken en een beetje anders gedragen.
En dus dat is hoe.
Hier een aantal van hen hebben een play-knop voor video.
Sommigen van hen hebben een Twitter-icoon.
Sommigen van hen zullen een fluitje hier.
Sommigen van hen hebben een voetbal en een tekst die we kunnen uitbreiden.
En dat is gebeurd met een if-statement.
Natuurlijk centraal de code zegt zoiets als deze link is Twitter dot com dan een Twitter-logo laten zien als deze link is een video of een gif slash Jeff hoe je het uit te spreken.
Dan toon de video icoon en maken deze knop werk.
En als de post is een match draad toont dan een voetbal.
Dat is slechts één voorbeeld op een website van hoe het hebben van logica in uw sjablonen is echt belangrijk.
Maar een site die er een web-applicatie Facebook Gmail Twitter deze allemaal gebruiken templating taal al zijn ze niet allemaal gebruiken Ejay ons.
Er zijn tonnen en tonnen van verschillende templates systemen en talen die er zijn, maar hun kern functionaliteit is allemaal hetzelfde.
Het idee is weer dat we de logica kunnen toevoegen aan onze HMO.
Dus laten we nu gaan doen en zich te ontdoen van deze voor nu en laten we teruggaan naar onze app.
Ja.
En we hebben dit najaar in liefde met wat slaakt een heel erg eenvoudige beetje logica in plaats van onze template die zal controleren of ding als het ding dat de gebruiker ingevoerde roestig is dan weer te geven of een extra regel dat een goede keuze of iets dergelijks zegt .
Dus wat we zullen doen is in onze liefde, dat ieder van ons eerst zal schrijven gewoon normale javascript en het zal niet geldig zijn, maar we gaan gewoon naar de Javascript schrijven.
Dus het zou zoiets als wat var Tripoli roept roestig zijn en laten we in kleine letters te doen, zodat we kunnen goed zijn voor hoofdletters en kleine letters en dan zullen we naar beneden geval dit zo naar kleine letters.
Dus als de kleine letters versie van het ding variabele gelijk is aan Rusti dan gaan we gewoon een andere lijn.
En ik zal gewoon schrijven de randen hem hier dus we een paragraaf die Goede keuze zegt zult maken.
Rusty is de beste.
En zoals ik al zei dit is niet geldig.
Elke Ja.
Wat we moeten doen is ga je gang en voeg deze tags rond onze code.
Dus ik zal beginnen met het typen van dat hier.
Hebben onze percentage is gelijk aan en dan hetzelfde hier en we moeten elke lijn van javascript altijd javascript begint en eindigt wikkelen.
Het maakt niet uit dat deze verklaring niet eindigt pas hier beneden.
We moeten elk deel van haar individueel wikkelen.
Dus hier hetzelfde.
Gewoon zo.
Nu heb ik graag de ruimte toe te voegen en gewoon zo dat het makkelijker is om te zien wat wat is.
Dus je hebt Javascript genomen en verhuisde rafted E.J. Ja labels met inbegrip van deze afsluitende haakje aan de onderkant zal redden en er is een klein probleem.
Als ik begin mijn server en ik gaan en vernieuw de pagina geeft me een syntax error.
En wat ik moet doen om dit op te lossen zal ik stoppen met de server noodzaak om terug te gaan en zich te ontdoen van deze gelijke tekenen en ik zal uitleggen waarom in slechts een moment goed laten we maar zorg ervoor dat het nu werkt.
Dus knooppunt ontvoerder: ja.
En zal de pagina te vernieuwen en we krijgen je film van aardappelkoekjes.
Postscriptum Dit bestand is de liefde DGSE bestand.
Laten we nu gaan om verliefd slash roestig.
En nu zegt Goede keuze.
Rusty is de beste vanwege onze if ergens anders hoewel we niet dat de lijn te krijgen.
Dus waarom moeten we om die gelijke borden weg te nemen.
Het antwoord is dat er twee verschillende soorten markeringen en elke Yes.
Laat me uit te schrijven ze eerst.
Dus hebben we deze set van tags waar er een isgelijkteken en deze set waar er geen gelijk-teken.
Er is eigenlijk een derde dat we later zullen zien met een streepje.
Maar voor nu zijn dit de enige twee die we nodig hebben.
En er is een belangrijk verschil tussen de twee.
Wanneer we het isgelijkteken voegt u de waarde die wordt geretourneerd wat deze code terug binnenkant van hier zal worden verleend aan de pagina.
Het zal aan de HQ mail worden toegevoegd.
Dus als we hadden zoiets vijf plus vijf en we hadden een tekst hier zoals ik hou van deze vijf plus vijf zal worden geëvalueerd en dan zullen we eindigen met 10 in de elk team zelf.
Maar als we de logica doet als een IF statement of wat we zullen zien binnenkort toen we een lus te gebruiken.
We willen niet iets worden toegevoegd aan de HD.
Deze logica is hier puur als logica.
Het is niet de bedoeling om iets te laten zien.
Dit wordt verondersteld om te laten zien, maar we willen niet dat onze beugels opdagen of we niet willen Stephen opdagen.
Dus wanneer we doen logic control flow spullen als statements en lussen we niet het isgelijkteken te gebruiken.
Dus nogmaals zal isgelijkteken de return waarde te nemen en plak het in de e-mail en zijn gelijke niet ondertekenen.
We zullen alleen nog maar de code.
Het laatste wat ik zal zien is als we wilden een anders te doen hier zijn we gewoon schrijven een regelmatige javascript anders en dan moeten we onze haakje sluiten hier beneden en we hebben geen gelijk-teken te herinneren.
En dan wat ik in hier Laten we het doen laten we een andere paragraaf en en hier zal het gewoon zeggen slechte keuze.
Je moet Rusti OK en sla opnieuw op de server refresh hebben gezegd en we krijgen slechte keuze.
U zou hebben gezegd Rustie tenzij we typen roestig.
OK.
We hebben dus een bestand nu reageert niet alleen op een andere wijze afhankelijk van de variabelen die we passeren, maar ook afhankelijk van de variabele gelijk is aan.
We hebben een aantal conditionele logica.
Dus dat is de helft van wat ik wil praten over de andere helft is hoe we een lus kunt gebruiken in een sjabloon en om dat te doen.
Ik ga een nieuwe functie te definiëren en om dat te doen.
Ik zal een andere route te bepalen.
Dus terug in mijn AP-Reals bestand laten we een app die je toe te voegen en we zullen gewoon slash berichten als dat.
En wat we gaan doen, is bepalen een reeks van berichten en elke post zal gewoon een titel en een auteur.
Dus we zullen bepalen dat op dit moment.
Var berichten is gelijk aan een array.
En dan in die serie zal een paar objecten waar we titel host.
Een auteur is Soozie.
En dan zullen we hetzelfde doen gewoon om wat voorgerecht gegevens hebben en we gaan om deze gegevens door te geven aan onze visie.
En in het oog gaan we lus doorheen.
Dus we wat meer creatieve berichten hier.
Adorable grappig.
En kunt u denkt dat deze palm ski ding vandaag.
Ik spell het.
OK.
En de auteur kan Charlie.
En dan is dit zal men mij en we zullen opslaan en we gaan lezen maken een bestand de rest te maken en ons bestand bestaat nog niet.
Laten we noemen het Post dot Ejay ja, dan zullen we pas in onze data berichten is gelijk aan berichten.
Dus ook dit verwijst naar de naam van de variabele en posts hier is wat we zullen noemen in de template en het is vrij normaal om ze te zien genaamd precies hetzelfde.
Maar het is belangrijk dat je weet dat ze zijn verschillend en dat is alles wat we zouden moeten doen.
Besparen.
En dan natuurlijk moeten we de template te maken.
Dus we doen contact uitzicht slash berichten.
E. J ..
Ja.
En dan zullen we openen dat C9 gebruik slash Post.
E.J. Ja, en we beginnen door gewoon hier een eenvoudige, dat is de Post pagina en laat toe te voegen in een aantal Ejaz-tags en gewoon uitprinten de waarde van de berichten, net als dat en zal redden.
En nu kunnen we het serverknooppunt app die Julius gaan hier beginnen en je moet naar berichten slash en je kunt zien we onze template te krijgen, zegt de Post pagina en toen we print het uit of wanneer we het percentage gebruiken gelijk Ejay als haakjes we krijgen de matrix hier.
Maar het hoeft niet echt te laten zien alles wat het zegt enkel object object en we willen lus door elk een en gewoon een bondgenoot en de geallieerden moet zeggen dat de auteur en de titel.
Dus om dat te doen laten we schrijven de vlakte javascript eerste zonder Ejay ons.
Dus we een loop hebben en ik zal het doen met een lus eerste.
Dus voor var ik gelijk nul is minder dan berichten dat plus een link plus, net als dat.
En dan binnen over hier wat we zullen doen is een bondgenoot.
En nu zijn we gewoon gaan om na te zetten gaat hier en zeggen dat we ontdoen van deze kan krijgen en dan moeten we in gaan en wikkel dit met hun Ejay als haakjes.
En vergeet niet gelijk-teken, omdat we niet de lus zelf weer te geven willen.
Het is gewoon de logica en we hetzelfde doen voor deze beugel op de bodem en op te slaan.
En wat we verwachten dat nu gebeuren is zal het doorlussen van nul tot drie zo drie keer en het zal afdrukken Alwi elke keer die zegt na gaat hier.
En als we de server opnieuw op te starten en te vernieuwen kunnen we zien als we drie bondgenoten natuurlijk.
Nu willen we om ze te laten zeggen dat de feitelijke inhoud van het bericht.
Dus dat is een beetje meer werk waar in plaats van een bondgenoot die zegt enkel bericht komt hier moeten we javascript toe te voegen in de bondgenoot.
En wat we willen schrijven is berichten hoog en we zullen gewoon doen de titel voor nu dot titel.
Vergeet niet elk bericht heeft een titel en een auteur.
OK dus zullen we de server opnieuw beginnen.
Ga hier terug te vernieuwen en krijgen we onze drie titels.
Laten we doen een laatste ding dat maakt dit in ons template, zodat het toont ook de auteur met een liggend streepje en zal de auteur houden.
Dus het is een andere set van Ejaz labels waar we naartoe gaan om op te slaan berichten dot auteur.
En de reden dat we een andere set nodig hebben is dat we willen dat dit streepje tussen de twee.
En ook een gedurfde tag.
Doe sterk en wij doen de ieder van ons binnenkant van die plaatsen.
Dus het ziet eruit als een stuk.
Laten we inspringen dit een beetje beter.
Dus we maken een bondgenoot voor elke post ups.
Daar gaan we.
En we gaan om een ​​titel dash sterke rond de post auteur hebben.
OK.
Nu gaan we opnieuw op te starten en te vernieuwen.
Het lijkt erop dat het niet het bestand hebt bewaard.
Nu zijn we hernieuwd en vernieuwen en daar gaan we.
We krijgen berichten 1 scheutje de auteur die Soozie en dan is de volgende post dash de auteur Charlie en de auteurs zijn vetgedrukt.
OK dus hoeven we niet om gewoon gebruik maken van een lus.
We kunnen precies hetzelfde doen met een foreach of een tijdje lus.
En in feite je een foreach zien veel meer in het algemeen, zodat berichten dacht voor elk en dan schrijven we haar code in hier.
Functie bericht.
En dan moeten we onze beugels aan beide kanten toe te voegen.
Geen isgelijkteken weer, want dit is niet de bedoeling om te laten zien.
Het is gewoon logica of control flow.
En dan ga ik gewoon naar deze bondgenoot en uit te voeren dat een bondgenoot te maken met een gelijk teken voor onze data, omdat we willen dat opdagen voor elk bericht te stelen.
Maar we moeten een ding te veranderen.
We zijn niet met behulp van een lus meer.
Er is geen I.
Dus dit wordt gewoon post-Idol dat is de reden waarom ik de voorkeur aan een te gebruiken voor elk.
Het is korter het is eenvoudiger.
Maar dit geeft ons ook de mogelijkheid om deze post in plaats van berichten te noemen.
Ik zie dat we niet hoeven te werken met die index variabele toch.
Het is gewoon een kwestie van persoonlijke voorkeur, zodat deze zullen beide doen precies hetzelfde.
Zo zie zorg ervoor om op te slaan en de server opnieuw.
Een laatste keer en refresh.
En we hebben nu twee sets die identiek zijn.
Een set van de eerste drie.
Het is een regelmatige voor lus en drie gebruikt voor elk om dingen uit te drukken.
Okee.
Dus laten we een moment nemen om alles inpakken.
De grote afhaalmaaltijd dat waarschijnlijk de belangrijkste idee hier is het onderscheid tussen procent gelijken en gewoon procent.
Vergeet niet dat dit zal maken wat de code terug binnenkant van het aan de L ..
Het is eigenlijk net als een lege ruimte die zal worden ingevuld door welke code wordt uitgevoerd in hier versus dit zonder isgelijkteken alleen evalueert code, maar het heeft niet echt iets toe te voegen aan het team.
En we zullen deze beugels te gebruiken zonder het isgelijkteken.
Meestal vier als uitspraken als wij deden hier, waar we gekeken of de waarde gelijk is aan iets dan is deze af te drukken en deze e-mail op een andere manier die andere t m l en ook voor loops die wij hier deden.