Portfolio

by Yuki Kawakami

WORKSへ戻る
商品一覧・カート・購入機能を実装したECサイトアプリケーション

個人制作

spring-boot-system

商品一覧・カート・購入機能を実装したECサイトアプリケーション

担当
画面設計 / フロント実装 / バックエンド実装 / DB設計
期間
2025年12~(1ヶ月)

OVERVIEW

Spring BootとThymeleafを使用してECサイトアプリケーションを開発しました。
商品一覧表示・カート機能・購入処理など、ECサイトの基本機能を実装しています。
MVC構造を意識し、Controller・Service・Repositoryの役割を分離しながら開発しました。

ROLE

  • 画面設計
  • 商品一覧画面の実装
  • カート機能の実装
  • 購入処理の実装
  • データベース設計

TECH STACK

Java Spring Boot Thymeleaf MySQL HTML CSS

FUNCTIONS

  • 商品一覧表示
  • 商品詳細表示
  • カート機能
  • 購入処理
  • ログイン機能
  • セッション管理

POINTS

① MVC構造を意識した設計

Controller・Service・Repositoryを分離し、役割を明確にすることで保守性の高い構成を意識しました。

② セッションを利用したカート管理

カートに追加した商品情報をセッションで管理し、ページ遷移後も状態が保持されるよう実装しました。

③ DTOを使用したデータ管理

DTOを利用してデータを整理し、画面表示用データとDBデータを分離して管理しました。

SCREENSHOTS