模写参照サイト
https://www.youtube.com/watch?v=fC3j2U_UZrQ&list=PLHY9pOWDX7wPJLNUo2MLggVU0qmOYAlej&index=52

順番
1.admin page
(1)html(admin_page.php)
(2)css(style.css)
2.user page
(1)html(user_page.php)
(2)css(style.css)
3.register form
(1)html(register_form.php)
(2)css(style.css)
4.login page
(1)html(login_form.php)
(2)css(style.css)
5.register form(DB接続)「POSTメソッド」
6.login form(DB接続)「POST,SESSION」
7.admin page「SESSION」
8.user page「SESSION」
9.logout「SESSION」

1.admin page （html&css）　[2023年6月29日]

(admin_page.php)

①page style
②link で遷移

(style.css)

③装飾

2.user page （html&css）[2023年6月29日]

(user_page.php)

①page style
②link で遷移

(style.css)

③装飾(CSSコードが省略、admin pageと同じ)

3.register form （html&css） [2023年6月30日]

(register_form.php)

①page style
②linkで遷移

(style.css)

③装飾

4.login form （html&css） [2023年6月30日]

(login_form.php)

①page style
②linkで遷移

(style.css)

③装飾(CSSコードが省略、register formと同じ)

DATABASE
新規作成ー
名：user_db
作成をクリック

テーブル名：user_form
カラム数：5
作成をクリック

id(INT,255,NONE,なし,PRIMARY AL☑️）
name(VARCHAR,255,なし）
email(VARCHAR,255,なし）
password(VARCHAR,255,なし）
user_type(VARCHAR,255,ユーザ定義：user）
保存するをクリック

構造

5.register form(DB接続)「POSTメソッド」［２０２３年７月１５日］
(1)html(register_form.php)

①nameが存在した場合

②passwordと確認用の一致しない場合

③問題なしDBへ挿入した場合（データベースへ情報挿入済）
login_form.php画面へ遷移

データベース設定

データベース接続

接続失敗場合

(2)css(style.css)

①nameが存在した場合（エラーメッセジー）

②passwordと確認用の一致しない場合（エラーメッセジー）

6.login form(DB接続)「POST,SESSION」［２０２３年７月１５日］

データベースと接続
アカウントが存在場合
タイプがadmin場合、sessionのadmin_nameへ保存、admin pageへ遷移
タイプがuser場合、sessionのuser_nameへ保存、user pageへ遷移

アカウントが存在しない場合エラー

7.admin page「SESSION」［２０２３年７月１５日］

ログイン済み名前を表示

admin nameを画面に表示

8.user page「SESSION」［２０２３年７月１５日］

ログイン済み名前を表示

user nameを画面に表示

9.logout「SESSION」［２０２３年７月１５日］

ログイン済み情報を削除 loginへ遷移