画面一覧

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

画面遷移図

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

ERD

categories テーブル

列名(論理) 列名(物理) データ型 制約
ID id integer primary key, auto_increment
名前 name varchar(255)
表示順序 display_order integer

画面仕様

カテゴリー一覧画面

  1. 利用者のサインイン時、および、利用者がサイドバーでCATEGORIESメニューを選択した際に表示する
  2. 利用者はカテゴリー名によってカテゴリーレコードを検索できる(あいまい検索)
  3. 利用者がIDをクリックするとカテゴリー詳細画面へ遷移する
  4. カテゴリー一覧にカテゴリーレコードを先頭10件のみを表示する(ページング機能)
  5. 利用者がCREATEボタンをクリックするとカテゴリー作成画面へ遷移する

カテゴリー作成画面

  1. 利用者がカテゴリー一覧画面でCREATEボタンをクリックした際に表示する
  2. 利用者は以下の項目を入力できる
    • カテゴリー名(NAME)
    • 表示順序(DISPLAY ORDER)
  3. 利用者がSTOREボタンをクリックすると、カテゴリーテーブルに新規レコードを作成し、カテゴリー一覧画面に遷移する

カテゴリー詳細画面

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

カテゴリー編集画面

  1. 利用者がカテゴリー詳細画面でEDITボタンをクリックした際に表示する
    • カテゴリー詳細画面で表示していたカテゴリーレコードを編集モードで表示する
  2. 利用者は以下の項目を入力できる
    • カテゴリー名(NAME)
    • 表示順序(DISPLAY ORDER)
  3. UPDATEボタンをクリックするとカテゴリーテーブルの対象レコードを更新し、カテゴリー一覧画面に遷移する
  4. DESTROY ボタンをクリックするとカテゴリーテーブルの対象レコードを削除し、カテゴリー一覧画面に遷移する