4. ページの表示の仕組み ページを表示しよう
Node.jsでWebアプリケーションを作ろう
「ルーティング」とは
URLに対応する処理を実行すること
このように覚える。
URLに対応する処理を実行すること とは?
/topにリクエストが来た時に、トップ画面を表示すること
このように覚える。
app.get( 'top' ,() =>{
//トップ画面を表示する処理
} );
このように書く。
-ルーティング処理の定義
まず初めにすること:
req = リクエストの略
res = レスポンスの略
このように上記2つを覚える
app.get('/top' ,( req, res ) => {
トップ画面を表示
});
具体的にはこのように書く。
--
ルーティングの処理時、reqとres の2つの引数を受け取る
ルーティングとは?
参考:
トップ画面の見た目を作ろう
まずはじめに、
ビューファイルにはEJSファイルを使う
こう覚えておく
ビューファイルはいわゆる’HTML’と同じだと思ってて良い。
以上です。
--
演習問題
1.アプリケーションルーティングの一部’app get’を使った’/top'対応ルーティンをつくる
参考:
app.get(path, callback [, callback ...])
--
2.指定したビューファイルをブラウザ表示させるため、’res.render’を用いて書く
--
3.ビューファイルを用意する
ビューファイル作成方法
- エディタの中の指定フォルダから、新規ファイルを作成
- 新規ファイル名を'top.ejs'とファイル名変更
- top.ejsファイルに指定コード貼り付け
参考:
今回は以上です。お疲れ様でした。