画面一覧

画面名 概要
カート画面 カートの中身を表示する
購入確認画面 購入商品の一覧、送信先住所、支払方法を表示する
購入確定画面 購入完了メッセージを表示する

画面遷移図

ERD

画面仕様

購入確認画面

  1. カート画面でPROCEED TO CHECKOUTボタンがクリックされた場合に表示する
    • カートにある商品と数量の一覧を表示する
      • 合計金額(TOTAL)、税込合計金額(TOTAL WITH TAX)を表示する
    • セッションのユーザIDからユーザテーブルを検索して以下の情報を表示する
      • 住所
  2. 利用者は以下の項目を入力できる
    • 支払方法(PAYMENT METHOD)
      • 支払方法テーブルから選択項目を作成する
  3. 利用者がPURCHASEボタンをクリックすると、システムは以下の処理を行う
    • 売上テーブル、および、売上明細テーブルに新規レコードを作成する
      • 売上テーブル
        • 売上日時: システムの現在日時
        • ユーザID: セッションのユーザID
        • 支払方法ID: 画面で選択された支払方法ID
      • 売上明細テーブル ※カートの商品分レコードを作成する
        • 売上ID: 上記で作成した売上のID
        • 商品ID: カートの商品ID
        • 数量: カートの数量
        • 価格: 商品の価格
          • カートの商品IDを使って商品テーブルから価格を取得する
    • 購入確定画面へ遷移する

購入確定画面

  1. 購入確認画面でPURCHASEボタンがクリックされた場合に表示する
  2. 利用者がTOP PAGEリンクをクリックすると商品一覧画面へ遷移する