２日目：htmlで画面作成(アカウント登録画面、検索画面)
前提条件
- html、cssの書き方がなんとなくわかること
- Githubにこれまで作成したツールなどがリポジトリに登録できていること。
アカウント登録画面
STEP❶アカウント登録に必要な情報を考えていく。
- ユーザーID(user_id)
- 名前(username)
- メールアドレス(mailaddress)
- パスワード(password)
STEP❷ユーザーテーブルとそれにひもづく第二のユーザーテーブルをイメージしておく。
パスワードに関してはそのままデータベースに登録することはできない(危険な)ため、ハッシュ値としてパスワードを暗号化することで一意の値としてデータベースに保存することとした。
またセキュリティの観点からユーザーに関するテーブルは２つ作成する。
作成テーブル名
user_table(ユーザーテーブル)
auth_info_table(ユーザー認証テーブル)
検索画面
STEP❶検索する際に必要な情報を考えていく。
今回はアカウント情報を検索するため
- ユーザーID
- 名前
- メールアドレス
アカウント登録画面と検索画面の設計
STEP❶登録するデータと作成するテーブルのイメージができたので画面を設計する。(イメージなのでこの通りでなくても大丈夫です。)
