このレッスンをもう一度歓迎します。私はどのように書くことができるかをお見せしましょう。
H m l。
別のファイルで、redstart
sendを使用してこれまで行っていたことではなく、レスポンスでそのファイルを送り返すことができます。
ここには3つの主な目的があります。
1つ目は、redstartレンダリングを使用して各ファイルからファイルを返すレンダリングで、各自が何を話しているのかがわかるようになります。
それが次の目的です。
Ejazが何であるか、なぜそれを使うのかを説明してください。
最後にEjayに変数をテンプレートとして渡します。
だから、ここで私は新しいExpressアプリケーションが必要になるだろうし、私はすべてのビデオでやっていないが、それはまだかなり早い段階で基本的なエクスプレスアプリを最初から作成するつもりだ。
そして、私はちょうどあなたがそれを見て、それをやることに慣れていることを確認したいです。
Expressというディレクトリを持っており、その中に新しいディレクトリを作って、このEjayデモと呼ぶことにします。
だから私はこのユニットのために働いているMore
そして、Ejazデモの代わりにNPMを実行して、これをスピードアップします。
その名前は大丈夫です。
バージョンは細かい説明が空です。
私はいつもこれをappに変更したい。
はい。
ただ個人的な好み。
数回入力してください。
あなたはそれらのいずれかを埋める必要はありませんし、そこに行く。
そして、今私たちに許可すれば、Jasonが私たちの行為を作ってくれるようなパッケージがあります。また、NPM install express
dash dash saveも実行します。
そこに行く。
さて、ジャズファイルを開いてそこにコードを追加しましょう。
そしてlsを実行してからJをクリックするのではなく S. 私は最近これを行う別の方法を見つけたオープンをクリックします。
クラウド9が最近追加したのは、C9スペースを入力した後にファイル名またはファイルへのパスを入力した場合です。
だからC9ベースアプリ。
Jはい、それはエディターであなたのために開きます。
lsをタイプしてからファイルをクリックしてからOpenをクリックするよりもはるかに高速です。
だからここでは基本的な表現のコードを取得しましょう。これまでの表現では表現が必要で、次にvar app
equalsはそれを関数として実行します。
あなたがたまに見ることの1つは、誰かがSavarアプリがExpressを要求していると言っていて、すぐにそれをただちに関数として実行するということです。
ほとんどの人は2つの別々の手順でこれを行うでしょうが、最も一般的には、Xpressとアプリでそれらが何でもよいことがわかります。
さあ、その行動を起こしましょう。
EMVポートを処理しているポートが必要なので、そのD-NV
IPを処理するポートが必要なので、クラウド9が設定しているポートフォリオが必要です。
IPアドレス。
そして、コールバックを追加すると、サーバーが設定された後に実行されるコールバックが追加され、ログに関する情報が表示されます。
サーバーはそのように聞いていて、保存します。
今度は最初のルートを追加してルートルートを作成しましょう。
私はいつもそこから始めるのが好きです。それは、私がルートを発音するこの言葉がルートとして発音するので、私の生徒の何人かにはいつも混乱する言い方です。
私が根を言う時、私はそれを非常に明確にしようとします。
私はこのようにR O Tについて話しているだけです。
ルートルート。
これをaptに追加して、ルートまたはスラッシュを追加してから、要求を取得する要求がスラッシュになるたびにコールバック関数が実行され、これらの2つのオブジェクトが応答で要求されると、コールバック関数が実行されます。私たちは単純なことをします。
ホームページへようこそ。
これと同じように、この時点ですべてがレビューになるはずです。
サーバーをノードjのように起動しましょう。
すべてが良いのように見えます。
ここでルートページに移動し、更新しましょう。
ホームページへようこそ。
明らかに、このタイプのコンテンツは1行のテキストがかなり退屈です。
それを少し上手にするためにできることは、ここに戻ってこれをH-2A Melにすることです。
ちょうどそれが好きなら、それから私はそれを下に加え、H-2を追加することができます。
ちょうどそれのように。
そこに行く。
これを保存してサーバーを再起動すると
そしてここに戻り、リフレッシュします。
私たちはHVMのアルバムを私たちに提供していますが、それは実際にはページ全体を実際にタイプするのは信じられないほど痛いものです。
それは技術的に可能ですが、それはとても難しいでしょう。
それは良い考えではありません。
幸いなことに、すべてのコードを別々のファイルに書き込むことができる、より簡単な方法があります。すべてのC
Sが必要です。すべてのフロントエンドのjavascriptは、ユーザーに送り返したいので、メソッドを使用できます。レンダリングと呼ばれるメソッドは、レスポンスオブジェクト上に存在します。
私たちのケースではレストなので、残りの部分はレンダリングしません。
そして、私たちはそれをホームページやホームドットのようなファイルの名前、あるいはDogstarを老化させたものなど、そのようなものを与えます。
もちろん、そのファイルを作成しておく必要があります。そのファイルには何らかのコンテンツが必要です。
しかし、私たちがそれをする前でさえ、私はこの行を取り除く小さな問題があり、問題はエクスプレスを使うときに私たちは普通のファイルを書きません。
それを行う方法があります。
それはもう少しセットアップが必要ですが、私たちのWebアプリケーションのほとんどは返される標準的なTim静的ファイルではありません。
私たちが探しているのはテンプレートと呼ばれる動的HTMLファイルです。このビデオの後半ではそれらを紹介します。
しかし今のところ私はここに行き、これをEに変更するつもりです。 J. 私はEについて言います。 J.
それが埋め込まれたjavascriptを表していることと、Dogstarと呼ばれるファイルをレンダリングするリクエストがあった場合、約5分でもっと多くのことを学ぶということです。
はい。
ルートルートの方が理にかなっているので、それを自宅に変更しましょう。
そのファイルを作成する必要があります。実際には、実際には同じディレクトリに作成しません。
私たちがする必要があるのは、viewsと呼ばれる新しいディレクトリを作成することです。これは、エクスプレスが探しているディレクトリである任意の名前ではありません。
ですから、ファイルが何であれレンダリングされるときにはいつでも、viewsディレクトリを最初に調べて、ヒューズ内でこの正確なファイルを探してみてください。
それでは、それを作成しましょう。
だから私はEjay私たちだけのようなタッチのビュースラッシュホームを行うでしょう。
そして次に私がやりたいことは、いくつかのコンテンツを追加することです。
だから、その新しいC9コマンドでそのファイルを開きましょう。C-9はスラッシュ・ホームを表示します。
E. J. はい、ここにいくつかのものを追加しましょう。
これはホームページです。
これを修正しましょう。
そして、画像を追加してみましょう。私はここで使用したい画像を持っています。
これはパームスキーと呼ばれるものです。
ポメラニアンとハスキーミックスです。
確かにこれは完全に成長したパースキーであり、これは本当に狂っている。
それは、小型のハスキーまたは恒久的なハスキーな子犬のように見えます。
とにかく、このURLをコピーして戻ってきます。
もちろん、あなたは好きなイメージを作ることができます。
あなたはそれを見つける必要はありませんか、あなたは自分自身をEllabyであり、保存しません。
そして今、私たちはこれを終わらせ、私たちは行かなくてはなりません。
1つのことが欠けていることを除いて、私は実際に明示的に私たちに何が欠けているか教えさせるつもりです。
エラーメッセージが表示されます。
だから私はあなたのためにいくつかの余地を作るためにこれをクリアするつもりです。
そして今、私はサーバーを起動します。
ルートルートに行くと、レンダリングメソッドが呼び出され、家を探します。
はい。
ビューと呼ばれるディレクトリの内部。
そしてそれが見つかると、内容を取り戻して返信して、アプリに戻ってリフレッシュして、ここにMontreuilが見つからないというエラーメッセージが表示されます。
E. J. はい。
そしてそれが意味することは、Expressは、Ejazファイルをレンダリングして使用するために必要なEjayというパッケージを探していることです。
だから私たちはNPMにEjayをインストールする必要があります。これはすべて、数分でEjazを使用している理由を意味します。
しかし、今はただ私を信頼してください。NPMは私たちにEjayをインストールします。私たちはダッシュダッシュを保存します。
そしてそれが終わると、私たちは単にノードを行うことができます。
J. S. もう一度ページをリフレッシュしてください。これはホームページです。私たちの愛らしい子犬たちは、完全に成長したトムスキーで最後になりました。
だから今私たちは、私たちが書いたファイルを持っています。私たちはユーザーに返信しており、ブラウザに表示されています。
これは素晴らしいことですが、これはWebアプリケーションにとっては依然として非常に限られています。
これは毎回まったく同じページを返すだけで、私たちが望んでいないほとんどのWebアプリケーションに戻します。
ホーム・ページが同じであるか、ログイン・ページが同じである可能性があります。
しかし、一旦ユーザがログインすると、通常、歓迎されたコールバックまたは歓迎されたメッセージがあります。
愛らしいパースキー子犬スラッシュ大人。
簡単な例を挙げて私の言いたいことを教えてください。
だから私は戻って新しいルートを追加し、私たちのルートはスラッシュのようなものになるでしょう。
ラスティーのようなものと恋に落ちると、パームスキーと恋に落ちることもできます。
私はそれが綴られている方法だと思います。
そして、我々は経路パラメータからの経路からの変数を含むメッセージを私たちに示すHMOファイルが必要です。
だから、あなたが錆びていることに恋しているように、スラッシュのことを定義したり、スラッシュを恋に落としたりする必要があると言います。
それが私たちが呼ぶものです。
そしてコールバック内でリクエストと応答が必要です。
そして、最後の練習がVARのことがハラームのことを要求するものになるようにキャプチャし、動物の話す運動と同じように、この単純な赤い点で始めることができます。
豚はoinkと言います。
牛は、ムーはここで同じことをすることができると言います。
だから、あなたは恋に落ちたと言うでしょう。
大丈夫。
これはレビューであり、私は今サーバを再起動して戻ってきて、スラッシュ・スケッチと恋に落ちるようになりました.Tomskyと恋に落ちました.Tomskyは正確には文法的には正しくありませんが、再びPompsという言葉はありません。
だから私は元に戻って、今私たちがやりたいことは、彼にHを送ることができるかを理解することです。私はあなたに恋に落ちたと言います。ファイルを作成することで始めることができます。このファイルをviewsディレクトリの中で呼び出すだけで、あなたが望むものを呼び出すことができますが、私は愛Eと一緒に行きます。 J. それを短くしておいてから、それを記入します。
だから私たちはC-9ビューをスラッシュする必要があります。
それ大好き。
はい、私たちはそれを開いて、ただあなたを追加することから始めましょう。あなたと恋に落ちました。そして、私たちは空白を埋める必要があります。
しかし、私たちはここに何を置くべきかはまだ分かりませんので、そのまま残しておきましょう。
S. これは、Ejazファイルから来ていることを知るために、Ejayが私たちに提出した愛です。
私たちが今持っているのは赤いスタートです。
実際にはそれを取り除くために。
だから私たちがしたいのは、そのファイルをレンダリングして、読み込みがレンダリングされないようにすることです。
そしてそのファイルの名前はその愛である。 J. はい、自動的にそこにあるviewsディレクトリを探します。
ここでは2つのファイルがあるので、ノードを起動してみましょう。
はい、再起動して更新します。
OK。
だから私たちのファイルはここにあります。
あなたは恋に落ちて、ここに空白を記入する必要があります。
そして、私はこれが本当に簡単な例であることを知っています。あなたを混乱させたくない点です。しかし、このタイプのロジックは、データベースやデータから戻ってくるデータでテンプレートを埋めることができる重要な場所ですユーザーが静的な強制終了ファイルではない場所をユーザーが指定したことを示します。
それはまったく同じです。
基本的にはHTLに変数を追加したいと思います。
だからE. J. Sは埋め込まれたjavascriptを表します。
これは、ステートメントがH Timoの内部でループする場合、JavaScriptコード変数を埋め込むことができます。
それで、私たちは何かのようにすることができました。
あなたは恋に落ちました、そして、ここでこれはまだ動作しませんが、私たちの変数を置くことができます。
しかし、これは通常のHMOとして扱うだけなので、うまく機能しません。
私たちに、これがjavascriptコードであることを教えてくれないことを教えるために何かする必要があります。私はこれをjavascriptのように扱います。
幸いにも、それは私たちにそれを行う方法を与えてくれるだけです。
あなたが初めてそれを見るとき、少し奇妙です。
それはこのように見えます。
だから、括弧がついていてパーセント記号がついていて、括弧の上に等号があり、この2つの括弧の間にあるものはすべてJavascriptとして扱われます。
だから私は、あなたが何を意味するかを私たちは、通常のH
M Lで5と5のようなものを使用することができることを示し、私は実際にあなたが5と5を示すためにそれを行うでしょう。
これらのEjayがない場合は、大括弧は5
+ 5を印刷しますが、ここでは10個を実際に印刷します。
だから私はこのテンプレートを保存したり、Jの後にサーバーを再起動してページをリフレッシュして、あなたが5
+ 5に恋に落ちるようにします。
そして、私はそれを完全に得る。
私が5時を一時停止すれば、大丈夫です。
だから私たちは戻ってきます。
だから我々はそこに5プラス5を印刷したくない。
しかし、私たちは実際には物事を変えたいです。
私たちは単にそれをVARと呼ぶか、まさにそれを遠くにしようとします。
そして、これはここのコードから来る必要があります。
だから私たちがしなければならないことは、この価値のものを私たちの愛に伝えることです。 J.
テンプレートとして私たちはそれを印刷したいと思っています。ここにいる間に5つのプラス5を取り除いています。
だから私たちはあなたが恋に落ちるようになってから、それを遠くまで定義する必要があります。
Varはスロット物からの要求と同じです。
そして、あなたは自動的にこれらの変数を何らかの形でこのテンプレートに送ることを望むかもしれません。
そしてそれはちょうど事varについて知っている。
残念ながらそれはどのように動作するのではありません。
サーバーを再起動するとエラーメッセージが表示され、varが定義されていないことはわかりません。
だから私は戻って物語バーを定義する必要があります。
そして、私がやっているやり方は、実際に私の愛するEにそれを通すことです。 J. 私はあなたがオブジェクトとしてそれを渡すときにドットレンダリングラインでそれを行います。
そして、そのオブジェクトでは、テンプレートに複数のデータを置くことができます。
そうではなく、物事をこれをより明確にすることと呼ぶつもりです。そして、ここで私はデータを通すつもりです。そして、私はテンプレートの中でvarを物と等しくすべきです。
これが行うことは、物事の価値を取り、それをここに貼り付けることです。
だから、これはRustyとまったく同じように見えるでしょう。
そして、ここでvarは置き換えられます。
これらはすべて錆びたものに置き換えられます。
私たちはそれを残すでしょう。
ここに戻って、ちょうどそのようなrestiとしてハードコーディングを始めるのではなく、サーバーを再起動してページを更新して、あなたがRustyと恋に落ちるようにしましょう。
だから、文字列を行うのではなく、次のステップは、私たちが持っていたものを変数に保存して戻すことです。名前のバーの下にその文字を渡して、ここでそれをレンダリングします。
E. J. このうねって見えるものをタグ付けしています。
もう一度サーバーを再起動してください。
今私はあなたがパースキーと恋に落ちるようになっています。
もし私があなたに行くと、ここに反映されているTater Totsと恋に落ちました。
これは私たちが使用する非常に強力な概念です。
私が言ったように、これらのダイナミックなページを持っているすべてのアプリは、リクエストの特定のデータでユーザが何を求めているかによって変わる可能性のあるすべてのレスポンスを彼に聞かせてくれました。
もう1つは、これはちょうど普通のJavascriptだということです。
だからここで私は大文字のようなことをすることができ、これが最初に実行され、それから錆びたように印刷されるものが返されます。
だから、それはちょうど普通のjavascriptだと私たちはここに何が入るべきで、何をすべきではないかについてもっと話すでしょう。
いくつかの規則があるので、あなたの年配者を混乱させたくないので、すべてのEjazテンプレートにトンとトンのjavascriptを付けてください。
あなたはそれを最小限に保ちたいと思いますが、今私はこれを行い、保存します。
そして、これは私たちがやる最後のことです。
サーバーのリフレッシュを再開します。
そして今、私は大文字のバージョンを取得します。
さて、今話したことのすべてを要約しましょう。
このレッスンではかなりのことがあります。
最初に、ここでやったように、赤いスタートレンダリングを使ってファイルの内容を送り返すことができます。そして、それらのテンプレートはviewsディレクトリに存在する必要があります。
次は埋め込まれたjavascriptを意味する彼のEjazについて話しました。それは私たちが提供するいくつかのデータに応じて変化する動的なテンプレートのHDMIを持つことができるものです。
私たちは、それぞれYesを実行し、ファイルを何かDOD Ejay Yesと呼ぶ必要があることを知りました。
そして、私たちはNPMをインストールしてEjayをインストールする必要がありました。そして、最後にEjayのブラケットを使用することができます。
おそらくキーボードのこの部分を使用するのに慣れていないかもしれませんが、パーセント記号と等号、そして反対の記号はちょうどパーセンテージ記号であり、中に入るものは最初にJavaScriptコードとして扱われますそのコードが返すものはすべてHMOに印刷され、データが渡されます。
キー値のペアを持つ赤い点のレンダリングでオブジェクトを渡すことができます。
それは単なる通常のjavascriptオブジェクトです。
また、テンプレートでは、定義する変数へのアクセス権を持っています。オブジェクトのプロパティです。
この場合、物事の価値は毎回変わるものと同じものがあります。
そして、ここで私たちは物事を使うことができます。
OKだから私は、このビデオにはたくさんのダイジェストがたくさんあることを知っています。
特にこれらのコンセプトについては、もっと多くの練習をしていきます。
E. J. はい、それはE. J.
かっこがあり、テンプレートにデータを渡すことは、ここからすべてのビデオでやっていることです