shinoblog-manabu

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

Node.js 学習コース III

3. 削除するidの受け渡し(2週目)

メモ削除の処理を作ろう point (注意)このチャプターでは処理を作るのであって、実際に画面上消えるわけではない。 このように理解すること 削除するメモのidを指定したい 前回書いたフォーム内に書く ボタン処理操作の中に新たにDELETEクエリを書く URLで…

2. 削除ボタンの準備(2週目)

削除機能の手順を確認しよう --point-- メモ削除するためのルーティングを作成 /deleteルーティング処理を書き、resdirectを用いて/indexにリダイレクトする メモ削除ボタンの作成(送信先のurl・送信方法を設定) 上記を書き終えてから「localhost:3000/ind…

1. 目標物の確認(2週目)

メモアプリを完成させよう 目標 :削除機能を加えること :更新機能を加えること :この章にてメモアプリ編が完結する、その前に 。アウトプットをして、ここまで出来ていなかったら、学習コースⅡでの復習をすすめる。 なぜなら、実際書いて進んだ方が理解度…

7.更新のルーティング

更新処理の流れを確認しよう 目的:フォーム送信と一覧画面をつくる 流れを理解する: 更新用のルーティング作成 編集用フォームから値を送信 更新用フォームの完成 このように覚える。 更新に必要な情報を確認しよう UPDEATEクエリを覚える point フォーム…

6.選択されたメモの表示

メモの内容を表示する流れを確認しよう point 前選択されたメモの内容を、フォームに表れている状態になっていない。 この状態を改善する。 app.postメソッド・formメソッドを駆使し、メモの編集画面を完成させよう。 メモを取得しよう 取得コードは以下の通…

編集画面の見た目をつくろう

編集画面を作ろう 目的 :編集ボタン並びに編集画面を作る 処理の流れを確認しよう ・リンク形式のid送信を使った編集ボタン作成 ・SELECT FROM items WHERE id = # にてid取得 ・編集画面表示 ルーティングを作成しよう 指定ejsにてすること 編集ボタンの作…

4. DELETEクエリの実行

受け取ったidをクエリに使おう 受け取ったけとったIDからDELETEクエリを実行させる受け取ったけとったIDからDE目的:受け取ったidを使って指定されたメモを削除を求められた時、処理する流れを理解する メモを削除しよう 演習問題削除機能の実装までの流れ …

3. 削除するidの受け渡し

今回覚えること ・/deleteから/delete/:idへ変更する概念を学ぶ ・ルーティング処理/delete/:idを使い、ルートパラメータからの出力(console.log)表示させる ・ルートパラメータを使って'指定されたidプロパティ値を追加'する メモ削除の処理を作ろう 目的 …

2. 削除ボタンの準備

目標 :削除ボタン(フォーム送信)を作る :(削除後の)一覧表示された画面を作る 削除機能の手順を確認しよう 削除フォーム送信される→Node.jsを介して削除実行される→削除後の一覧画面が表示される このように覚える。 削除後のリダイレクト機能もあるの…