shinoblog-manabu

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

6. 一覧画面の作成(2週目)

f:id:shinoblog-manabu:20210227114231p:plain

一覧画面の作成

 

一覧画面を表示させよう

 

目標:買い物リストを作成するための準備「一覧画面を表示する」を作る

 

 

 

 

一覧画面の見た目

 

app.ejsファイルにindex.ejsファイルのルーティングを作成する

f:id:shinoblog-manabu:20210227113936p:plain

indexルーティングコード

 

 

viewsフォルダにインデックス(index.ejs)ファイルを作成。

 

htmlにて買物リスト枠をつくる。

  1. ID
  2. 名前

 

 

 

演習問題

point

    1. ルーティングはすべて同じ流れ。しっかりとパターンを把握しておくこと。
    2. indexファイルは写経なので、オリジナルにするためにはこの部分を改良する必要がある。

     

     

今回はここまでです。お疲れさまでした。