お帰りなさい。
それでは、中止したところで取り上げるつもりです。
新しいインデックスを作成しました。
さて、私たちは、引き続き進んでいきます。
もう一度、ショーページのポイントは、インデックス内のすべての情報または詳細情報を1つの特定のアイテムについて表示し、そのパスにアイデアがあることです。
だから、私たちはブロガーたちを私がスラッシュにするだろう。 D. IDは最初にリクエストを受け取ります。
私たちはショールートのいくつかの目標をテンプレートにしてから、リンクを作成したいので、インデックスページにはもっと読むというボタンがあり、それがショーページに行くと私たちはショーをスタイルするちょっとテンプレート。
ルートを定義して始めましょう。
だから私たちが作成した後、私たちは別のコメントを追加します。これは役者になる必要があります。スラッシュブログはコロンIDのリクエストとレスポンスをスラッシュして保存します。
これが機能することを確認してください。
だから、サーバーを再起動して、ブログのスラッシュに行き、ショーページを見ることができます。
もちろん、そのアイデアは、そのように見える長いマングースアイデアとなります。これをタイプすることはありませんが、リンクをクリックすると表示されます。
それでは、今すぐ戻って、インデックス上のショーページへのリンクを追加して、その記事の隣にもっと読むというボタンができるようにしましょう。
それはショーページに私たちを連れて行くでしょう。
だから私たちのインデックステンプレートでは、ビューの代わりに開くと、ブログ本体がアンカータグを追加した直後に、もっと読むとH
refがスラッシュログになるということが最初に起こります。
しかし、そのIDは各ブログを通じて変わります。
だから私たちはそれぞれYesが必要です。
そしてそれはブログのドットアンダースコアIDである必要があります再起動を保存します。
私たちは今リンクを持っています。クリックすると、すべてのスラッシュが記録されます。
5 6 3すごい間に。
別のIDで同じことがここにあります。
今度は、このIDを取るべきであるルートのロジックを記入する必要があります。対応するブログを見つけて、ショーテンプレートをレンダリングします。そのショールート内で正しいログを見つけることから始めましょう。
だから私たちが使うマングラーは、IDで見つけた悲しい点です。それは、IDとコールバックという2つの引数をとります。
だから、IDはここにIDハローを要求し、私たちのコールバック率はエラーがあり、それから私たちはそれをロックと呼ぶでしょう。
そこに行く。
エラーが再発するかどうかを再度確認します。
単純なことをやってみましょう。
インデックスページにリダイレクトします。
最終的には、私はあなたにログが見つからないというメッセージを表示するか、そのブログを見つけることができないのを残念に思っています。あなたが直面したページに戻ってきます。
しかし今のところ、私たちは常にSmashboxに戻ってきますが、マウスにエラーを引き起こすものはありません。
私たちのデータベースは完全に遮断されています。
だから、これは本当に重要なことではありません。レッズはショーテンプレートをレンダリングし、私たちは健全なブログを渡す必要があります。
だから、テンプレート内のブログを発見ブログと呼ばれます。
これでショーテンプレートが必要になりました。
それでは、今作ろう。
タッチビューは、Aegeusがそれを開いていることを示しています。ここでは、実際に私が持っているものを、フォームである新しいものにコピーし始めます。
だから私たちが望むのは、ヘッダーUIのメインテキストコンテナのような基本的なものです。
しかし、巨大なhetterの代わりにその中に投稿のタイトルを追加し、タイトルはブログのタイトルにする必要があります。
それを保存しましょう。
それが動作するかどうかを見てみましょう。
だから再びブログはここのショーの中で見つけたものだ。
ログに記録されたIDで検索しました。エラーが見つからなかった場合にIDで検索し、showテンプレートのshowテンプレートに名前のログで騙されたことが判明しました。
私たちはブログを使っています。
大丈夫。
真実の瞬間、私たちが最初に投稿するこれらのリンクのうちの1つを素早くしましょう。
だから私がこの犬をクリックすると、私の新しい犬が見えるはずです。
そして私たちはそうします。
すばらしいです。
だから我々は基本を持っている。
本当に頑張った部分。
今は表示したい情報を表示するだけです。
だから我々は戻ってきて、間違いなくイメージを表示したいと思うでしょう。
我々は同様にコンテンツを表示したい。
だから、私はその指標からいくつかを盗むだろう。
私たちは既にこれをすべて書いており、ここで少し違ったスタイルにしていきます。
そこに行く。
これから始めましょう。
しかし、私たちはこれをより良く見せてくれるでしょう。
私たちがリフレッシュすると、何が得られるかを見てみましょう。
私たちのポストがあります。
ここにショーページです。
注目すべき点の1つは、現在、インデックスに表示されていないものは表示されません。
しかし、ほとんどのブログは投稿の一部を示している。
だから、10000行のブログ記事を持っていれば、ここで10000行を使いたくない。
むしろ、あなたは段落のプレビューを持っているかもしれません、そして、あなたはもっと読むをクリックしてください、そして、私たちはちょうどそれを行います。
しかし、これを少しスタイリングすることから始めましょう。
最初に私たちのメインテキストコンテナがあります。
我々は巨大なヘッダーを持っています。
そして、その中に、別のdivを追加して、そのdivの中にすべてを配置し、それにUIトップ添付セグメントに等しいクラスを与えることができます。
どのセグメントは物事の周りに少しの境界線を置くので、アイテムの代わりにdivクラスを追加しようとしているのではなく、アイテムの代わりにすべてのコンテンツを入れているように見えます。
だから、画像から始まり、画像全体を表示するのではなく、私が4つのクラスであるイメージを中心にしたセマンティッククラスを追加することができます。
だから私のイメージは素晴らしいセマンティックなUIイメージを与えるだけですが、もしそれを中心に置くと、そのコンテナ内のイメージを中心に丸めて、丸い角を与えます。
それは円形ではありません。
あなたは私が円のイメージや円形のイメージを考えて丸見えにすることができますが、ちょうど角を少し変えます。
それを確認して始めましょう。
そこに行く。
私たちは近づいてきて、そこでここに入り、別のデバイスを追加します。
これは私がこれをどこから得るのかを知りたければ、コンテンツと等しいクラスになります。
セマンティックUI上のアイテムビューアイテムに移動する場合これは私がそれを取っているところです。
だから私たちはアイテムの代わりにアイテムを分割しています。私たちはイメージを持つことができますし、まさに私がやったものです。
だから、私たちはコンテンツが入ったアイテムを持っていて、それは実際の目的ではありません。
この後、セマンティックUIの専門家になることはありません。
もう一度、別のフレームワークを見せてもらうだけですが、意味論の専門家になることは知らないのです。
そうではなく、私たちはそれを作成したものを私たちのスパンに加えるつもりですが、これはユーザーにとって私たちができることが非常に簡単に変わるそれは読みやすい日付になります。
JavaScriptの日付にはいくつかの方法があります。
2つの文字列と呼ばれるものがあります。
私たちが欲しいものである文字列に呼び出された文字列があり、それがどのように見えるかを示します。
私がちょうどここに電話して、今私がリフレッシュしている気づきをリフレッシュすると、私は素晴らしい英語の人間可読バージョンを手に入れます。
2015年11月1日日曜日。
完璧。
だから私たちはそれを保存します。
ここで少しでも仕事を続けましょう。
もう1つのdivをdescriptionという名前で追加してみましょう。これは、そこの代わりに別の意味クラスであり、これと同じように段落でこれを更新し、ページを更新します。
そして、私たちは今比較的ブログ記事を投稿しています。
私はそれの中の線でこのdivを取り除くでしょう。
私たちはその行を必要としません。
それは私たちがここにあるセグメントから来たものです。
だから私たちがそれを取り除き、外側セグメントを保持するならば、これで終わります。そうでなければ外側セグメントを取り除き、内側セグメントをこのように保つことができます。
あなたが一番いいと思う方。
私は戻って、外側の1つを確実に保つと思います。
完全にあなた。
大丈夫。
さて、私たちのデータベースに、lorem ipsumをいくつか表示したりコピーしたりするのに、もっと長いテキストがある投稿を取得しましょう。
こんな感じです。
今回私たちが新しい投稿を行った場合、私はあなたが間違っている別のイメージを持っています。
私は驚くだろう。
そして私はちょうど長いテキストでこの新しい投稿と呼ぶでしょう。
恐ろしいタイトル。
提出して、私たちはこの巨大なイメージをここではスタイリングしていません。
それから、たくさんのテキストが得られます。
だから明らかに、私たちは、このテキストのすべてをインデックスページ上で望むわけではありません。
そして私がもっと読むをクリックすれば、今ここで私の素敵なブログ記事を入手できますが、すべてが凝縮されていることに気づくでしょう。
私たちが望む段落はありません。
その間に休憩を追加することはできません。
だからこれをもっと使いやすいブログにするには、ユーザーがHVMを入力できるようにする必要があります.HVMのいくつかの変種をWordPressのようにブログしているのか、メディアのようなものを使っているのか分かります。
あなたはそれぞれのTを書きません。 M.
自分では太字にすることができます。段落を含めることができるイメージを含めることができます。テキストをイタリック体にします。
さて、もし私たちがそれをやったら、新しい投稿をしようとすると、私は同じイメージをもう一度保ちます。
Lorem Ipsumをもう一度盗みましょう。
これの一部だけが、いくつかの周りに強いタグのような明白な何かをしましょう。
だからそれがうまくいくと、太字のテキストが表示され、提出すると私は締め付けを忘れてしまいます。
それで大丈夫です。
私たちのコンテンツは表示されますが、実行されていないことがわかります。
タイムアウトとして表示されておらず、ユーザーが独自のHVMを自分のコードに入力して実行するだけでは必ずしも安全というわけではないという理由があります。
そして、起こりうる最悪のことは何か考えているかもしれません。
それはただ彼を蝕みました。
まあ、起こることがあるのは、誰かが実際にJavascriptを実行してスクリプトタグを入力できるということです。
だから私はあなたにそれを後で示します。
現在のところ、実際にはHDの量を表示していないので、これは問題ありません。
私たちが望むなら、それは実際には本当に単純な1文字の変更です。
それがショーテンプレートです。
今ショーテンプレートを見ると、ブログのドットボディが表示されます。
私がこの等号をダッシュ​​に変えれば、実際にやることは、どのようなブログを持ち帰ってもそれを評価することです。
単に文字列を表示するのではなく、コードとして実行してください。
だから私がページをリフレッシュすると、すぐに強力なタグが表示されます。
そして、もし私がそれを期待すれば、それは実際の強いタグだと思うでしょう。
だから等号からダッシュに変更するのは本当に強力です。
次に、実際にコードを評価します。
だから、同じ画像をもう一度投稿し、今回は最初の段落と最後の段落を行い、それを複製してから、一度唇を取り、これらの線の一部を盗むだけです。
私たちは2つの簡単なパラグラフを持っています。
あなたは私たちがここで2つの段落で終わる私たちの巨大なイメージの後に今終わることを見るでしょう。
これはユーザーが実際にコンテンツを入力してスタイルを指定できるようになったのですばらしいです。
しかしここに問題があります。
だからここにランダムなものを入力すると、私はこのスクリプトを実行することができます。ここにコードを入力するだけで、私があなたに尋ねたように何かばかげたことをすることができます。
確かに。
これらのすべてのスペルが間違っています。
私がこれを今入力すると、これはHDMIが実行され、これがスクリプトスクリプトであり、これがジョブスクリプトを実行することを意味します。
だから私がそのページに行くとき、私はその警告を受け取ります。
明らかに単一のアラートはそれほど悪くはありませんが、事態がそこから拡大する可能性があります。
スクリプトタグを削除するという問題を防ぐ方法があります。
私はこのシリーズの最後のオプションビデオです。
それは私たちのインプットをサニタイズするというものです。
Express sanitiserと呼ばれるパッケージがあれば、私たちのためにそれを行います。
私たちはそれに、それの中にあるスクリプトタグを取り除くだけのプロパティをサニタイズするように指示します。
そのコードを書く必要はありません。
OK。
ですから、いくつかの問題がありますが、戻ってみましょう。
これらの画像の1つ。
はい、これらをスタイリングすることに戻ります。
しかし、これらの投稿を切り捨てて、インデックスページにすべてのコンテンツが表示されないようにしましょう。
最初の100文字にしておき、その後に省略記号をつけましょう。
文字列を区切ります。
それは実際には本当に簡単です。
我々は、我々が部分文字列法を使用するjavascriptについて話したところで早い段階で見た。
だから、私たちのインデックスページではなく、ブログ本体全体が詰まってしまいます。
そして、私たちは100人の義理のキャラクターが今は大丈夫です。
そして私はいつもこれを間違ってしまいます。
小文字の部分文字列です。
それは2つの言葉のようなラクダのケースでなければならないように見えますが、そうではありません。
大丈夫。
だから、これを試してみると、切り詰められたポストがあることがわかります。単純な省略記号をここに追加しましょう。
したがって、その部分文字列の部分文字列とその外側に、ドットのドットがあり、その後、再構築リンクがあります。
だから私たちのショーページは、私たちが少し見ている目的を果たしています。
そして、あなたはもっと読むをクリックしてポスト全体を見ることができます。
すばらしいです。
だから私たちはこのビデオで多くをカバーしてきました。
あなたは、どのようにリクエストを取得するのだろうルートでIDを使用について話してショーについて話しました。
IDを取得したルートを設定し、対応するブログがテンプレートを作成したことがわかりました。
しかし、実際にコードを実行して結果をレンダリングする等号記号ではなく、ここでダッシュを使用しているショーテンプレートなど、いくつかの新しいことについても話しました。
そして、日付をより良い形式に変換する素敵な方法である文字列を今日まで見ました。
まだ柔軟ではありません。
あなたが望む正確なフォーマットを指定できるMoment Japという素晴らしいライブラリがあります。
月のスラッシュのようなものが欲しいかもしれませんし、月が省略されているか、11月のSunではなく月全体と曜日全体が必要な場合があります。
あなたは、あなたが望む形式で非常に明示的になりたい場合は、瞬間Jを使って日付を処理する方がはるかに良い方法でそれを行うことができます。
Jay Querreyやその他のクライアントサイドライブラリのようにインストールできるシンプルなライブラリですが、今のところこれを使用します。
javascriptに組み込まれています。
ここでは1行以外のコードは必要ありません。
すばらしいです。
そして最後に、インデックスの代わりに部分文字列を使用することで、あなたはこれをしばらく見ていないが、早い段階でそれを見てきました。
最初の引数は、最初のカットを2番目のカットにしたい場所です。
我々はその間にすべてを取る。
すばらしいです。
大丈夫。
次のビデオを更新したり編集したりできますか？