さて、次のいくつかのビデオのために戻ってきます。
私たちは最後のビデオで示したブログアプリの作成に集中します。
そして、それはいくつかのビデオを取るつもりです。
この最初のビデオでは、これらの安らかなルートがどれほど重要であるかによって、一度に1つのルートに進む予定です。
私たちはインデックスに焦点を当てて、次に順番に行くつもりです。
新しいものに焦点を当て、作成し、編集して更新してください。
最後に、破壊のビデオとアプリケーションの作成と、私たちが最も必要とする7つのルートを追加することで、CSSAとJavascriptのブートストラップに似たセマンティックUIが導入されます。
なぜなら、なぜ私はちょうど私はそれがどのように見えるのが好きですか？
それが一つの理由ですが、最も重要なのは、私はあなたに他のフレームワークを公開して、似たようなことが分かるようにしたいだけです。
あなたは、私にあなたがこのすべての情報であなたを砲撃するための別のフレームワークを示すのは悪い考えだと思っているかもしれませんが、良いことはものが似ていることです。
一度あなたが2つまたは3つを参照してくださいあなたは共通点を持っているだけで、それは彼らが異なっているよりも共通していることが本当により多くのものを見ることを開始します。
意味的には理由は分かりますが、まずアプリケーションを作成することから始めます。
だから私は安らぎのルーティングと呼ばれるディレクトリの中にいる。
それに沿って歩きたいのであれば、そこにはすでに解決策があります。
だから、あなたがそれを自由にしたいと思っているならば、あなたが前にスキップすることができる前にそれを見たので、新しいインデックスをカバーして作成したくない場合に、あなたはアプリケーションの作成を通したくない。
しかし、私は一緒に私のコードをすべてのルートを通過することをお勧めします。
このことを理解することは本当に重要です。
実際に私たちの明示的なアプリケーションのパンとバターです。
OK。
だから私たちはアプリケーションを作成します。私はそれを単にブログアプリと呼んでいます。
実際にそれを安らかなブログアプリと呼んで、次にCDとそれから私たちのお気に入りのNPMと呼んでみましょう。
すばらしいです。
それで大丈夫です。
OK。
さあ、NPMのインストールに必要なものをいくつかインストールして、最初のものはもちろん明示的にしてから、マングースを追加しましょう。
私たちがここにいる間、私たちはボディパーサーをします。
その3つのダッシュダッシュを覚えておいてください。ボディパーサーは、フォームがデータをリクエストボディに送信する形式からデータを取得する方法です。次に、ボディのPersonを使用してリクエストボディを解析します。
だからそれは次のビデオになります。
今のところインデックスをやっているだけです。
だから私たちはそれを作り上げようとしました。
今度は装置を開き、必要なエクスプレスを明示する必要があるファイルの標準トップを作成し、Expressと同等の処理を行います。また、Dasschパーサを必要とするため、Vadiパーサに追加します。
そして最後に私たちはマングースをやるつもりで、私はこれをきれいにしたい。
私も長さでそれらを注文したいと思います。
だから私たちは私の大会に従えば体の部分で終わります。
しかしそれはそれほど重要ではありませんが、私はこれをやるのが好きではないと言います。
体の部分が最初にあり、次に私達はマングースを持っていて、次に表現してからです。
それだけで長さを並べるだけです。私たちが本当にしたいのであればインデントすることができますが、このビデオのポイントではありませんので、あまり時間を費やすことはありません。
私たちは今それをやりました。
すべてのセミコロンを確認してください。
次は、マングースを準備する必要があります。
ブログのモデルもそうです。
それは、ブログと呼ばれることになるArelのイメージを持つタイトルを持っているし、我々はそれをブログのテキストにその記事の内容となるボディと呼ぶだろう。
だから、タイトルイメージとボディとそれらはすべて文字列であり、あなたが見たことのない新しいものを追加します。作成された日付は作成されます。
だから、それが起こっている。
Mongooseを接続する必要があるので、Mongo
divi
Coleに接続し、スラッシュスラッシュローカルホストがアプリケーションの名前をスラッシュして、アプリケーションを安らかなブログと呼ぶことにします。
もう一度それは問題ではありません。
私たちは初めてそれを作り出しています。
だから私たちが将来それを変更しない限り、それはいつも安らかな歩行に初めてつながります。
それはそれを作成します。
OK。
そして、私たちは後でこれを行う必要はありません。
しかし、データセットビューエンジンをyesに設定してインストールする必要があります。
そして、私たちがそれを待つ間、スタティックとパブリックディレクトリを明示的に使用してカスタムスタイルシートを提供できるようにしましょう。
明示的なアプリケーションの初めにそれを行うだけの良い練習になると、私たちのボディパーサーであるボディパーサーを使用しないでください。
真に拡張されたコールと本当の一口のコードはすべてエンコードされていますが、これらの3行は既存のアプリからもコピーできます。
だから私たちはすぐに私たちのエクスプレスアプリが動作していることを確認するために設定している。
私たちはポートプロセスでIPアドレスを取得し、コールバックを追加する大人のログサーバーが実行されているプロセスのパパを持っているオプトアウトレッスンをしましょう。
大丈夫。
それを試してみましょう。
問題はありません。
すばらしいです。
だから今ではマングースに取り組みましょう。
だから、私たちはマングースを接続しました。
スキーマとモデルを作成する必要があります。
そこで、まずスキーマから始めましょう。
var
logスキーマは、そのようなスキーマを持つ新しいmongooseに等しく、titleという文字列を持つ文字列、つまり文字列でもある文字列のイメージです。
そして、私たちは、私たちのデータ流し込みが作成されているようにしています。
私たちができるのは、手動で日付を指定する必要があるため、これは便利ではないということです。
私たちは日付を使用したり、実際に入力したりすることはしません。
このユーザーが投稿を作成したとき、またはブログを作成したときの現在の日付を取得したかっただけです。
その日付を取得してデフォルト値を新しいものに設定することができます。
日付としてtypeを指定しますが、デフォルトの日付ドットも指定します。
今、それは私たちのためにうまくいくでしょう。
これは、作成日は日付でなければならず、既定値のデータがあることを示しています。
したがって、デフォルトの画像を使用したい場合は、画像に対しても同じことを行うことができます。
ユーザーが画像を入力しなかった場合は文字列を入力してからデフォルトにします。
プレースホルダー画像やペグなどの文字列を使用できますが、それはしませんが、必要に応じて簡単に行うことができます。
OK。
最後に、ここでは、このようにインデントされていることがあります。
それは単なる目的なので、短いです。
私はこれをするつもりはない。
あまりにも多くのスペースを取るか、実際にははいです。
そのまま混乱するだろうか？
だから私はそれをこのように残す。
OKタイトルイメージボディが作成され、次のステップに進みます。
これらを現在取り除くことは、そのモデルにコンパイルすることです。
これまでのブログでは、モデルログログのスキーマにmongooseが点いています。
そこに行く。
それを保存して、ここでmongoose slash model configというコメントを追加します。
ここで別のコメントを追加します。
それはアプリの設定と呼ばれ、私たちはここでルートにコメントを追加します。
レックスのために休憩と呼んでみましょう。
これで、今度はインデックスルートを追加したり、ルートを新たに表示したりして、7人の担当者すべてを作成します。
そして、はい、このファイルはちょっと混乱しています。
繰り返しますが、私はこれについての壊れた記録ですが、私たちはすぐにこれを別々のものに分割します。
モデルのファイルを複数のモデルで作成する方法を示して、ルートのファイルを作成する方法と、設定用ファイルとミドルウェア用ファイルを用意する方法を示します。
さまざまなものがたくさんありますが、それを簡単に保ちます。
早い時期に私はあなたを混乱させたくないし、誰かがファイルを絶えず切り替えているのか見守ることは難しいと思う。
追跡が難しい。
だから我々は1つのファイルでそれを行うつもりです。
しかし、これは必ずしもベストプラクティスではないことを忘れないでください。
これが本当に大規模なアプリだった場合は、特に私たちは多くの開発者がそれに取り組んでいた。
だから私たちはレスリングラップを開始しました。
インデックス名インデックスから始まっていることを覚えておいてください。
そのパスは、取得リクエストとしてブログをスラッシュし、すべてのブログをリストする必要があります。
だから、それをやってから、それをやってみましょう。
私のアプリをまだ動かしても問題はない。
実際にブログを作成して見てみましょう。
だから私たちは本当にシンプルになるでしょう。
このレビューブログが作成され、それから私たちはタイトルをブログの画像としてテストしたいと思っています。私はこのサイトから画像を取得し、ドットコムは素晴らしいリソースです。
私はあなたが望むものを何でもできる、自由な自由なイメージの束を持っている将来のビデオにあなたを示します。
そして、それは犬のこの1つを取って、実際にあなたが知っていることを知っている私たちがテストするものを持っていることを知っていることをそこにコピーし、次に私たちは私たちの体と私たちの体はちょうどこんにちはされます。
これはブログの投稿であり、私たちは空白を作成しました。
すべてのレイプ。
ですから、これを試してみましょう。
コールバックまでは何もしません。それがうまくいくと仮定して、次にMongoの短所でテストします。
だからファイルを実行しないでください。
何も起こらないか、何も起こらなかったように見える。
しかし、あなたがマングに行って、残りの完全なログを使用しているので、それをダブルチェックしてからD-Bドットのログを記録します。そこに最初のブログがあります。
そういうふうに私たちのために。
1つは、私たちのモデルが正しく設定されていることを証明していますが、インデックスを取得すると、すべてのブログを一覧表示することになっているため、何かを確認する必要があります。
私たちがブログを持っておらず、それが少し劣っていて、それがうまくいくかどうかはわかりません。
だから私はそこから出る。
さあ、私たちのルートに注目してみましょう。
私はこれを取り除くことを意味する私は毎回新しいブログを作成したくない、私はこのアプリを特に同じ犬を何度も何度も何度も繰り返して実行しているが、その犬は本当に愛らしい。
我々がしたいことは、私たちのインデックスルートを作成することです。
もう一度スラッシュブログをリクエストすると、ちょうどaptのように見えるスラッシュログが標準のリクエストレスポンスコールバックに追加され、レンダリングレンダリングが実行され、レンダリングされるテンプレートは単にインデックスドットと呼ばれます。そのEjayはいまたはインデックスだけが必要です。
そしてこれはここでもこの行のためにEjayは必要ありませんが、indexという名前のテンプレートがviewsと呼ばれるディレクトリである必要があります。
だから私たちは今それをやるでしょう。
ディレクトリビューのビューのスラッシュインデックスを作成します。
そして私は索引付けされた小さな間違いをしました。
E. J. はい。
だから私はそれを削除するか、少なくともフラッシュインデックスを使用して、それを再作成するいくつかのより多くの練習または削除するファイルです。
スラッシュインデックスの使用ドットをタッチします。
E. J. はい。
そしてそれを開いて、この単純なH-1インデックスページを開始して保存します。
だから、私たちはそのインデックスページを取得してみましょう。
今は、インデックスページの機能を満たしていません。
今私達がいくつかの方法から得ることができるプレビューに行くなら、私はWeb
Dev Bootcampドットコムダッシュに行きます。あなたが教えてくれるコードドットC9で学ぶか、プレビュープレビュープレビューに行けます。
ここで開くことができますが、このボタンをクリックするとブラウザに表示され、好きな場合はここに置くことができます。
OK。
ここではエラーが発生します。ルートルートがないため、スラッシュログが必要なため、インデックスページルートを取得するためです。
ルートページのホームページはRedditやFacebookと思うもののインデックスに行くのが普通です。
たとえばredditではホームページに行き、Facebook上のすべてのReddit投稿のインデックスを見ることができます。あなたはすべての投稿と写真のインデックスを見ることができます。
それではスラッシュ機能リクエストレスポンスを取得した後、今すぐそれをやってみましょう。ちょうど赤いスタートをして、ブログをスラッシュに直接読み込みます。
今すぐ再起動するために更新します。
何も変わるべきではありません。
しかし、私がスラッシュに行く場合、私はスラッシュのブログにも終わる。
OK。
今、私はインデックス機能を追加します。
そのため、データベースからすべてのブログを取得する必要があります。
だからそれはすべてのものを見つけることで見つけるブログになるだろうし、我々はエラーで私たちのコールバックを持っています。
そして私がブログと呼ぶ私たちのデータを次に、私たちはFエラーを起こすでしょう、そして、それはそのログに来ることだけです。
赤字のレンダリングインデックスに追加する場合は、これをそのままにしておきたいという点を除いて、それ以外の場合は追加します。
インデックスをデータでレンダリングしたい。
だから私たちのデータは、それをブログと同じように呼ぶことにしましょう。
だから私たちはDoppのデータベースから戻って来るデータを渡してきます。
私たちはそれをブログの名の下に送ります。
はい、それはちょっと混乱しますが、これはまったく同じ名前がどこにあるのかを見るのはかなり慣習的です。
これでテンプレートに行き、いくつかのコードを追加しましょう。
そのように始めるには、ブログを見てみましょう。
それがそこに来ていることを確認してください。
ページを更新。
そして私たちはリストを取得しています。
今は1つのブログですが、ここでそれを見ています。
すばらしいです。
それでは、少し上手く表示してみましょう。
私たちは狂ったことはしませんが、私たちがやることはすべてのブログをループして、各機能ログのブログを作成し、ここでこれを必要とします。
そして、ここで、閉じた括弧のついた他のタグが必要です。それからカッコも必要です。
そして、それぞれのために、div内にdivを作成します。
H 2をしよう。
そしてそれはそのタイトルLUGGタイトルになります。
我々はそこに等号が必要であることを忘れないでください。
次に、画像が表示され、ソースはEjazの角括弧に等しくなります。
Lagatの画像と私はこれを言及するのを忘れていた。
あなたが作成したものを見てみると、ここで私たちのために作成されたこの素晴らしいクレイジーな日付の時間がデフォルト値として表示されているので、イメージのすぐ下に表示できます。
Lagatを作成したばかりのスパンを作ってください。もちろん、私たちのブログ記事自体が必要です。これは本文である段落になります。
大丈夫。
そこにはたくさんのコンテンツがあります。
ページをリフレッシュすると、私の最初の投稿がここに表示されます。
あなたはこれが今のところ働いていると信じなければなりません。
はい、それは私たちに1つを示しています。
技術的には、次のビデオにデータベースが1つしかないため、すべてが表示されているかどうかはわかりません。
私たちは新しいことに取り組み、