9. ページ間リンク（２週目）

目標

：トップ画面ボタンのurl画面変更

：一覧画面urlボタンをトップ画面に表示する

：トップ画面urlボタンを一覧画面に表示する

トップ画面と一覧画面を繋げよう

：ルートurlにて繋ぐようにする

トップ画面のURLを変更しよう

/ ルートurlにてはじめにアクセスするページを設定する

このように覚える

リンクボタンをつけよう(1)

トップ画面に繋ぐurlを画面一覧へボタンに設置する

 

リンクボタンをつけよう(2)

一覧画面からトップ画面にアクセスするリンクを貼る

演習問題

hello.ejs のルーティングコードを消す。トップ画面をルートurlにて表示するため

index.ejsの「一覧を見る」の<a>タグに、href属性を追加する

top.ejsの「一覧を見る」の<a>タグに、一覧画面（/）のリンクを指定する

top.ejsの「一覧を見る」の<a>タグに、href属性を追加する

top.ejsの「一覧を見る」の<a>タグに、一覧画面（/index）のリンクを指定する

今回は割とシンプルかつ、上記の方法さえ覚えれば簡単にリンクすることができます。

お疲れさまでした。