CodingBillain
관리자
view : 999
교육기간 :2018-07-18 ~ 2018-07-27 ( 월,화,수,목,금 )
URL :
커피콩을 판매하는 쇼핑몰
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모양 아이콘‘을 클릭하면 리스트에서 해당 항목이 삭제되어 새로고침 됨. |