このブログの最後のビデオにようこそ。
だから私たちは変えなければなりません。
私たちは作るつもりです。
最初の1つは、実際に彼をユーザーにするHDMI
Olafurを表示するために、スクリプトハックの代わりにいくつかの有害なJavaScriptを潜在的に入力する可能性のある、この問題に役立つExpress
Sanitiserを実装することです。
私たちはそのコードを実行したくないので、私たちがそれを手伝うために消毒薬を使用するのは基本的にその入力を取り、そこからすべてのスクリプトを取り除き、老人を老化させるだけです。
そして、インデックスページのスタイルを少し変えたいと思っています。
それはちょっとラフなものを探していますし、最後のことはちょうどそれをあなたのためにもう少し便利にするために安らかなRhodesテーブルへの小さな更新を行うことです。
だから、消毒剤から始めましょう。
だから私はエクスプレスダッシュsanitiserダッシュダッシュと呼ばれるパッケージをインストールするつもりです。
セーブ。
OK。
それで、それは私たちのアプリで行われました。そうするためには、エクスプレス・サニタリー・サーファーには、そのようなエクスプレス・デッシュ・サニタリーを必要とするように要求します。
そして、私たちはアプリにExpressを使用するように伝える必要があります。唯一の必要条件は、すべてのパーサーの後に行くことです。
ここで定義する。
OK。
以上です。
今では、新しいブログを作成するときに代わりに開始するようにしたいと思っています。
それで本当にアップデートを作成しています。
私たちがデータを取り込んでデータベースに保存する2つの場所です。
両方の時間あなたは入力を消毒したいと思っているものを作成したいのですが、私たちが浄化したいものを作成するのではなく、体のログを要求しています。何かのデータがリクエストに含まれていても、私たちの場合はフォームから来ているボディです。ブログはこのラインのためにここにあります。
ブログタイトルのブログ画像と最終的にブログの本文を見つける。
これが私たちが気にするものです。
だから私たちはブログのドットボディをしなければならない。
だから、ここでは長いロングネームのようですが、ブログ本体の一時的なボディをリクエストしてください。
そして、私たちはそれを変更して、消毒することを要求することと同等であり、この全体を衛生的にするつもりです。
だから、現在のところ、それを衛生的にすることと同等のものを取ってから、ボディダンプの記録されたボディ全体を要求と同じに変更します。
だから私はそれを明確にするために、あなたは恒例のブログをやってみましょう。
前と後のボディをリクエストしてください。
ちょうどそれのように。
そして少し見やすくするために何かを追加しましょう。
すばらしいです。
OK。
それでは、今すぐそれを打ちましょう。
ページを新しくするサーバーを起動します。
新しい投稿を作成する必要があります。
デモのランダム画像と呼ばれるものを作ってみましょう。使用したいHMOや入力するHMOをいくつか追加しましょう。その後、もう一度警告になります。
そこに行く。
ですから、もしこれがうまくいくならば、前と後の両方にこれがあることが分かります。
何が起こったのか見てみましょう。
完璧。
最初の身体がこれと同じであることがわかります。
または、2度目にスクリプトタグがありました。
ボディにはH-1しかありません。
それで、何かを衛生的にするために必要なことはすべてです。
私たちが今表示した場合、私たちは新しい投稿に移動します。
ここで我々は一見する。
私たちは自分自身で問題を表示していますが、スクリプトタグはまったくありません。
それは素晴らしい作品です。
彼らがやりたい最後のことは同じコードを実行することですが、更新の代わりに実行します。
私たちはブログでリクエストを更新する前にそこにいます。
まあ同じことをしました。
マイナーNo.
これは、まだ実際には話し合っていないミドルウェアとして知られているものの、2つの異なるルートで2回繰り返すミドルウェアにとっては、良いユースケースになります。
私たちができることは、これら2つのルートの前にこのコードを実行するミドルウェアを作成することですが、ミドルウェアについて説明します。
EXPRESSの終わりに向けてこのコースの後半になっているので、今のところどういうふうにしておきますか？
そして、それはうまく動作します。
それはあなたが次に作成する誰かを更新するときにそれを両方の時間に消毒します。
Eに焦点を当てたり、インデックスを作成しましょう J. はい。
だから少しの作業が必要です。
これは今のように見えます。
いくつかのものを削除することから始めましょう。
そして、それは私がsanitiserを追加する前に私が作成した投稿の1つでした。
私は実際に画像を見ることができるスタイルを簡単にするために、画像を持たないものをいくつか削除します。
OKだから私たちがやりたいことは、それらを中心にすることです。すでに使用しているコードをたくさん使うつもりです。
だから私たちのインデックスの代わりに私たちは良いヘッダーを持っているが、私たちはdivの中にすべてを入れようとしていて、このdivはUIメインテキストコンテナに等しいクラスを持ちます。
そして、内部に私たちの部門があります。
そして、これは基本的にフォームとショーページのために書いた最後の小さな行からリサイクルされています。
だから、クラスはあなたの巨大なヘッダーに等しいですし、次にインデックスページのセットを入れます。
ちょうどブログのためにそれを置いてみましょう。
ちょうどそれのように。
そして、それがうまくいったら別のdivを追加しました。
これは私たちのセグメントを持っています。このセグメントには、このUI上部に接続されたセグメントがあります。このセグメントは、ボックス内のちょっとしたラインを与え、その内部がループしていきます。
私たちはさらに、クラスUIで分割された項目を持つdivであるループに到達する前に、もう1つの行を設定しました。そして、各項目に対して、私たちはあなたの中に入って項目を分割し、それらの間に自動割り算器を入れます。
だから私たちはあなたが分割された項目にこのコードをコピーするつもりです。
私たちがしていることは、いくつかの変更を加える必要があります。
最初は借金になっていますが、私たちはこの内部を印刷するだけではありません。
itemと等しいdivクラスを作成し、アイテム内に最初にイメージがあり、イメージがクラスと等しいdivを持つ代わりに行くと、それをそこに置くと、画像の大きさによって、スクリーン全体を占めている巨大な画像が得られなくなります。
OKイメージはイメージを内部に入れてから、コンテンツと等しい別のdivクラスを必要としました。
そして、これは私がいくつかを置く場所です。
最初はタイトルであり、実際にタイトルを持つH-2を作成するのではなく、アンカータグやアンカータグを作ることはHetterに等しいクラスを持ちますが、ショーページに等しいrefも持ちます。あなたはすでにあなたが持っているもののようにここにいます。
だからもっとリンクを読んで、これをやっている理由は、各ブログのヘッダーで終わることができるので、私はそれをクリックしてショーページに行くか、もっと詳しく読むことができます。
構文エラーが小さいことを確認しましょう。
私たちはAtraさんのフロップのためにここに閉会期の見積もりがありません。
OK。
Atraはショーページであり、ブラケットの中にはブログタイトルがあります。
それは混乱のようなものです。
その後、私たちは、私たちがすでに持っている日付のスパンになるこの特定の項目に関する情報を入れるためのちょうど場所であるMettaに等しいクラスでdivを追加します。
しかし、私はこの日付をフォーマットするつもりですので、ブログのドットを作成して、ショーページで既に見た文字列にしてからそこにライブを閉じて、divクラスをdescriptionと同じにします。
そしてそれが私たちがこのコンテンツを置く場所です。
ブログの実際の本文
そして等号を書くのではなく、それをダッシュ​​に戻すか、それを元に戻すことはしませんが、私たちはそれをダッシュ​​に変更して、現在はサニタイズされたコンテンツの実際の年齢を取得します。
最後に、私はdivを古典的に古典的にする代わりに、ボタンを押してより多くを読んでアンカータグを作って、私がすでに持っているタグをコピーしてちょっと変えるつもりです。
だから我々はもはや古典的なヘッダーを必要としないが、代わりに大きなボタンが欲しい。
だから私は基本的に浮かんだ。
もう一度あなたの色を選んでください。
そして、私たちは少しこれを行うことができます。
見ることは間違いありません。
それでは、これをちょっとしたものにしましょう。
だからここを開いた後、もっと読んでいるはずのアンカータグを設定して、アイコンを追加します。アイコンを追加すると小さな矢印になります。
そこにOKマラソン。
私たちが追加したたくさんのもの。
これを最初から取りたくない場合は、すべてがOKになっていることを確認し、解決策コードを見てください。
どのように構文エラーがないか探してみましょう。
それとも、私たちが探しているものだけに行きます。
だから私たちは最初の100文字をこのポストにあるように、または多くの文字を切り詰めています。
この場合は、リンクをクリックすると、ショーページに移動します。
私たちは戻って編集することができます。
私たちはここに彼女のイメージを持っています。
分割されたラインの後、私たちはヘタールを持っています。このセグメントはすべてを回っています。
だから、私たちがこれらのクラスをすべて知っているように感じることは間違いないと思います。
私はまあまあでした。
あなたは彼らにあなたを与えたことを知っています。
迅速な発砲​​スタイル。
なぜなら、あなたはそれをすべて学ぶことではないからです。
しかし、もっと学びたいと思ったら、なぜドットコムの意味論に行きたいのですか？
素晴らしいチュートリアルやリソースがたくさんあります。
ブートストラップほど広く使われていませんが、確実に成長しています。
私は多くの学生が自分でそれを見つけることに気付きました。
過去に私が教えた最も最近の2つのクラスでは、青いチップの後に私はそれらを紹介しましたが、生徒は本当にすぐに私にそれを見せてくれずに恋に落ち、ブートストラップで使ってしまいました。
ほとんどの学生が、しかしあなたに完全に。
私はそれらの両方を楽しんで、ブートストラップは間違いなく今のところ人気があります。
私が言った最後のことはリファクタリングだけです。テーブルはほんの少しです。
そして、私がしたいことは、これらのそれぞれに対応するマングースメソッドの最後の列を追加することです。
だから、idによって見つけてください。
テーブルの仕組みを簡単に解説します。
ここでは、別の時間に追加する必要がある量を時代遅れにするチャートを紹介します。これをmongooseメソッドと呼び、プレビューを開いて料理プレビューを開いて、ここを底部に移動します。
私たちのテーブルや新しいものがあります。
そしてインデックスのために、私たちは犬のためにそこにあるマングースメソッドでテレビを追加します。
そこに行く。
次に、私たちは実際には僧侶の方法を全く持たない新しいものを持っています。
だから、空白のままにするのではなく、フォームをレンダリングするだけのファイルに入れます。
次に、私たちは作成し、作成して、犬のドット作成を行うつもりです。
そして、あなたがこのライフプレビューを行うなら、本当にクールな機能はMIDI編集のようなものです。ここで私がここで選択すると、かなりクールです。
だから、あなたはインスペクタを開いてライブを見る必要さえしない。
そして、彼らが物事を変えても、ページを保存したり更新したりすることなくライブを更新します。
OK。
だから、IDで見つけた犬をして、それを持っているショーを持っています。
犬もIDで罰金を科せられます。
私たちは編集中の犬を見つけなければなりません。それはフォーム用です。そして、IDでトリムして長いものを更新する犬を更新します。
そして、彼はまた、ある程度長い犬がIDで見つけ出して、すべての動きを取り除く。
見てみましょう。
ここに私たちのテーブルがあります。
私は間違って、更新プログラムが表示されているはずのCDの1つをここで削除したように見えるので、更新プログラムはその犬のスティパーティックル犬を更新してどこかにリダイレクトするはずです。
大丈夫。
今度は正常に戻ってください。
ここに私たちのテーブルがあります。
だから、マングースメソッドは一切ありません。
新しいものは、何も追加していないデータベースを見つけることができないため、新しいものになるだろう。
それは単にフォームをレンダリングします。
すばらしいです。
だからうまくいけば、これは将来このテーブルを参照することができますあなたのために便利です。
私は、それが私たちがたくさん使っている重要な情報をたくさんカバーしています。
大丈夫。
だから私たちはこれを終わらせて、もっと複雑なアプリをもっと楽しいものに移すことになりました。
私はアメリカの少しがたくさん覆われていることに気づいた。
それは常に難しいものです。
面白いのはちょっとだけの情報なので。
しかし、その信頼性をもって、読取り更新を作成してエンティティを削除できることが重要です。多くのラップが必要です。
大丈夫。
来年にお会いしましょう。