Ten film i kiedy pokazać kilka innych rzeczy, które możemy zrobić, zamiast pliku Ejaz.
Do tej pory wszystko, co widzieliśmy jest dodanie w regulaminowym HDMI.
A potem również za pomocą tagów Ejaz dodać w jednej linii kodu JavaScript, który jest za pomocą zmiennej że jesteś przejazdem z naszej aplikacji za pomocą pliku Kopciuszek świadczyć, lub przechodząc przez rzeczą Vars.
Ale są też inne rzeczy, które możemy i zrobi się cały czas za pomocą aegeus.
Więc mamy zamiar rozmawiać o nich tutaj.
Mam trzy główne cele na pokazie Ci kilka przykładów w realnym świecie to przepływ sterowania i szablonów, a potem mam zamiar pokazać, jak można napisać IF w każdym pliku, a także w jaki sposób można napisać pętle i w każdym przypadku plik.
Zacznę od pokazujący przykład tego, co mówię.
Więc Znam go otworzyć.
To jest piłka nożna Sobran go.
A to, co chcę Ci zauważyć, że istnieje wykaz stanowisk dwadzieścia pięć na tej stronie i każdy z nich jest podobny format, chyba, że ​​są nieco inne.
Załóżmy, inspekcji i pokażę ci, co mam na myśli.
Więc wszyscy są wewnątrz div.
Każdy z nich jest div z klasą wejścia ale są nieco odmienne, że niektóre z nich mają tu przycisk, który pokazuje go na wideo.
Mogą one odgrywać niektóre z nich wskazują, że jest to tweet oraz niektórych innych te można również rozszerzyć tekst więc następujący format, gdzie dla każdego postu jesteśmy coraz jesteśmy coraz div z wejściem klasy i każdy z nich ma pkt z klasycznymi tytułem, a drugi akapit klasy równy tagline a one idą za ujednoliconym formacie.
Ale są różne.
A potem oczywiście zawartość jest również inna.
Sama treść słowa Długości wszystko.
Więc to jest wykonywane za pomocą szablonu, gdzie mamy zbiór stanowisk oraz Powiedzmy pisaliśmy tego chcemy uzyskać wszystkie stanowiska piłkarskich związanych z bazy danych dowolnej kolejności te są.
Myślę, że ranking je gorąca.
Jednak Reddit oblicza tego.
Mamy więc te wszystkie posty z bazy danych, a następnie, co możemy zrobić, to pętlę przez i dla każdego postu wykonujemy jeden z tych elementów.
Więc nasz plik Ejay będzie wyglądać następująco.
Gdybym tylko napisać trochę kodu pseudo pętli wszystkich stanowisk, a następnie dla każdego z nich, co chcemy zrobić, to po dać lub dokonać wpisu Div moim zdaniem jest to, co nazywa się go.
A że wejście div powinien mieć tytuł i slogan i cokolwiek idzie razem z nim.
I tak się stanie dla każdego postu.
Więc po prostu zdefiniować wzorzec dla jednego stanowiska.
Ale za pomocą magii eJay Chyba możemy dostać to powtórzyć dla każdej pozycji na liście lub każdy element w naszej bazie danych.
Inną rzeczą, jaką możemy zrobić, to dodać w jakiejś logiki warunkowej, aby rzeczy wyglądają i zachowują się nieco inaczej.
I tak to w jaki sposób.
Oto niektóre z nich mają przycisk odtwarzania na wideo.
Niektóre z nich mają ikonę Twitter.
Niektóre z nich będą miały tu gwizdek.
Niektóre z nich mają piłki nożnej i jakiś tekst, który możemy rozwinąć.
I to się robi z if.
Oczywiście centralnie kod mówi coś podobnego, jeśli ten link jest Twitter dot com następnie pokazać Twitter logo, czy ten link jest wideo lub gif slash Jeff jednak to wymawia.
Następnie pokazać ikonę wideo i uczynić tę pracę przycisku.
A jeśli post jest wątek mecz następnie pokazać piłki nożnej.
To tylko jeden z przykładów na jednej stronie internetowej, jak mając logiki w szablonach jest naprawdę ważne.
Ale każda strona tam każda aplikacja internetowa Gmail Facebook Twitter wszyscy go używać templating języka, choć nie wszyscy używać eJay nas.
Istnieje mnóstwo i mnóstwo różnych systemów szablonowych i języki tam, ale ich podstawowe funkcje są takie same.
Ideą jest to, że znów możemy dodać logikę naszej HMO.
Więc teraz chodźmy zrobić i pozbyć się tego teraz i wróćmy do naszej aplikacji.
Tak.
I mamy tego Zakochaj się w coś wypuszcza naprawdę bardzo prosty kawałek logiki zamiast naszego szablonu, który sprawdzi, czy rzeczy, jeżeli rzecz, że użytkownik wpisany jest zardzewiałe, a następnie on lub wyświetlał dodatkowy wiersz, który mówi dobry wybór czy coś takiego ,
Więc co zrobimy w naszej miłości, że każdy z nas będzie najpierw napisać po prostu regularne JavaScript i nie będzie ważne, ale my po prostu będziemy pisać Javascript.
Więc byłoby to coś jak gdyby rzeczą var Trypolis wzywa zardzewiała i zróbmy małe litery, tak że możemy stanowić duże i małe litery, a następnie przypadku będziemy dół to tak na małe litery.
Więc jeśli dolna wersja przypadek zmiennej rzeczą jest równa Rusti następnie musimy po prostu zrobić kolejny wiersz.
A ja po prostu napisać krawędziach go tu tak zrobimy paragraf, który mówi, dobry wybór.
Rusty jest najlepszy.
I tak jak powiedziałem to nie jest ważne.
Każdy Tak.
Co musimy zrobić, to iść do przodu i dodać te znaczniki wokół naszego kodu.
Więc zacznę pisać, że tu.
Potrzebują naszej równy procent, a następnie to samo tutaj i musimy otoczyć każdą linię javascript najbliższym javascript zaczyna się i kończy.
To nie ma znaczenia, że ​​stwierdzenie to nie kończy się aż na dół.
Mamy owinąć każdą część jej indywidualnie.
Tak samo tutaj.
Właśnie tak.
Teraz chciałbym dodać przestrzeń i tak, że łatwiej jest zobaczyć, co jest co.
Więc wziąłem JavaScript i przeniósł rafted EJ Tak tagi włącznie z tym wspornikiem zamknięcia na dolnym końcu zbawi i tam jest jeden niewielki problem.
Jeśli zacznę mój serwer i pójdę i odświeżyć stronę daje mi błąd składni.
A co muszę zrobić, aby rozwiązać ten problem Wpadnę potrzebę serwera, aby wrócić i pozbyć się tych samych oznaczeń i wytłumaczę, dlaczego za chwilę dobrze niech po prostu upewnić się, że teraz działa.
Więc węzłem porywacza na Tak.
I odśwież stronę, a my Ci warstwę tater.
Postscriptum Ten plik jest plikiem miłość DGSE.
Teraz chodźmy się zakochać slash zardzewiałe.
A teraz mówi dobry wybór.
Rusty jest najlepszy ze względu na naszą if nigdzie indziej, choć nie mamy tej linii.
Więc dlaczego mamy zabrać te znaki równości.
Odpowiedź jest, że istnieją dwa rodzaje znaczników i każdy tak.
Zapiszę je w pierwszej kolejności.
Mamy więc ten zestaw tagów gdzie jest znak równości i ten zestaw, w którym nie ma znaku równości.
Tam faktycznie jest trzecim, co zobaczymy później z myślnikiem.
Ale na razie są to tylko dwa potrzebujemy.
I jest to bardzo istotna różnica między tymi dwoma.
Gdy dodamy do tego znaku równości wartość, która zostanie zwrócona, co ten kod zwraca wewnątrz tutaj będzie wyświetlany na stronie.
będzie on dodany do poczty HQ.
Jeśli więc coś jak pięć oraz pięć i mieliśmy jakiś tekst tu jak kocham to pięć Plus pięć zostaną ocenione, a następnie będziemy skończyć z 10 w każdej samego zespołu.
Ale kiedy robimy logiki jak oświadczenie, czy i co zobaczymy wkrótce, gdy używamy pętli.
Nie chcemy coś do dodania do HD.
Ta logika jest tu wyłącznie jako logiki.
To nie ma nic do wyświetlenia.
To ma wyświetlać, ale nie chcemy nasze uchwyty wyświetlane lub nie chcemy Stephen wyświetlane.
Więc gdy robimy rzeczy przepływ sterowania logiką if i pętle nie używamy znaku równości.
Więc znowu znak równości odbędzie zwracanej wartości i trzymać go w mailu i bez znaku równości.
Musimy po prostu uruchomić kod.
Ostatnią rzeczą, pokażę to jeśli chciał zrobić jeszcze tu wystarczy napisać regularny indziej JavaScript, a następnie musimy naszą kątownik zamykający tutaj i musimy pamiętać nie znak równości.
A potem co kładę tutaj zróbmy zróbmy kolejny punkt i i tutaj po prostu powiedzieć złego wyboru.
Trzeba było powiedzieć Rusti OK i zapisz restart serwera i odświeżenia mamy zły wybór.
Trzeba było powiedzieć Rustie chyba wpisujemy zardzewiałe.
OK.
Tak więc jeden plik teraz, że reaguje nie tylko w różny sposób w zależności od zmiennych, które przechodzą w, ale także w zależności od tego, co zmienna jest równa.
Mamy pewną warunkową logikę.
Więc to połowa tego, co chcę mówić o drugiej połowie jest w jaki sposób możemy wykorzystać pętlę w szablonie, a aby to zrobić.
Idę do zdefiniowania nowego posta i to zrobić.
Będę zdefiniować inną trasą.
Więc z powrotem w moim AP-Real file dodajmy app, które można dostać, a my po prostu posty ukośnymi tym stylu.
A co mamy zamiar zrobić, to zdefiniować szereg stanowisk i każdy post będzie po prostu tytuł i autora.
Więc będziemy określać, że w tej chwili.
Posty Var równa tablicę.
A potem w środku tej tablicy będzie miał kilka obiektów, gdzie mamy tytuł jest gospodarzem.
Jeden autor jest Soozie.
A potem zrobimy to samo tylko mieć pewne dane startowe i zamierzamy przekazać te dane za pośrednictwem naszego widzenia.
A z punktu widzenia będziemy pętli przez nią.
Więc mamy tu jakieś bardziej twórcze posty.
Urocza śmieszne.
A może uważasz, że to Palma coś nart dziś.
I to pisze.
OK.
A autor może być Charlie.
A potem ten będzie mnie i będziemy zapisywać, a następnie jedziemy do zapoznania renderowania pliku reszta tynku i nasz plik jeszcze nie istnieje.
Miejmy tylko nazwać Post kropka Ejay tak to będziemy przechodzić w naszych postach danych jest równa postach.
Więc znowu odnosi się do nazwy tutaj zmiennej i stanowisk, co my nazywamy go wewnątrz szablonu i to dość często można zauważyć je nazywa się dokładnie to samo.
Ale ważne jest, aby wiedzieć, że są różne i to wszystko trzeba zrobić.
Zapisać.
I wtedy oczywiście musimy mieć szablon.
Więc zrobimy dotykowe poglądy slash posty.
E.J ..
Tak.
A potem będziemy otwierać że korzystanie C9 slash Post.
EJ Tak, a my zacząć od tylko o prostą, która jest jedną tutaj stronę słupka i dodajmy w niektórych tagów Ejaz i po prostu wydrukować wartości stanowisk ot tak i będzie oszczędzać.
A teraz możemy uruchomić aplikację węzła serwer Julius przejść tutaj i trzeba iść ciąć posty i widać mamy nasz szablon mówi stronę Post i kiedy go wydrukować lub gdy używamy procent równa eJay w nawiasach mamy tu dostać tablicę.
Ale faktycznie nie pokazać wszystko to po prostu mówi obiektu Object i chcemy pętli każdego z nich i po prostu zrobić sojusznika i sojusznicy powinni powiedzieć, autora i tytuł.
Więc to zrobić niech napisać zwykły javascript najpierw bez eJay nas.
Więc mamy pętlę i zrobię to z pierwszej pętli.
Więc dla mnie równe zeru var wynosi mniej niż stanowisk, które łączą Plus Plus tak po prostu.
A następnie wewnątrz tutaj co zrobimy to zrobić sojusznika.
A teraz jesteśmy po prostu zamiar umieścić posta tutaj i powiedzieć, że możemy pozbyć się tego, a potem musimy iść i zawinąć to z ich eJay w nawiasach.
I pamiętaj, nie ma znaku równości, ponieważ nie chcemy pętli sama ma być wyświetlany.
To tylko logika i robimy to samo dla tego wspornika na dole i oszczędzać.
A co spodziewamy się dziać to będzie pętli od zera aż do trzech, tak trzy razy i będzie drukować w Alwi za każdym razem, że mówi po idzie tutaj.
A jeśli restart serwera i odświeżyć możemy zobaczyć, czy możemy uzyskać trzy sojuszników oczywiście.
Teraz chcemy, aby uczynić je powiedzieć rzeczywistą treść postu.
Więc to jest trochę więcej pracy, gdzie zamiast sojusznika, który po prostu mówi posta tutaj musimy dodać javascript wewnątrz sojusznika.
A to, co chcemy napisać stanowisk jest wysokie, a my po prostu zrobić tytuł teraz dot tytuł.
Pamiętaj, każdy post ma tytuł i autora.
OK, tak więc zaczniemy na serwer.
Wróć tu odświeżyć i mamy nasze trzy tytuły.
Zróbmy jedną rzecz, która jest zrobić to w naszym szablonie tak, że wyświetla również autor z myślnikiem i będzie trzymać się z autorem.
Więc jest to kolejny zestaw znaczników Ejaz gdzie mamy zamiar zapisać postów dot autora.
A powód potrzebujemy kolejnego zestawu jest to, że chcemy tę kreskę między nimi.
A także śmiały znacznik.
Czy silna, a my umieścić wewnątrz każdego z nas o tym.
Wygląda więc na to dużo.
Załóżmy, wcięcie to trochę lepiej.
Więc robimy sojusznika na każde stanowisko upy.
No to jedziemy.
A my będziemy mieć tytuł kreskę silną wokół autora postu.
OK.
Teraz zajmiemy się ponownie uruchomić i odświeżyć.
Wygląda na to, że nie zapisać plik.
Teraz jesteśmy uruchomiony ponownie i odświeżyć i tam idziemy.
Dostajemy Post 1 kreska autora, który jest Soozie a następnie następnym poście kreska autor Charlie i autorzy są pogrubione.
OK, więc nie trzeba po prostu użyć pętli for.
Mogliśmy zrobić dokładnie to samo z foreach lub pętli while.
I faktycznie zobaczysz foreach znacznie częściej tak stanowisk Myśl na siebie, a potem piszemy jej kod tutaj.
Funkcja postu.
A potem musimy dodać nasze uchwyty po obu stronach.
Nie znak równości ponownie, ponieważ nie ma na celu pokazać.
To jest po prostu logiczne lub przepływu sterowania.
I wtedy ja po prostu się do kradzieży tego sojusznika i bieganie, które czynią sojusznika znaku równości dla naszych danych, ponieważ chcemy, aby pokazać się, że dla każdego postu.
Ale musimy zmienić jedną rzecz.
Nie mamy za pomocą pętli for więcej.
Nie ma I.
Więc to po prostu staje się post-Idol, dlatego wolę używać dla każdego.
Jest krótszy prościej.
Ale to także daje nam możliwość nazwania tego posta zamiast posty.
Widzę, że nie mamy do pracy z tej zmiennej index tak.
To tylko kwestia osobistych preferencji, więc będą one oba robią dokładnie to samo.
Więc patrz upewnij się, aby zapisać zmiany i ponownie uruchomić serwer.
Po raz ostatni i odświeżania.
I teraz mamy dwa zestawy, które są identyczne.
Jeden zestaw pierwszej trójki.
Jest to regularne pętli i jest trzy stosowany dla każdego drukować rzeczy.
W porządku.
Warto więc poświęcić chwilę, by zakończyć wszystko do góry.
Dużą wynos, że prawdopodobnie najważniejszą ideą jest tu rozróżnienie między równymi procent i tylko procent.
Pamiętaj o tym, co będzie świadczyć kod zwrócone w jej wnętrzu w L ..
Jest to w zasadzie jak puste miejsce, które zostaną wypełnione przez co kod jest wykonywany w porównaniu z tym tutaj bez znaku równości prostu ocenia kod, ale w rzeczywistości nie dodaje niczego do zespołu.
I będziemy używać tych wsporników bez znaku równości.
Najczęściej cztery if tak jak my tutaj, gdzie sprawdza się, czy wartość jest równa czegoś następnie wydrukować to i uczynić ten elektronicznej w inny sposób ten drugi Tm l, a także dla pętli co zrobiliśmy tutaj.