画面一覧

画面名 概要
ユーザ一覧画面 ユーザレコードの一覧を表示する
ユーザ作成画面 新規ユーザレコードを作成する
ユーザ詳細画面 ユーザレコードの詳細を表示する
ユーザ編集画面 ユーザレコードを編集(更新・削除)する

画面遷移図

メニューはサイドバーに表示するものとします。

ERD

users テーブル

列名(論理) 列名(物理) データ型 制約
ID id integer primary key, auto_increment
名前 name varchar(255)
メールアドレス password integer unique
ハッシュ化パスワード hashed_password integer
電話番号 description varchar(255)
都道府県ID prefecture_id integer
住所 address varchar(255)

画面仕様

ユーザ一覧画面

  1. 利用者がサイドバーでITEMSメニューを選択した際に表示する
  2. 利用者は以下の条件でユーザレコードを検索できる
    • ユーザ名によるあいまい検索
    • メールアドレスによるあいまい検索
  3. 利用者がIDをクリックするとユーザ詳細画面へ遷移する
  4. ユーザ一覧にユーザレコードを先頭10件のみを表示する(ページング機能)
  5. 利用者がCREATEボタンをクリックするとユーザ作成画面へ遷移する

ユーザ作成画面

  1. 利用者がユーザ一覧画面でCREATEボタンをクリックした際に表示する
  2. 利用者は以下の項目を入力できる
    • ユーザ名(NAME)
    • メールアドレス(MAIL)
    • 電話番号(TEL)
    • 都道府県(PREFECTURE)
      • 都道府県セレクトボックスは都道府県テーブルの都道府県レコード一覧を表示する
    • 住所(ADDRESS)
  3. 利用者がSTOREボタンをクリックすると、ユーザテーブルに新規レコードを作成し、ユーザ一覧画面に遷移する

ユーザ詳細画面

  1. 利用者がユーザ一覧画面でIDをクリックした際に表示する
    • ユーザテーブルから、ユーザ一覧画面で選択されたIDに一致するユーザレコードを表示する
  2. 利用者がEDITボタンをクリックすると ユーザ編集画面に遷移する

ユーザ編集画面

  1. 利用者がユーザ詳細画面でEDITボタンをクリックした際に表示する
    • ユーザ詳細画面で表示していたユーザレコードを編集モードで表示する
  2. 利用者は以下の項目を入力できる
    • ユーザ名(NAME)
    • メールアドレス(MAIL)
    • 電話番号(TEL)
    • 都道府県(PREFECTURE)
      • 都道府県セレクトボックスは都道府県テーブルの都道府県レコード一覧を表示する
    • 住所(ADDRESS)
  3. UPDATEボタンをクリックするとユーザテーブルの対象レコードを更新し、ユーザ一覧画面に遷移する
  4. DESTROYボタンをクリックするとユーザテーブルの対象レコードを削除し、ユーザ一覧画面に遷移する