10. ヘッダーを共通化しよう
ヘッダーを共通化しよう
目標:どのページにもユーザー名を表示させる
include機能とは
共有ファイルを作ることで画像の共有化を実現
このように覚える
ヘッダーを別ファイルに
移そう
header.ejsファイルを使う(新規ファイル作成)
共通しているヘッダーコードを書く
この手順を覚える
includeを使ってヘッダーを読み込もう
includeの書き方
<%- include('header'); %>
このように書く
上記コードをコピペし、表示させたいページに貼り付ける。
このように覚える。
演習問題
- 手順
- 各ヘッダー表示されたファイルヘアクセス
- 削除するヘッダーコードを確認・削除
- 新たにheader.ejsファイルを作成
- 削除した共通ヘッダーコードを貼り付ける
- 削除したヘッダーコードファイルにはincludeを貼り付け
このように覚える
本日はここまでになります。お疲れ様でした。