쇼핑몰(프로젝트) 지원자 송희윤 입니다
1 .결과물 개요 명칭 : 쇼핑몰 (shopping mall). 프로젝트 (제품) 홈페이지 : 현재 없음. 지원자를 포함한 개발 총 인원 : 5명. 개발 결과물을 다운로드 가능한 홈페이지 URL : https://github.com/songheeyoun/Project shop.war 을 업로드 해놓았습니다. 총 개발 기간 및 지원자의 프로젝트 참여 기간 : 30일 한달정도를 프로젝트 기간으로 정했습니다. 사전 1주일 정도를 데이터베이스 모델링을 하였습니다.
2 .결과물의 구체적 내용 개발 결과물의 우수성 : 두번쨰로 하는 프로젝트였기 때문에 모방은 창조의 어머니라는 생각을 가지고 디자인이 깔끔한 홈페이지 를 찾아서 디자인은 비슷하게 만들고 홈페이지의 기 능은 조원들과 상의해서 프로젝트를 진행했습니다. 개발 결과물 설명과 지원자 기여 내용 : 제가 맡은 부분은 관리자가 상품을 등록하고 나서 카 테고리로 상품을 불러오거나 수정 삭제 하는 부분을 맡았습니다. 회원가입에서 주소 검색하는 부분은 나중에 시간이 없어서 같이 조원을 도와서 같이 했습니다.
3.개발환경 사용한 언어 : JAVA , jQuery , JSP 서버 : tomcat 7.0 version 데이터 베이스 : Oracle11g version 프레임 워크 : Spring framework 3.0
4.모델링
5. 설명순서 1.시작페이지 및 카테고리를 눌렀을 때 사용자에 게 보여지는 페이지 2.관리자가 제품을 등록하는 페이지 및 등록한 제품을 카테고리 별로 불러오는 페이지 3.회원가입 페이지 (주소검색은 우체국 데이터를 넣어서 검색 실제 주소를 검색)
1.시작페이지 및 카테고리를 눌렀 을 때 사용자에게 보여지는 페이 지입니다.
카테고리 중에 BOTTOM 을 클릭하겠습니다.
여러 가지 상품 중 청바지를 클릭 하겠습니다.
이 페이지는 상품을 클릭하면 사이즈, 색상 , 수량 등을 선택해서 주문할 수 있는 페이지 입니다. 밑에 보이는 사진은 제품을 소개하려고 관리자가 등록한 사진입니다.
2. 관리자가 제품을 등록하는 페이 지입니다.
데이터 베이스에 카테고리 별로 테이블을 생성해서 어디에 저장 할지 정해주어야 합니다. 지금은 BOTTOM 에 저장하겠습니다.
상품색상과 상품사이즈는 + 와 – 버튼 을 이용해서 기본적으로 1개를 등록 할 수 있고 최대 3개까지만 등록할 수 있도록 해주었습니다. 전 페이지에서 보시면 기본적으로 1개만 보여지고 있는 것을 확인 할 수 있습니다.
* 지원자가 작성한 소스 코드 관리자가 제품을 등록 하는 부분이 쇼핑몰 프로젝트를 하면서 가장 중요하게 생각하고 제가 작성한 부분이기 때문에 잠시 설명 드리 겠습니다.
처음에 제품 대분류가 테이블명과 일치해서 선택하게 만든 부분과 상품 사이즈와 상품 색상 버튼 숫자를 제어해준 부분 입니다.
이 페이지를 만들면서 시행착오를 많이 겪은 부분은 이곳입니다. 상품이 등록 되었습니다.
Image 폴더를 만들고 이곳에 업로드 하고 상품을 클릭하면 이미지 폴더에서 사진을 가져 올 수 있는 줄 알았지만 웹 호스팅이나 클라우드에 업로드 하지 않고 JVM(가상머신) 에서 프로그램을 운영했기 때문에 새로 고침 되지 않아서 이미지를 불러 올 수 없었습니다. 몇 번 수정을 하다가 tomcat 의 .metadata 에 폴더를 만들어서 업로드 하는 방식으로 바꿔서 문제를 해결했습니다.
제품을 클릭했을 자세히 보여주는 페이지는 첫 번째에서 보여드린 페이 지와 같습니다.
3. 회원가입 페이지 (주소검색은 우체국 데이터를 넣어서 검색 실 제 주소를 검색 합니다.)
회원가입에서 우편번호 찾는 팝업을 만들고 우체국 DB를 넣어서 실제 주소를 검색하고 있는 부분입니다.
클릭하게 되면 주소정보를 input 창에 입력합니다.
회원가입이 완료 되었습니다. 가입된 아이디로 로그인 하겠습 니다.
로그인 부분이 로그아웃으로 바뀌고 메인 화면으로 이동 했습니다.
봐주셔서 감사합니다.