[アプリケーション編]会員管理ページの作成(設計書編)


🖍 PHP、JavaScript、DBMS、HTML、CSSを使って会員管理ページ(会員加入、会員加入完了、登録など)を作成!

開始前に作成して設計を開始します!


🔴 ディレクトリの設定

  • 完全:Webサイト
  • ホームページ:Webサイト/インデックス.php
  • 会員管理:Webサイト/会員
  • Include:website/Inc
  • ログイン:webset/login
  • 管理者:Webサイト/admin
    管理者>会員管理:website/admin/members/list.php
  • 🟠 ページ構成:website/members

  • 会員加入/処理ページ:join.php/insert.php
  • 情報確認(修正)+処理ページ:edit.php/edit_ok.php
  • 会員終了処理ページ:edit.php → delete.php
  • 認証重複:search id.php/result.php
  • アドレス検索:search addr.php/result_addr.php
  • 🟡 ページ構成:website/admin/members

  • 会員リスト:list.php
  • 会員終了処理ページ:delete.php
  • 情報確認(修正)+処理ページ:edit.php/edit_ok.php
  • 会員加入/処理ページ:join.php/insert.php
  • 認証重複:search id.php/result.php
  • アドレス検索:search addr.php/result_addr.php
  • 🟢 ページ構成:website/login

  • login.php
  • login_ok.php
  • logout.php
  • 🔵 ページ構成:webset/inc

  • dbcon.php
  • 🟣 会員加入:join。php

  • フォーム要素NAME:join form
  • ACTION : insert.php
  • METHOD : post
  • 🟤 データベース設計

  • DB名:front
  • create database front
    default character set utf8
    default collate utf8_general_ci;
  • tabe設計:メンバー
  • create table members(
        idx int auto_increment Primary Key,
        u_name varchar(20) not null,
        u_id varchar(20) not null,
        pwd varchar(20) not null,
        birth date,
        postalCode char(5),
        addr1 varchar(100),
        addr2 varchar(100),
        email varchar(50),
        mobile varchar(15),
        reg_date date
    );