[3.22~23]쇼핑몰 구축

war :

blog.war

<쇼핑몰 구축>
[상품 등록하기] : 상품의 정보를 입력하고 입력한 내용을 테이블에 저장. 상품을 등록하는 페이지는 상품을 등록할 수 있는 권한을 가진 사람만이(ID나 비밀번호를 확인한 다음) 볼 수 있도록 해야한다.
1.쇼핑몰 메인페이지
2.상품 정보를 입력하는 페이지
3.입력한 상품 정보를 테이블에 저장하는 페이지 작성.(상품 이미지 파일을 서버에 업로드하기 위해 jspsmart클래스를 사용)
4.전체 상품 목록 보기(등록된 상품의 전체 목록 보기): 상품 전체 목록을 게시판 형식으로 보여줌. 상품 분류별로 검색할 수 있으며 특정 상품 이름을 입력하여 검색할 수도 있다.
5.상품 목록에서 상품 이름을 클릭하면 상품에 대한 상세한 정보를 보여주는 페이지작성하기

 

[쇼핑하기]:고객이 상품 목록을 보고 장바구니에 담은 다음 주문할 수 있게 한다.

상품들을 검색하면서 (사이트의 페이지들을 이동해 가면서)쇼핑한 상품들에 대한 정보를 가지고 있다가,
최종적으로 주문을 할 수 있도록 하기 위해 sesion 객체를 이용한다.
1.상품 목록을 보여주는 jsp파일을 작성:상품 목록에서 수량을 선택하고 바구니에 담을 수 있도록함.
앞에서 설명한 전체 상품을 보여주는 페이지(list.jsp)파일의 내용에 장바구니에 담기 위한 작업이 추가됨.
또한 여기에서는 페이지를 그룹으로 묶지 않고 이전과 다음으로만 이동될 수 있도록 함

2.상품 목록 페이지(shop_list.jsp)에서 상품의 주문 수량을 입력한 다음 [바구니에 담기]버튼을 누르면 장바구니에 담는 작업을 수행하는 페이지를 작성

3.지금까지 쇼핑한 장바구니를 확인하여 내용을 수정하거나 삭제 작업을 요청하거나
주문 작업을 요청하는 페이지를 작성.
4.지금까지 쇼핑한 장바구니 목록에서 상품을 취소하거나 주문 수량을 변경하는 페이지 작성
(sale_upd.jsp)
5.지금까지 쇼핑한 장바구니의 상품들을 주문하기 위한 페이지를 작성.
즉, 상품 주문을 위한 테이블(saleorder테이블)에 레코드들을 저장하는 작업임.
먼저, 상품 주문을 위한 고객 정보를 입력받는 페이지를 작성.
(order.jsp)
6.장바구니 페이지에 입력한 정보(sale_upd.jsp)와 쇼핑한 정보들을 주문을 위한 테이블에 저장하는 jsp파일 작성
(order_save.jsp)
7.테이블에 저장된 주문 내역을 보여주는 jsp파일을 작성.
주문서 작성을 끝낸 다음 [주문서 보기]링크를 클릭하면 현재 자신의 주문 내역서만을 보여주도록 하고,
다음 파일을 단독으로 열 경우에는 현재까지의 모든 주문내역을 최근 것부터 보여주도록 한다.

참고:

http://devbox.tistory.com/entry/jQuery-dataType%EC%86%8D%EC%84%B1%EC%9D%84-%EC%9D%B4%EC%9A%A9%ED%95%9C-JSON-%EB%8D%B0%EC%9D%B4%ED%84%B0-%EA%B0%80%EC%A0%B8%EC%98%A4%EA%B8%B0

 =======================================================================================

 

[sql 문 사용시 유의 : , 사용]

 =======================================================================================

 

 [상품 등록 확인]

[상품 등록 확인이 된 데이터를 db에 확인]

 

=======================================================================================

 

[상품 올리기]

 

[자바스크립트로 제약조건주기]

=======================================================================================

[주의!!!]

 

[상품 리스트 보기]

 =======================================================================================

 

[상품 상세정보보기 환경설정]

[상품 상세 정보보기 유의할 점]

[확대 링크를 클릭시 확대화면 보여줌]

[브라우저 별로 확인]

=======================================================================================

[쇼핑하기]

[장바구니 목록에서 주문 수정:주문수량을 수정하면 합계가 바뀜]

[장바구니 목록에서 주문하기 클릭시 주문서 작성폼으로 이동]

[주문서 작성 시 결제 유형에서 카드를 선택하면 카드 번호는 반드시 입력해야하고,

, 온라인 입금시 카드 번호는 입력하지 않아도 되는 동작수행]

[바로 위에 동작을 수행하게 하는 .js]

[주문서 작성을 완료하면 주문이 정상적으로 처리되었는지를 확인하는 페이지]

[장바구니 목록 페이지]

[주문서 작성하기]

[sql 사용시 유의!!!]

[주문서 보기 링크를 클릭하면 주문 내역이 보이는 페이지]

[shopDB에 있는 produc테이블과 saleorder테이블과 item테이블의 관계를 이용.

각 테이블의 저장된 자료 확인]