リンクに紐付けする作業

前回のところでログインやらアカウント作成の文字を入れたはいいものの、 まだURLさえもできてない状態なので もちろんクリックされてもページに飛ぶことはできない。

そこで、文字をリンクにしてちゃんとページを開くようにしていく行程。 indexのファイルを開いて<li></li>で囲われている部分があることを確認。

<li><a href="#">ライブしてみる</a></li> <li><a href="#">利用の流れ</a></li> <li><a href="#">アカウント作成</a></li> <li><a href="#">ログイン</a></li>

ちょうど真ん中あたりにあった。

そしたらここの真下にアカウント作成のリンクを作る

<li><%= link_to "アカウント作成", new_user_registration_path %></li>

こんな感じ。

スクリーンショット 2017-07-27 15.16.04.png

そうすると右上でアカウント作成が二つ表示されている。

で、この状態でrouteにして行くためにターミナルで

$ rake routes

を実行。

Prefix Verb   URI Pattern                    Controller#Action       new_user_session GET         /users/sign_in(.:format)       devise/sessions#new                 user_session POST       /users/sign_in(.:format)       devise/sessions#create  destroy_user_session DELETE /users/sign_out(.:format)      devise/sessions#destroy   new_user_password GET       /users/password/new(.:format) devise/passwords#new     edit_user_password GET      /users/password/edit(.:format) devise/passwords#edit            user_password PATCH  /users/password(.:format)      devise/passwords#update                                        PUT    /users/password(.:format)      devise/passwords#update                                        POST   /users/password(.:format)      devise/passwords#create cancel_user_registration GET    /users/cancel(.:format)        devise/registrations#cancel    new_user_registration GET    /users/sign_up(.:format)       devise/registrations#new   edit_user_registration GET    /users/edit(.:format)          devise/registrations#edit        user_registration PATCH  /users(.:format)               devise/registrations#update                                          PUT    /users(.:format)               devise/registrations#update                                          DELETE /users(.:format)               devise/registrations#destroy                                         POST   /users(.:format)               devise/registrations#create                                 root GET    /                              pages#index

ここで確認したいのがちょうどログの中段あたりに出てくる new_user_registration GET の行。(太字にしている箇所)

これが作成されることによってアカウント作成ページを生成してくれる

アカウント作成ができたら次はログインページ。

これも同じ要領でindexにさっき書き足したものと同じコードを追加。

<li><%= link_to "ログイン", new_user_session_path %></li>

こんな感じ。 この時に注意したいのがnew_user以降のregistrtionをsessionに置き換えること

さっきのログでsign_inの記述があったと思うけど その左側に書かれているものがそのままリンクパスになるので これと等しくするためにはsessionに置き換えるだけで済む。

スクリーンショット 2017-07-27 15.50.14.pngよし、ちゃんと右上にできてる。 ついでに動作確認。スクリーンショット 2017-07-27 12.40.09.png

うん。ログインフォームもちゃんと生成してリンクも飛べてる。

ってことで重複しているリンクが飛べない方のログインとアカウント作成を ファイル内容から削除してさっぱりさせよう。

<li><a href="#">ライブしてみる</a></li> <li><a href="#">利用の流れ</a></li> <li><%= link_to "アカウント作成", new_user_registration_path %></li> <li><%= link_to "ログイン", new_user_session_path %></li>

まだ利用の流れとかのあたりは生成してないので とりあえずはこのまま。

そんでもってブラウザ確認

スクリーンショット 2017-07-27 15.55.18.png

重複してる内容も消えてスッキリしたぁぁぁ!

 

スッキリしたらなんか眠くなってきたので今回はこの辺で

おやすみっ!

 

ではー。

この記事をシェアする