Cette vidéo et quand vous montrer quelques autres choses que nous pouvons faire au lieu d'un fichier Ejaz.
Jusqu'à présent, tout ce que nous avons vu est l'ajout de HDMI régulière.
Et puis aussi en utilisant les tags Ejaz pour ajouter dans une seule ligne de javascript qui utilise une variable que nous sommes en passant à partir de notre fichier d'application en utilisant redstart rendre ou passage vars chose à travers.
Mais il ya d'autres choses que nous pouvons et ferons tout le temps en utilisant Aegeus.
Nous allons donc en parler ici.
J'ai trois objectifs principaux sur un vous montrer quelques exemples dans le monde réel de ce flux de contrôle et des modèles et puis je vais vous montrer comment nous pouvons écrire des déclarations IF dans chaque fichier et aussi comment nous pouvons écrire des boucles et dans chaque cas fichier.
Permettez-moi de commencer par montrer un exemple de ce dont je parle.
Je l'ai donc lu.
C'est le football Sobran il.
Et ce que je veux que vous remarquez, c'est qu'il ya une liste de postes vingt-cinq sur cette page et chacun suit un format similaire, sauf qu'ils sont légèrement différents.
Examinons et je vais vous montrer ce que je veux dire.
Donc, ils sont tous à l'intérieur d'une div.
Chacun est un div avec la classe d'entrée, mais ils sont légèrement différents en ce que certains d'entre eux ont un bouton ici qui le montre à la vidéo.
Ils peuvent jouer certains d'entre eux montrent que c'est un tweet et sur certains des autres, je peux aussi élargir le texte de sorte qu'ils suivent ce format où pour chaque poste que nous obtenons, nous obtenons un div avec l'entrée de classe et chacun a un Paragraphe avec Classique le titre et un autre paragraphe de la classe égale à tagline et ils suivent un format standardisé.
Mais ils sont tous différents.
Et puis évidemment le contenu est différent aussi bien.
Le texte réel les mots les longueurs de tout cela.
Donc, cela se fait avec un modèle où nous avons une collection de messages et disons simplement que nous écrivons ce que nous obtiendrons tous les postes liés au football de la base de données quel que soit l'ordre dans lequel ils sont.
Je pense que nous les classons par hotness.
Cependant Reddit le calcule.
Donc, nous avons tous ces messages de la base de données, puis ce que nous faisons est en boucle et pour chaque poste, nous faisons l'un de ces éléments.
Donc, notre fichier Ejay serait quelque chose comme ça.
Si je devais juste écrire un pseudo code de boucle à travers tous les messages et puis pour chacun ce que nous voulons faire est de faire un post donner ou faire une entrée Div Je pense que c'est ce qu'ils l'appelaient.
Et ce div d'entrée devrait avoir un titre et une ligne de balise et tout ce qui va de pair avec elle.
Et cela arrivera pour chaque poste.
Nous allons donc définir un modèle pour un poste.
Mais en utilisant la magie de Ejay devinez que nous pouvons l'obtenir à répéter pour chaque élément d'une liste ou de chaque élément de notre base de données.
L'autre chose que nous pouvons faire est d'ajouter dans une certaine logique conditionnelle de faire regarder les choses et de se comporter un peu différemment.
Et voilà comment.
Ici, certains d'entre eux ont un bouton de lecture pour la vidéo.
Certains d'entre eux ont une icône Twitter.
Certains d'entre eux auront un sifflet ici.
Certains d'entre eux ont un ballon de football et un texte que nous pouvons étendre.
Et c'est fait avec une déclaration if.
Bien sûr centralement le code dit quelque chose comme si ce lien est Twitter dot com puis afficher un logo Twitter si ce lien est une vidéo ou une gif slash Jeff cependant vous le prononcer.
Ensuite, affichez l'icône de la vidéo et activez ce bouton.
Et si le post est un fil de match alors montrer un ballon de football.
C'est juste un exemple sur un site Web de la façon dont la logique dans vos modèles est vraiment important.
Mais n'importe quel site là-bas n'importe quelle application Web Facebook Gmail Twitter, ils utilisent tous le langage de modèle bien qu'ils n'utilisent pas tous Ejay nous.
Il ya des tonnes et des tonnes de différents systèmes de modèles et de langues là-bas, mais leur fonctionnalité de base est tout de même.
L'idée est encore une fois que nous pouvons ajouter la logique à notre HMO.
Alors maintenant, allons le faire et nous débarrasser de cela pour l'instant et nous allons revenir à notre application.
Oui.
Et nous avons cette chute en amour avec la chose sort un vraiment très simple bit de la logique au lieu de notre modèle qui va vérifier si chose si la chose que l'utilisateur entré est rouillé alors ou afficher une ligne supplémentaire qui dit un bon choix ou quelque chose comme ça .
Donc, ce que nous allons faire est dans notre amour que chacun de nous d'abord écrire juste javascript régulier et il ne sera pas valable, mais nous allons simplement écrire le Javascript.
Donc, il serait quelque chose comme si la chose var Tripoli appelle rusty et let's font minuscules afin que nous puissions compte pour les majuscules et minuscules et puis nous allons descendre cas ce afin de minuscules.
Donc, si la version minuscule de la variable chose est égale à Rusti, alors nous allons juste faire une autre ligne.
Et je vais juste écrire le bord de lui dehors ici, donc nous allons faire un paragraphe qui dit bon choix.
Rusty est le meilleur.
Et comme je l'ai dit, ce n'est pas valable.
Chaque Oui.
Ce que nous devons faire est d'aller de l'avant et d'ajouter ces balises autour de notre code.
Alors je vais commencer à taper ça ici.
Besoin de notre pourcentage est égale et alors même chose ici et nous devons envelopper chaque ligne de javascript à tout moment javascript commence et se termine.
Peu importe que cette déclaration ne se termine pas ici.
Nous devons enrouler chaque partie individuellement.
C'est la même chose ici.
Juste comme ça.
Maintenant, j'aime ajouter de l'espace et juste pour qu'il soit plus facile de voir ce qui est quoi.
Donc, vous avez pris javascript et déplacé rafted E.J. Oui les étiquettes incluant ce support de fermeture à la fin du bas sauveront et il y a un léger problème.
Si je démarre mon serveur et je vais rafraîchir la page me donne une erreur de syntaxe.
Et ce que je dois faire pour corriger cela je vais arrêter le serveur besoin de revenir en arrière et de se débarrasser de ces signes égaux et je vais vous expliquer pourquoi en juste un moment bien nous allons juste vous assurer qu'il fonctionne maintenant.
Donc nœud secouriste Oui.
Et va rafraîchir la page et nous vous obtenons film de tater tots.
P.S. Ce fichier est le fichier DGSE d'amour.
Maintenant, allons tomber en amour slash rouillé.
Et maintenant il dit bon choix.
Rusty est le meilleur à cause de notre déclaration si n'importe où ailleurs, mais nous n'obtenons pas cette ligne.
Alors pourquoi devons-nous enlever ces signes égaux.
La réponse est qu'il ya deux types différents de balises et chaque Oui.
Laissez-moi les écrire en premier.
Donc, nous avons cet ensemble de balises où il ya un signe égal et cet ensemble où il n'y a pas de signe égal.
Il ya en fait un tiers que nous verrons plus tard avec un tiret.
Mais pour l'instant, ce sont les deux seuls dont nous avons besoin.
Et il ya une différence très importante entre les deux.
Lorsque nous ajoutons le signe égal, la valeur qui est retournée quel que soit ce code renvoie à l'intérieur d'ici sera rendu à la page.
Il sera ajouté au courrier du QG.
Donc, si nous avions quelque chose comme cinq plus cinq et nous avons eu du texte ici comme j'aime ce cinq plus cinq seront évalués et puis nous finirons avec 10 dans chaque équipe elle-même.
Mais quand nous faisons la logique comme une déclaration IF ou ce que nous verrons bientôt quand nous utilisons une boucle.
Nous ne voulons pas que quelque chose soit ajouté à la HD.
Cette logique est purement logique.
Il n'est pas censé afficher quoi que ce soit.
Ceci est supposé afficher, mais nous ne voulons pas que nos crochets apparaissent ou nous ne voulons pas que Stephen apparaisse.
Donc, chaque fois que nous faisons le contrôle logique flow stuff si les instructions et les boucles nous n'utilisons pas le signe égal.
Alors à nouveau égal signe prendra la valeur de retour et le coller dans le courrier et pas de signe égal.
Nous allons juste exécuter le code.
La dernière chose que je vais montrer est si nous voulions faire un autre ici, nous avons juste écrire un javascript régulier d'autre et puis nous avons besoin de notre support de fermeture ici et nous devons nous rappeler pas de signe égal.
Et puis tout ce que je mets ici nous allons faire un autre paragraphe et et ici, il va juste dire mauvais choix.
Vous devriez avoir dit Rusti OK et enregistrer redémarrer le serveur de rafraîchir et nous avons un mauvais choix.
Tu aurais dű dire Rustie si on ne roule pas.
D'ACCORD.
Nous avons donc un fichier qui répond non seulement d'une manière différente en fonction des variables que nous passons mais aussi selon ce que la variable est égale à.
Nous avons une certaine logique conditionnelle.
Donc, c'est la moitié de ce que je veux parler de l'autre moitié est la façon dont nous pouvons utiliser une boucle dans un modèle et de le faire.
Je vais définir un nouveau poste et le faire.
Je vais définir un autre itinéraire.
Donc, de retour dans mon fichier AP-Reals, nous allons ajouter une application que vous obtenez et nous allons juste obtenir des postes de slash comme ça.
Et ce que nous allons faire est de définir un tableau de postes et chaque poste aura juste un titre et un auteur.
C'est ce que nous allons définir maintenant.
Var postes égale un tableau.
Et puis dans ce tableau aura quelques objets où nous avons le titre est l'hôte.
Un auteur est Soozie.
Et puis nous ferons la même chose juste pour avoir quelques données de démarreur et nous allons passer ces données à travers à notre vue.
Et dans la vue, nous allons le boucler à travers elle.
Nous aurons donc des postes plus créatifs ici.
Adorable drôle.
Et pouvez-vous croire cette chose de ski de palme aujourd'hui.
Je l'épelle.
D'ACCORD.
Et l'auteur peut être Charlie.
Et puis celui-ci sera moi et nous allons sauver et puis nous allons lire rendre un fichier le reste de rendu et notre fichier n'existe pas encore.
Appelons-le juste point Post Ejay oui, alors nous allons passer dans nos postes de données est égal à des postes.
Donc, encore une fois, cela se réfère au nom de la variable et les messages ici est ce que nous allons appeler à l'intérieur du modèle et il est assez commun de les voir appelé exactement la même chose.
Mais il est important que vous sachiez qu'ils sont différents et c'est tout ce que nous devrions faire.
Sauvegarder.
Et puis bien sûr, nous devons faire le modèle.
Donc, nous allons toucher les postes de vues slash.
E.J ..
Oui.
Et puis nous allons ouvrir que C9 utiliser slash Post.
E.J. Oui et nous allons commencer par avoir simplement un simple ici qui est la page de la Poste et ajoutez dans quelques tags Ejaz et imprimer juste la valeur des messages comme ça et sauver.
Et maintenant, nous pouvons démarrer l'application nœud serveur que Julius aller ici et vous avez besoin d'aller à la barre oblique posts et vous pouvez voir que nous obtenons notre modèle dit la page Post et quand nous l'imprimons ou lorsque nous utilisons le pourcentage égale Ejay comme crochets nous Obtenir le tableau ici.
Mais il ne montre pas tout ce qu'il dit objet objet et nous voulons boucler à travers chacun et juste faire un allié et les alliés devraient dire l'auteur et le titre.
Donc, pour ce faire, nous allons écrire le javascript simple d'abord sans Ejay nous.
Donc nous aurons une boucle et je vais le faire avec une boucle for première.
Donc, pour var I égal à zéro est moins de messages que le lien plus plus juste comme ça.
Et puis, à l'intérieur, ce que nous ferons, c'est faire un allié.
Et pour l'instant, nous allons simplement mettre post va ici et dire que nous pouvons nous débarrasser de cela et puis nous devons entrer et envelopper ce avec leur Ejay que les crochets.
Et n'oubliez pas de signe égal car nous ne voulons pas que la boucle elle-même soit affichée.
C'est juste la logique et nous faisons la même chose pour ce support en bas et enregistrer.
Et ce que nous prévoyons de se produire maintenant, c'est qu'il va boucle à partir de zéro jusqu'à trois jusqu'à trois fois et il sera imprimé à Alwi chaque fois que dit post va ici.
Et si nous redémarrer le serveur et rafraîchir, nous pouvons voir si nous obtenons trois alliés bien sûr.
Maintenant, nous voulons leur faire dire le contenu réel de la poste.
Donc, c'est un peu plus de travail où, au lieu d'un allié qui dit juste poste va ici, nous avons besoin d'ajouter javascript à l'intérieur de l'allié.
Et ce que nous voulons écrire, c'est des posts très élevés et nous allons juste faire le titre pour le titre de point maintenant.
N'oubliez pas que chaque poste a un titre et un auteur.
OK, nous allons lancer le serveur.
Retournez ici rafraîchir et nous obtenons nos trois titres.
Faisons une dernière chose qui est de faire cela dans notre modèle de sorte qu'il affiche également l'auteur avec un tiret et tiendra l'auteur.
C'est donc un autre ensemble d'étiquettes Ejaz où nous allons enregistrer les posts d'auteur de points.
Et la raison pour laquelle nous avons besoin d'un autre ensemble est que nous voulons ce trait entre les deux.
Et aussi faire une balise audacieuse.
Faire fort et nous mettrons chacun de nous à l'intérieur de cela.
Donc, il ressemble beaucoup.
Let's indent ce un peu mieux.
Nous faisons donc un allié pour chaque post-ups.
Voilà.
Et nous allons avoir un tiret de titre fort autour de l'auteur du post.
D'ACCORD.
Maintenant, nous allons redémarrer et actualiser.
On dirait qu'il n'a pas enregistré le fichier.
Maintenant nous sommes redémarrés et rafraîchir et là nous allons.
Nous obtenons post 1 tiret de l'auteur qui est Soozie et ensuite le tiret post suivant l'auteur Charlie et les auteurs sont en gras.
OK, nous n'avons donc pas besoin d'utiliser une boucle for.
Nous pourrions faire exactement la même chose avec un foreach ou une boucle de temps.
Et en fait, vous verrez un foreach beaucoup plus communément si postes pensé pour chacun et puis nous écrivons son code ici.
Poste de fonction.
Et puis nous devons ajouter nos crochets de chaque côté.
Pas de signe égal à nouveau parce que ce n'est pas censé apparaître.
C'est simplement un flux logique ou de contrôle.
Et puis je vais simplement voler cet allié et courir qui font un allié avec un signe égal pour nos données parce que nous voulons que cela se manifeste pour chaque poste.
Mais nous devons changer une chose.
Nous n'utilisons plus de boucle for.
Il n'y a pas de moi.
Donc, cela devient juste post-Idol, c'est pourquoi je préfère utiliser un pour chacun.
C'est plus court, c'est plus simple.
Mais cela nous donne également la possibilité de nommer ce post plutôt que des messages.
Je vois que nous n'avons pas à travailler avec cette variable index de toute façon.
C'est juste une question de préférence personnelle de sorte que ces deux faire exactement la même chose.
Assurez-vous donc d'enregistrer et de redémarrer le serveur.
Une dernière fois et rafraîchir.
Et nous avons maintenant deux ensembles qui sont identiques.
Un ensemble les trois premiers.
C'est une boucle régulière et trois sont utilisées pour imprimer les choses.
D'accord.
Prenons donc un moment pour tout envelopper.
La grande planche à emporter que probablement l'idée la plus importante ici est la distinction entre les pourcentages égaux et juste pour cent.
Rappelez-vous ceci rendra quel que soit le code renvoyé à l'intérieur de celui-ci à la L ..
C'est fondamentalement comme un espace vide qui sera rempli par n'importe quel code est exécuté ici par rapport à ce sans signe égal juste évalue le code, mais il n'ajoute rien à l'équipe.
Et nous utiliserons ces parenthèses sans signe égal.
Le plus souvent quatre si les déclarations comme nous l'avons fait ici où nous avons vérifié si la valeur est égale à quelque chose, puis imprimez ce et faire ce courrier autrement faire cette autre t m l et aussi pour les boucles que nous avons fait ici.