お帰りなさい。
それでは残りの残りの部分を手に入れようとしています。
私たちはインデックスを作成し、私はあなたにmanticを追加するために休憩を取った。 e。 ヘッダーとフッターのParshall's。
今私たちは新しいことをやって、このビデオの最後で新しい投稿をクリックするとフォームが表示され、そのフォームに記入して提出するように作成します。
それは私を索引ページに連れて行き、別の投稿を見るはずです。
だから始めましょう。
まず、新しいショーを覚えている新しいルートを作成する必要があります。
GETリクエストのスラッシュ犬やスラッシュブログは新しくスラッシュして、フォームを表示します。
だからそこから始めましょう。
私たちのインデックスの後にそれを行い、それをここに追加しましょう。
インデックスは書きました。
今度は新しいルートを作ってみましょう。私も同様に作成します。
だから私たちの新しいルートのために、スラッシュブログを新しくスラッシュにした後は、本当にシンプルです。
私たちがしなければならないことは毎回同じ形式を表現するため、実際には最短のものです。
私たちはデータベースで何かを見る必要はありません。
フォームにデータを送信する必要はありません。
私たちがする必要があるのは、新しいレンダリングだけです。
そして、そのファイルを作成する必要があります。
だからタッチビューは新しいEjayはいC-9ビューは新しいスラッシュをスラッシュします。
OK、簡単に始めましょう。
そして、私たちの皆さんはここで少し意味のあるUIを使用しています。
だから私たちはdivを行うだろうし、このデバイスは、単にクラスUIのメインテキストコンテナセグメントを持っているシンプルになります。
だからそこにはたくさんのものがあります。
私はただちにそれを打ち破ります。
その代わりにヘッダーを追加してUIヘッダーを作成し、この新しいログを呼び出すことができます。
これを見ると、成功したことがわかります。
だからアプリケーションを起動します。
ああ、実際に私たちは部分集合も含める必要があります。
それ以外の場合はdiffが表示されますが、セマンティックスタイルは表示されません。
そこで私たちのEjayには、保存用のParshallのスラッシュの下に、ドットスラッシュParshallのスラッシュヘッダーと同じ行が含まれている必要があります。
このページを更新し、新しいブログスラッシュに行ってください。
そして私たちには2つの問題があります。
1つはスペースの問題です。
これを簡単に修正できますが、適切なテンプレートを入手しています。
しかし私は、私たちのアイコンがホームページ上で小さくなっていることが少し奇妙なことに気づいた。
このページは大きく、サイズは小さくなっています。
そして私はこれを雑草のようなものとして見ていました。
私はそれを考え出した。
それは実際に毎回出てきて、それが最初はひどく明白ではないところで、挫折感のあるものの1つですが、私が気づいたことを簡単に説明します。
あなたはそれがコンソールで言うことがわかります。
スタイルシートを読み込むのに失敗しましたが、それはC S
Sのスラッシュスタイルのスラッシュアプ​​リで、それを探していました。
ヘッダーファイルで設定したリンクを見て、小さな事を忘れてしまったことに気付きました。
あなたが新鮮ならば、それが見つかるのを見るでしょう。
そして、ここではエラーは発生しません。
また、ソースタブを見ると、ブログの内部が見えないことがわかります。以前はスタイルシートの外に目を向けています。
そして今、私たちは大規模なコード・アイコンで終わります。
次に、それが現在のコンテンツの一部と重複しているという問題に取り組みましょう。これを修正することは、スタイルシートを設定したので、幸いにも簡単です。
私たちがする必要があるのは、コンテナ要素であるこの要素の上端に余白を追加するだけです。
私たちがすることはすべて、その容器の中にあります。
だから、私たちは評価の後にスタイルシートでそれを選択し、ちょうどコンテナを行い、そして私たちがしたいのは、ピクセル数で座るのではなく、マージンを上げることだけです。
私はE-Mを使って、より頻繁に見られるようにするつもりです。
私たちは本当にそれほど多くは見ていないし、私たちが検査しているコンテナもnav
barの中にあるという別の問題があるのを見ているだけです。
そこにコンテナがあることを忘れないでください。
だから、私たちは、コンテナでもあり、コンテナでも、セグメントでも、一般のコンテナ以外でもあるコンテナをターゲットにしたいだけです。
それはもう一つの簡単な修正です。
私たちは戻ってちょうど私をします。
それは何かを意味します。
私はこれらのクラスを両方ともリフレッシュしていたので、はるかによく見えます。
だから我々はそれを混乱させなかった。
このコンテナのマージンはここでNavの内側にあります。 私たちはちょうどスタイリングのために、ここでこれと今再生したメニューです。
さて、フォームを動作させましょう。
だから私たちの新しいパパの代わりに私たちが形成したいと私たちのフォームは、このような種類のようなそれはスラッシュログに行く我々は私たちの安らかなルートを見て忘れて、あなたが見ることができるフラッシュドッグは、役職。
だから、このフォームは、メソッドが投稿されているスラッシュログに行く必要がありますし、フォームの中にいくつかの入力が必要な場合は、最初のものはちょうどそのようなテキストになり、閉じるテキストを入力し、ブログタイトル次にtitleと等しいプレースホルダ。
そして、我々はタイトルがイメージのためにそれをするのではなく、その例外を複製するでしょう。
そしてこれはいくつかのビデオからの投稿要求に座ってレビューしてから、私たちがbodyと呼んでいるコンテンツに対して同じことを行い、ログポストをプレースホルダーとしてここに入れます。
さて、私たちはそれをしてから、それを提出する方法が必要なので、それは入力の種類が同じように提出し、私たちが得るものを保存して参照してください。
ここに私たちのフォームは実際にスタイルがとられていません。
私たちはすぐにそれに着きます。
しかし、私たちが提出すればうまくいくはずです。私たちはブログをスラッシュに投稿できないというエラーが出てくるはずです。
これは、作成ルートが存在しないためです。
それでは、今度は犬をポストとしてスラッシュしましょう。
そのため、ルート作成のコメントの下で実際にはyesの代わりに、アプリの投稿スラッシュのブログやColbackを行います。
完璧で、ここで実際には新しいブログを作成する必要があります。
そこで、ブログを作成してからリダイレクトを実行する2つのステップがあり、現在はインデックスにリダイレクトされます。
したがって、ブログを作成するには、ブログ作成が必要で、最初にデータが必要です。
だから、まだ動作しません。
もう一つはコールバックです。
だから私たちのコールバックは、私たちがエラーを持って開始することができます。
そして、それがうまくいくなら、私たちは新しいブログを持ち、私たちが通過しているデータはポストリクエストのビデオから覚えています。
すべてがブログとグループの中にあります。
ですから、ボディーダンプブログをリクエストすると、自動的にタイトルイメージとボディーが作成されます。
我々はそれが完了したときにそれが新しいブログを作成するそのデータを取る8月最初の引数を体の打撃を要求する。
このコールバックを引き起こします。
エラーの場合は標準を行います。
ログをカウントする代わりにlet'sを実行しましょう。新しいフォームをもう一度レンダリングしてください。それ以外の場合、rezリダイレクトをスラッシュログに行い、そこに新しいブログが表示されるはずです。
それがうまくいけば、このコメントを移動して、ショットを付けたらどうなるか見てみましょう。
だから私たちは救うでしょう。
サーバーを再起動してルートに戻って、この画像URLのコピーを作成して、ブログ投稿の画像またはタイトルを取得する必要があります。
ここに私たちのブログ記事の私たちのイメージです。
送信し、それは完璧に動作します。
そしてあなたは私たちがタイトルを持っているのを見ることができます。
素晴らしい。
だから、そのすべてを新しいルートにまとめると、モデルの名前が何であれ、新しいものがスラッシュになります。
私たちの場合の犬は実際にはブログのスラッシュとあなたがリクエストを取得します。
それは、それがポストリクエストであることを除いて、インデックスが作成したものと同じように、create createという形を示しています。
それが新しいフォームがデータを送信する場所です。
新しい犬を作成するデータベースに追加するには、それは戻ってリダイレクトされます。
それは、次のビデオに表示されるページを実際に表示するためのインデックスのほとんどである必要はありません。
アプリケーションをすばやくスタイルアップしましょう。
フォームを作ろう。
私たちが行うセマンティックなものを使用するには、フォームにUIフォームと等しいクラスを与え、フォームの中にこれらの入力のそれぞれがdivにあり、そのdivがフィールドと等しいクラスを持つようにします。
そして、私たちがまだ持っていないラベルを作る方法を見てください。
そして、最初のラベルはタイトルになります、そして、我々はタイトルを取ってそこに置くでしょう。
完璧。
それから、もう一度やります。
私たちは、イメージの変更にはイメージの変更が必要で、イメージの変更が必要な変更は、私たちのブログにこのような入力をするのではなく、ユーザーがもう少しテキストを入力できるテキスト領域にしたい実際のブログ記事のように。
これを入力するのではなく、私たちはまだChrisfieldをラベルに入れようとしています。ブログの内容と呼ぶだけですが、この入力ではなく、私たちが見たテキストエリアタグを追加します早い段階で、私たちは本当にあまり使わなかった。
そしてそれは我々がまだそれに名前をつける入力と少し違う。
だからまだブログのボディとそれから私たちは保存しますが、それは入力ではないので、それは一種のテキストを与えません。それは、開始タグと終了タグを持つそれ自身の指定されたタグであり、少し違った振る舞いをします。
私たちはそれを追加するとき。
だから私たちはすぐにそれを取り除くことを見てから、私たちはボタンをスタイルするでしょう。
今私たちが何を持っているかを見てみましょう。
ボタンが少しスタイリッシュになることができることを除けば、かなり良いように見えます。
私がセマンティックUIをプルアップしてボタンに行くと、ブートストラップよりもセマンティックでボタンが多くなります。
色々なタイプがありますが、基本的なボタンと反転ボタンもたくさんあります。
だから、あなたが好きなものを選んでください。お気に入りのものは紫色になります。ソースコードを見れば、あなたに必要なものはすべてあなたに匹敵します。
色の基本ボタン。
私がこれをしている間に、セマンティックUIと呼ばれる理由を説明します。
そして主な理由は、ブートストラップとは違って、この種の奇妙な専門用語ETN
ETNダッシュLGBTとダッシュデフォルトとは異なり、私はブートストラップを本当にノックアウトしていませんが、セマティックが作成された理由は代わりにこの種のマークアップ私たちは、基本的なボタンに違反するUIを持つことができますまたは私はUIのバイオレット反転ボタンを行うことができます。
今のところ基本的なことは大丈夫です。
そして、それがすべてです。
非常に簡単です。
キャラクターがそれほど少ないわけではありません。
それは短くすることではありません。
それは、あなたが簡単にこれを見て、それが何を意味するのかを理解することができる意味があります。
私たちが今戻ってリフレッシュするならば。
私はそのボタンを持っています。もしそれを大きくしたいのなら、それは本当に簡単です。
私がしなければならないことは大きくタイプすることです。
だから私はBTをする必要はありませんし、Elgieを大胆にリフレッシュして、より大きなボタンを手に入れることができます。
だからもう一度試してみましょう。
私は同じ大胆な議論を使って、私の新しい犬と呼んでいます。
より多くのブログContac提出し、それは正常に動作します。
すばらしいです。
大丈夫ですので、私たちがカバーしたインデックスをカバーしています。新しく作成して、私はあなたに意味の小さなビットを示しました。次のビデオにフォームとボタンが表示されるかもしれません。
ショーページで作業します