3. ユーザー登録処理を作成しよう
ユーザー登録処理を作成しよう
目的
:ユーザー登録処理の為の3つの手順を理解する
このように覚える。
ユーザー登録処理の流れを確認しよう
- ①ユーザー登録画面のフォームを送信
- ②ユーザーをデータベースに登録
- ③ユーザー登録のあと一覧画面へリダイレクト
このように覚える
ユーザー登録フォームの値を送信しよう
ユーザー情報はINSERTクエリによってuserテーブル追加される
AUT INCREMENTを設定すれば、クエリ中でのid設定は必要なし
このように覚える。
ユーザーをデータベースへ追加しよう
このように書く
一覧画面へリダイレクトしよう
このように書く。
-point-
ユーザーをデータベースへ追加するコードと一緒に覚えること。
演習問題
ユーザー登録画面のフォーム送信する
1,2送信先のURL・送信方法を指定する
条件
<form>タグを使って書くこと
・送信先と送信方法を書くこと
・inputタグにname属性をつけること
(ユーザー名・メールアドレス・パスワード)
・第2引数に指定するルーティング処理を書く
3、ユーザー登録・一覧画面の表示(セット表示)を分散して書く
postメソッドの/signpuに対応するルーティングを作成
一覧画面の表示コードを手順に沿ってコピペ
res.redirectを使って/list へリダイレクトコードを書く
ここまでで完成。
この後は、実際に完成されているか確認する。
・新規登録ボタンを押して試す
・データベースを確認。登録ユーザーを確認。
今回はここまでになります。お疲れ様でした。