スクール模擬案件完成
Webアプリケーション
フルーツ販売管理アプリ
フルーツ商品の登録・編集・削除と、商品名検索・価格順ソートができる販売管理アプリです。商品画像と旬の季節を含む情報を管理します。
制作の背景
学習課題として、商品情報のCRUD操作、画像アップロード、複数条件による一覧表示、フォームの入力値検証を実装しました。
主な実装内容
- フルーツ商品の一覧表示とページネーション
- 商品名によるキーワード検索
- 価格の昇順・降順ソート
- 商品名、価格、旬の季節、説明、画像を含む商品登録
- 商品詳細の表示と商品情報の編集
- 商品削除時の画像ファイル削除
- Form Requestによる商品登録・更新時の入力値検証
設計上の課題と対応
課題
- 商品情報と画像ファイルを扱う登録・更新・削除の流れを整えること
- キーワード検索と価格順ソートの条件を一覧表示に維持すること
対応
- 画像をpublicディスクへ保存し、更新時・削除時には既存の画像を確認して削除する構成にした
- 検索条件とソート条件をクエリに反映し、ページネーション後も条件を維持するようにした
- Form Requestに商品名、価格、季節、説明、画像の検証ルールとメッセージをまとめた