ECサイトの開発

ECサイトを構築します。以下の7つの機能を順に開発してください。

  1. 商品検索機能
  2. カート機能
  3. サインイン機能
  4. 商品購入機能
  5. 購入履歴表示機能
  6. ユーザ情報設定機能
  7. パスワード変更機能

画面遷移図

ECサイトの画面遷移図は以下のとおりです。


ERD

ECサイトのERDは以下のとおりです。

ECサイト管理システムのERDに以下の3つのテーブルを追加しています。

  • 売上(sales)テーブル
  • 売上明細(sale_items)テーブル
  • 支払方法(payment)テーブル

sales テーブル

列名(論理) 列名(物理) データ型 制約
ID id integer primary key, auto_increment
売上日時 date datetime
支払方法ID payment_id integer

sale_items テーブル

列名(論理) 列名(物理) データ型 制約
ID id integer primary key, auto_increment
売上ID sale_id integer
商品ID item_id integer
価格 price integer
数量 quantity integer

payment テーブル

列名(論理) 列名(物理) データ型 制約
ID id integer primary key, auto_increment
支払方法名 name varchar(255)

支払方法名とは"クレジットカード"や"代金引換"や"コンビニ払い"などです。本システムでは "代金引換"、"コンビニ払い" のいずれかを選ぶものとします。


ポートフォリオ作成の注意事項

  • これまでに比べて実践的な課題としています。一人で悩みすぎないように、適度に質問するように心がけてください。
  • 画面デザインはあえて抽象的なものとしています。HTML/CSS/JavaScriptを使って見た目も修正してください。
  • パスワードのハッシュ化やページング処理など難易度の高いものもあります。そのような処理は後回しにして構いません。
  • 入力チェック処理も重要ですが、まずはデータベースとのやりとりなど本質的な処理から仕上げていきましょう。
  • 完璧に仕上げるには時間もかかります。エラーが出ても構わないので動くことを優先して開発していきましょう。