このビデオでは、Ejazファイルの代わりにできることをいくつか紹介します。
今まで私たちが見たことのあるものは、通常のHDMIで追加しています。
また、Ejazタグを使用して、アプリケーションのファイルから赤いスタートレンダーや物事を渡す変数を使用してJavaScriptの1行を追加することもできます。
しかし、私たちがエイゲウスを使っていつもやっていることができる、そしてできることが他にもあります。
そこでここでそれらについて話します。
私はこのコントロールフローとテンプレートの現実世界でのいくつかの例を示す3つの主な目的を持っています。次に、各ファイルにIF文を書く方法と、ループを書く方法ファイル。
私が話していることの例を示すことから始めましょう。
だから私はそれを開いて読んだ。
これはサッカーSobranです。
そして、あなたが気づいて欲しいのは、このページに25の記事のリストがあり、それぞれがわずかに異なる点を除いて、同様のフォーマットに従うということです。
点検し、私が意味することをあなたに見せてあげましょう。
だから彼らはすべてdivの中にいる。
それぞれがエントリーのクラスを持つdivですが、若干違っていますが、その中にはビデオに表示されるボタンがあります。
彼らはそれを演奏することができますそれはツイートであることを示し、いくつかの他のものに私はまた、彼らはこの形式に従うようにテキストを展開することができますここで私たちはクラスのエントリでdivを取得している各ポストClassicalというタイトルの段落と、taglineと等しいクラスの別の段落があり、それらは標準化された形式に従います。
しかし、彼らはすべて異なっている。
そして明らかに内容は異なっていることは明らかです。
実際のテキストは、すべての長さの単語です。
ですから、これはテンプレートを使って行われます。ここには投稿の集まりがあり、私たちはこれを書いているとしましょう。
私たちは熱心にランク付けしていると思う。
しかし、Redditはそれを計算します。
だから私たちはデータベースからこれらの投稿をすべて持っていますし、私たちはループスルーし、各投稿ごとにこれらの項目を作成します。
だから私たちのEjayファイルはこのように見えるでしょう。
もし私がちょうどすべての投稿を通していくつかの擬似コードループを書いていたら、私たちがしたいことは、投稿を与えるか、またはエントリDivを作ることです。
そのエントリdivには、タイトルとタグ行、それに付随するものが必要です。
そしてそれはすべての単一のポストのために起こります。
そこで、1つの投稿のパターンを定義します。
しかし、Ejayの魔法を使うと、リスト内のすべてのアイテムまたはデータベース内のすべてのアイテムについて繰り返すことができます。
私たちができるもう一つのことは、物事を見た目にして少し違った振る舞いにするための条件ロジックを追加することです。
そして、それはどのようにそうですか。
ここにはビデオ用の再生ボタンがあります。
Twitterのアイコンを持っている人もいます。
彼らの中には、ここに笛があります。
彼らの中には、サッカーボールと、私たちが拡大できるものがあります。
これはifステートメントで完了します。
もちろん、このリンクがTwitterのドットコムで、このリンクが動画であればTwitterのロゴを表示している場合や、GIFのスラッシュのJeffであれば、そのコードは何かのように言います。
次に、ビデオアイコンを表示し、このボタンを機能させます。
ポストがマッチスレッドの場合は、サッカーボールを表示します。
これは、テンプレート内のロジックがいかに重要であるかについて、1つのWebサイト上の1つの例にすぎません。
しかし、そこに任意のWebアプリケーションFacebookのGmailのTwitter彼らはすべてのテンプレートの言語を使用していますが、彼らはすべてのEjayを使用していません。
そこにはさまざまなテンプレートシステムと言語のトンとトンがありますが、それらのコア機能はすべて同じです。
この考え方は、HMOにロジックを追加することもできるということです。
さあ、これをやってみましょう。今のところこれを取り除き、私たちのアプリに戻ってみましょう。
はい。
そして、私たちはこの秋を物事に恋しさせています。テンプレートの代わりに本当に本当にシンプルなロジックを使いましょう。ユーザーが入力したものが錆びているかどうかをチェックします。
。
だから私たちがやることは、私たち一人ひとりが最初に通常のジャバスクリプトを書いて、それは有効ではないが、私たちはただJavascriptを書こうとしているということです。
だから、Tripoliがrustyと呼ぶようなもので、大文字と小文字を区別できるように小文字を使ってみましょう。そうすれば、小文字にするでしょう。
したがって、もしthing変数の小文字バージョンがRustiと等しいならば、別の行だけを実行します。
そして、私はちょうどここに縁取られた彼を書いて、良い選択という段落を作るでしょう。
ラスティは最高です。
そして私のように、これは有効ではありません。
それぞれはい。
私たちがしなければならないことは、これらのタグをコードの周りに追加することです。
だから私はここでそれを入力し始めます。
私たちのパーセンテージが等しい必要があり、ここで同じことが必要で、いつでもjavascriptの開始と終了のたびにjavascriptのすべての行をラップする必要があります。
この声明はここまで終わらないということは重要ではありません。
個々の部分を個別にラップする必要があります。
同じことがここにあります。
ちょうどそれのように。
今私はスペースを追加するだけで、何が何であるかを見やすくするのが好きです。
あなたはjavascriptを取って、ラフティングされたEを動かしました。 J.
はい、下端にこの閉じ括弧を含むタグが保存され、わずかな問題が1つあります。
私のサーバーを起動して、私が行って、ページをリフレッシュすると構文エラーが出ます。
そして、これを修正するために私がしなければならないことは、サーバーが戻ってこれらの等号を取り除く必要性をなくし、ちょうど今すぐに動作するようにする理由を説明します。
だからノードアブダースははい。
そして、ページをリフレッシュして、あなたにテイト・トワットの映画を手に入れます。
P。 S. このファイルは、愛のDGSEファイルです。
さあ、恋に落ちてみましょう。
そして今、それは良い選択だと言います。
私たちはその行を取得していませんが、どこにでもifステートメントがあるので、Rustyは最高です。
だから、どうしてこれらの等号を取り除かなければならないのですか？
答えは、2つの異なるタイプのタグがあり、それぞれがはいであるということです。
私はまずそれらを書いてみましょう。
だから、等号があるところにはこのタグのセットがあり、等号がないところにはこのセットがあります。
実際にはダッシュで後で見る3分の1です。
しかし、今のところこれだけが必要なのです。
そして、両者の間には非常に重要な違いがあります。
等号を追加すると、このコードがここに返すものが返された値がページに表示されます。
HQメールに追加されます。
5と5のようなものがあれば、私はこの5つを加えた5つの評価が評価され、各チーム自体で10で終わるでしょう。
しかし、私たちがIF文のようなロジックをやっているときや、まもなくループを使うときに見えるものについては、
私たちは何かをHDに追加したくはありません。
この論理は純粋に論理である。
何も表示されていないはずです。
これは表示されるはずですが、括弧が表示されないようにするか、Stephenが表示されないようにしたいと思います。
だから私たちが論理制御フローを実行しているときはいつでもステートメントとループは等号を使用しません。
だから再び等号が返り値を取り、それをメールと等号なしで貼り付けます。
コードを実行します。
私が最後に示したことは、ここで他のことをやりたいのであれば、通常のjavascriptを書くだけです。ここに閉じ括弧が必要です。等号がないことを覚えておく必要があります。
そして、私がここに入れたものは、別の段落を作ろうとしましょう。ここでは、悪い選択をします。
あなたはRusti OKと言って、サーバーの再起動を保存し直す必要があります。私たちは悪い選択をします。
私たちが錆びていないかぎり、あなたはRustieと言いました。
OK。
だから私たちは渡す変数に応じて異なる方法で応答するだけでなく、変数が何であるかに応じて応答する1つのファイルを持っています。
条件付きロジックがあります。
残りの半分について私が話したいと思うものの半分は、テンプレートでループを使用してそれを行う方法です。
私は新しい投稿を定義し、それを行うつもりです。
別のルートを定義します。
だから、私のAP-Realsファイルに戻って、あなたが入手したアプリケーションを追加しましょう。そのようなスラッシュポストを取得します。
私たちがしようとしているのは、一連の投稿を定義することです。それぞれの投稿にはタイトルと著者だけが含まれます。
それで今はそのことを定義します。
Var投稿は配列と同じです。
そしてその配列の内部には、タイトルがホストであるオブジェクトがいくつかあります。
1人の著者はSoozieです。
そして、スターターデータを取得するだけで同じことをやって、このデータをビューに渡します。
そして、ビューでは、それをループするつもりです。
だから我々はここにいくつかのより創造的なポストを持っています。
愛らしい面白い。
そして、あなたはこのパームスキーのことを今日信じられますか？
私はそれを綴る。
OK。
そして著者はチャーリーになることができます。
そして、これが私のものになり、私たちは保存し、残りのファイルをレンダリングして読み込み、ファイルはまだ存在しません。
ポストの点をEjayと呼ぶことにしましょう。私たちのデータポストを渡すのは、ポストと同じです。
ここでも変数の名前を指しています。ここに投稿するのは、テンプレート内で呼び出すものです。まったく同じものを呼び出すのはかなり一般的です。
しかし、あなたは彼らが異なっていることを知っておくことが重要です。
セーブ。
もちろん、テンプレートを作成する必要があります。
だから我々は、タッチビューのスラッシュポストを行うでしょう。
E. J. はい。
そして、C9でスラッシュポストを使用して開きます。
E. J. はい、私たちはPostのページである単純なものから始まり、いくつかのEjazタグを追加して、ちょうどそのような投稿の価値を印刷して保存します。
そして今、Juliusがここに行くサーバノードアプリを起動することができます。そして、あなたはスラッシュポストに行く必要があります。テンプレートにはPostページが表示され、それをプリントアウトするか、またはパーセントをEjayとブラケットここに配列を取得します。
しかし、実際にオブジェクトオブジェクトと呼ばれるものすべてを表示するわけではなく、それぞれのオブジェクトをループして、味方を作って、味方と作者が作者とタイトルを言うべきです。
それでは、EjayなしでプレーンなJavaScriptを書いてみましょう。
だから私たちはループを持つだろうし、私は最初にforループを使ってそれをやるだろう。
だから、var私は、0に等しいリンクは、プラスそのようなポスト未満です。
そしてここで私たちがやることは、同盟国を作ることです。
そして、今のところ私たちはポストをここに入れて、これを取り除くことができると言います。そして、私たちは入り、Ejayでこれを括弧で囲む必要があります。
ループ自体が表示されないようにするため、等号は覚えていないことを覚えておいてください。
それはちょうど論理であり、私たちはこの括弧の下に同じことをして保存します。
私たちが今起こると予想されるのは、0から3回まで3回ループし、投稿がここに来るたびにAlwiで印刷されることです。
サーバーを再起動してリフレッシュすると、もちろん3つの同盟者がいるかどうかを確認できます。
今、我々は彼らに記事の実際の内容を伝えさせたい。
だからちょっとポストになっている味方の代わりに、同盟国の中にjavascriptを追加する必要があります。
そして、私たちが書いてほしいものは、投稿が高く、私たちはちょうどドットタイトルのタイトルをします。
それぞれの投稿にタイトルと著者があることを忘れないでください。
これでサーバーを起動します。
リフレッシュして、3つのタイトルを取得します。
私たちのテンプレートにこれを作って、作者にダッシュを表示し、作者を保持するようにしましょう。
だから、私たちが投稿者のドット・オーソードを保存するEjazタグの別のセットです。
そして別のセットが必要なのは、この2つの間にこのダッシュが必要だということです。
また、大胆なタグを作ってください。
強くして、私たちはそれぞれのことをその中に入れます。
だからそれは多くのように見えます。
これをちょっと上げてみましょう。
だから私たちはそれぞれのポストのために同盟国を作っている。
そこに行く。
そして、私たちはポストの著者の周りのタイトルダッシュを強くするつもりです。
OK。
ここで再起動して更新します。
ファイルを保存していないように見えます。
今、私たちは再起動してリフレッシュし、そこに行く。
私たちは投稿1ダッシュをSoozieとし、次に投稿者Charlieと著者を太字で表示します。
OKだから、forループを使う必要はありません。
foreachやwhileループでも同じことができます。
実際、あなたはもっと一般的にforeachを見ているので、それぞれについて投稿が考えられ、そこでここにコードを書きます。
機能投稿
そして、いずれかの側に括弧を追加する必要があります。
これは表示されていないため、等号はもう一度表示されません。
これは単なるロジックまたは制御フローです。
そして私はちょうどこの味方を盗んで、それを実行します。それは、私たちがすべての投稿にそれを表示したいので、私たちのデータのために等号で味方を作ることです。
しかし、私たちは一つのことを変える必要があります。
私たちはもうforループを使用していません。
私はない
だから、これはポストアイドルになります。なぜなら私はそれぞれのためにaを使いたいのです。
短くて簡単です。
しかし、これはまた、私たちにポストではなくこのポストの名前を付ける能力を与える。
私は、とにかくそのインデックス変数で作業する必要はないことがわかります。
それは個人的な好みの問題なので、これらはまったく同じことをします。
サーバーを保存して再起動してください。
最後の1回とリフレッシュ。
そして、今度は同じセットを2つ持っています。
1つは最初の3つを設定します。
これは定期的なforループであり、それぞれを印刷するために3つ使用されます。
大丈夫。
だから、すべてを包み込むようにしましょう。
おそらくここで最も重要なアイデアである大きなテイクアウェイは、パーセントの等しいとちょうどパーセントの区別です。
これは、内部でコードが返されたコードをLにレンダリングすることを覚えておいてください。
これは、基本的に空白のようなもので、ここで実行されるコードは何でも埋められますが、等号なしでコードを評価するだけですが、実際にはチームに何も追加しません。
そして、これらの括弧を等号なしで使用します。
最も一般的な4つのif文は、値が何かと等しいかどうかをチェックしたところでここで行い、それを印刷し、そうでなければこの他のt m
lを行い、ここで行ったループに対しても同様です。
だから、ループ上の等号はありませんが、私たちがhemoに表示したい値にはもちろん、等号を追加します