shinoblog-manabu

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

3. ユーザー登録処理を作成しよう

 

 

 

ユーザー登録処理を作成しよう

 

目的

:ユーザー登録処理の為の3つの手順を理解する

 

このように覚える。

 

 

 

ユーザー登録処理の流れを確認しよう

 

  • ①ユーザー登録画面のフォームを送信
  • ②ユーザーをデータベースに登録
  • ③ユーザー登録のあと一覧画面へリダイレクト

 

このように覚える

 

 

 

ユーザー登録フォームの値を送信しよう

 

ユーザー情報はINSERTクエリによってuserテーブル追加される

AUT INCREMENTを設定すれば、クエリ中でのid設定は必要なし

 

このように覚える。

 

 

 

ユーザーをデータベースへ追加しよう

 

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

ユーザーをデータベースに処理するためのコード

 

このように書く

 

 

 

一覧画面へリダイレクトしよう

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

一覧画面リダイレクトする

 

 

このように書く。

 

 

-point-

ユーザーをデータベースへ追加するコードと一緒に覚えること。

 

 

 

 

 

演習問題

 

ユーザー登録画面のフォーム送信する

1,2送信先のURL・送信方法を指定する


条件
<form>タグを使って書くこと
送信先と送信方法を書くこと
・inputタグにname属性をつけること
(ユーザー名・メールアドレス・パスワード)
・第2引数に指定するルーティング処理を書く

 


3、ユーザー登録・一覧画面の表示(セット表示)を分散して書く

postメソッドの/signpuに対応するルーティングを作成

一覧画面の表示コードを手順に沿ってコピペ

res.redirectを使って/list へリダイレクトコードを書く

 

ここまでで完成。

 

この後は、実際に完成されているか確認する。

・新規登録ボタンを押して試す

・データベースを確認。登録ユーザーを確認。

 

 

今回はここまでになります。お疲れ様でした。