Skip to content

hanbyulko/jsp-servlet-shoppingmall

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

96 Commits
 
 
 
 
 
 

Repository files navigation

JSP&Servlet MVC(model2) 쇼핑몰 구현


Introduction

19F/W 아우터 제품들을 구매할 수 있는 20~30대 여성을 대상으로 하는 의류 쇼핑몰 제작


Technical Specification

image


Required Library

  • cos.jar

  • ojdbc6.jar

  • standard.jar

  • jstl.jar

  • json-lib-2.4-jdk15.jar


Requirements Specification

  • Social 정보를 이용한 회원 가입

  • Social 정보를 이용한 로그인, 로그아웃, 탈퇴

  • 게시글 등록, 수정, 삭제, 조회 기능

  • 게시글 답글 등록, 수정, 삭제 기능

  • 게시글 댓글 등록, 수정, 삭제 기능 및 대댓글 등록, 수정, 삭제

  • 게시글 관련 첨부파일(이미지) 업로드, 삭제 기능

  • 게시글 편집 기능


Database Modeling

image


주요 기능 설명

사이트 메인화면

image

메인화면에서는 가장 최근에 등록된 상품과 가장 판매량이 높은 상품을 확인할 수 있습니다.



로그인

image image

kakao javascript sdk를 사용해 카카오 소셜 회원 가입 기능을 구현하였습니다. 로그인에 성공시 user테이블에 아이디와 비밀번호 값이 저장됩니다.



회원가입

image

회원가입은 ajax 비동기 통신으로 아이디 중복체크 기능을 구현하였으며, 우편번호 api를 사용해 주소를 입력받을 수 있게 하였습니다.



제품 리스트 조회

image

자켓, 코트, 패딩 3가지의 상품 카테고리가 존재하며 각각의 상품에 대해 페이징 처리를 하였습니다.



제품 상세 조회

image

제품 상세조회 페이지에서는 제품에 대한 이미지와 해당 제품에 달린 리뷰를 확인할 수 있습니다.



제품 바로 구매

image

상품 상세보기 페이지에서 바로 구매하기를 눌러 제품을 구매할 수 있습니다. 제품 구매시 현재 보유중인 재고를 기준으로 옵션을 선택할 수 있게하였습니다.



구매 시스템

image

구매에는 iamport결제 api를 사용하였습니다. 현재는 등록된 pg결제사가 카카오페이밖에 없어 이외의 결제 수단은 지원되지않습니다.



장바구니를 통한 구매

image

장바구니 페이지에서는 상품의 수량을 변경하거나 장바구니에서 아이템을 삭제할 수 있습니다. 구매 완료시 구매 내역에 해당 제품이 추가되며 리뷰를 작성할 수 있습니다.



상품 등록 및 이미지 업로드

image

상품 등록시 cos library를 활용해 multipart/form-data형식으로 이미지를 전송하여 이미지 업로드 기능을 구현했습니다.



매출액 및 방문자수 통계

image

관리자 기능으로 매출액 및 방문자수 통계를 차트 형태로 확인할 수 있습니다. jqchart 라이브러리를 이용해 구현했습니다.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •