shinoblog-manabu

Progate(プロゲート)を使って初歩の初歩からプログラミング勉強をはじめました。無料から有料バージョンへ以降しつつ、自分辞書として活用しています。なるべく私と同じ初心者目線を使い、各プログラミング内容を説明したいです。

4. ページの表示の仕組み ページを表示しよう

 

 

 

Node.jsでWebアプリケーションを作ろう

 

「ルーティング」とは

URLに対応する処理を実行すること

 

 

このように覚える。

 

URLに対応する処理を実行すること とは?

/topにリクエストが来た時に、トップ画面を表示すること

 

 このように覚える。

 

app.get( 'top' ,() =>{

  //トップ画面を表示する処理

} );

 

 

このように書く。



 -ルーティング処理の定義

 

まず初めにすること:

req = リクエストの略
res = レスポンスの略

 

このように上記2つを覚える


app.get('/top' ,( req, res ) => {
トップ画面を表示
});


具体的にはこのように書く。


--
ルーティングの処理時、reqとres の2つの引数を受け取る

ルーティングとは?
参考:

qiita.com

 

 

トップ画面の見た目を作ろう

 

まずはじめに、

 

ビューファイルにはEJSファイルを使う

 

こう覚えておく

 

 

ビューファイルはいわゆる’HTML’と同じだと思ってて良い。

 

 以上です。

 

 

 

--

演習問題

1.アプリケーションルーティングの一部’app get’を使った’/top'対応ルーティンをつくる

参考:

app.get(path, callback [, callback ...])

qastack.jp

--

 2.指定したビューファイルをブラウザ表示させるため、’res.render’を用いて書く
--

 3.ビューファイルを用意する


ビューファイル作成方法
  • エディタの中の指定フォルダから、新規ファイルを作成
  • 新規ファイル名を'top.ejs'とファイル名変更
  • top.ejsファイルに指定コード貼り付け

参考:

prog-8.com

 

 

今回は以上です。お疲れ様でした。