Semi Project : CodingBillain

개발환경

OS

Microsoft Windows7 64bit

DBMS

ORACLE DMBS 11g XE

WAS

Tomcat 8.0

Language

JAVA & JSP

개발툴

IDE

Eclipse JAVA EE form Web Developer

DB Query

QueryBox

Version Control

Github

개발기간

개발인원

2018년 7월 18일 ~ 2018년 7월 27일 (총 8일간)

4 명

포트폴리오

- 컨셉: 커피콩을 판매하는 쇼핑몰

기본적인 쇼핑몰의 기능(로그인, 상품리스트 및 상품 상세보기, 장바구니, 상품구매,관리자로그인, 상품등록, 재고관리 등)을 구현하였다.

- 모든 페이지 간의 이동은 Servlet을 통해 구현하였다.

- 담당 업무: 회원가입, 상품상세화면의 qna, 장바구니

세부기능 요약 및 설명

상세화면

기능설명

- 화면: 회원가입에 요구되는 정보의 항목과 입력란, 가입버튼.

- 정규식과 오류메시지 출력: 정규식을 이용해 가입 항목의 데이터를 제어, 입력된 정보가 정규식에 어긋날 경우 아웃풋태그를 활용해 오류메시지를 출력.

- 가입하기: 모든 입력된 정보가 정규식 조건에 부합될 때 ‘가입하기’ 버튼을 클릭하면 정보가 관련된 DB에 전달되고, 가입결과를 메시지로 보여주는 페이지로 이동.

- 화면: 로그인 후 회원 정보를 보여주는 슬라이드의 'my cart'와 ‘카트 모양의 아이콘’ 클릭을 통해 장바구니로 이동가능.

- 회원정보와 일치하는 장바구니: 로그인 전 장바구니 이동을 시도하면 로그인 페이지로 먼저 이동 후 로그인 정보를 입력받는다.

- 화면(왼): 상품리스트에서 상품 사진에 마우스를 올리면 등장하는 카트 모양 아이콘을 클릭하면 장바구니에 해당 상품이 추가됨.

- 화면(오): 상품상세페이지에서 원하는 개수를 입력하고 ‘장바구니 담기’를 클릭하면 해당 상품 정보와 개수가 함께 장바구니에 추가됨.

- 화면: 장바구니 리스트(상품 이미지와 상품명, 가격, 개수, 총 금액)와 수정 및 삭제를 위한 버튼을 함께 나타냄.

- 수정: 원하는 구매개수를 입력하고 리스트 가장 오른쪽에 ‘체크모양 아이콘’을 클릭하면 수정된 개수와 개수에 맞는 총 금액이 수정되어 새로고침 됨.

- 삭제: 삭제를 원하는 항목의 'x모양 아이콘‘을 클릭하면 리스트에서 해당 항목이 삭제되어 새로고침 됨.