PDF문서인터넷프로그래밍 (13주차 3차시-4차시).pdf

닫기

background image

목원대학교 융합컴퓨터미디어학부 교수

박 기 홍


background image

학습 목표

2

2020-1학기

본 온라인 강의 교안 작성 시

한빛아카데미에서 제공하는 강의 교안을 참고 하였습니다.

인터넷프로그래밍

• 세션의 개념을 이해합니다.

 세션을 생성하는 방법을 익힙니다.

 세션 정보를 가져오는 방법을 익힙니다.

 세션을 삭제하는 방법을 익힙니다.

 세션 유효 시간을 설정하는 방법을 익힙니다.

• 웹 쇼핑몰의 장바구니 페이지를 만듭니다.


background image

웹 쇼핑몰 제작을 위한 전체 흐름도

3

2020-1학기

인터넷프로그래밍

• 장바구니 페이지 만들기 (WebMarket 프로젝트)


background image

장바구니 페이지 만들기 (1/11)

4

2020-1학기

인터넷프로그래밍


background image

장바구니 페이지 만들기 (2/11)

5

2020-1학기

인터넷프로그래밍

• Product.java, Product 클래스에 프로퍼티(

private int quantity;) 추가

프로퍼티(

private int quantity;) 추가

Gatter(), Setter() 추가


background image

장바구니 페이지 만들기 (2/11)

6

2020-1학기

인터넷프로그래밍

• product.jsp, 

상품 상세 정보 페이지 수정

스크립트 함수(

addToCart( )) 추가

장바구니(cart.jsp) 버튼 추가 및 OnClick(addToCart()) 속성 연결


background image

장바구니 페이지 만들기 (4/11)

7

2020-1학기

인터넷프로그래밍

• addCart.jsp, 세션 설정 후 cart.jsp(장바구니 페이지) 호출


background image

장바구니 페이지 만들기 (5/11)

8

2020-1학기

인터넷프로그래밍

• addCart.jsp (cont.), 세션 설정 후 cart.jsp(장바구니 페이지) 호출


background image

장바구니 페이지 만들기 (6/11)

9

2020-1학기

인터넷프로그래밍

• cart.jsp (장바구니 페이지) 작성


background image

장바구니 페이지 만들기 (7/11)

10

2020-1학기

인터넷프로그래밍

• cart.jsp (장바구니 페이지) 작성 (cont.)


background image

장바구니 페이지 만들기 (8/11)

11

2020-1학기

인터넷프로그래밍

• cart.jsp (장바구니 페이지) 작성 (cont.)


background image

장바구니 페이지 만들기 (9/11)

12

2020-1학기

인터넷프로그래밍

• deleteCart.jsp (장바구니에 등록된 개별 상품 삭제)


background image

장바구니 페이지 만들기 (10/11)

13

2020-1학기

인터넷프로그래밍

• removeCart.jsp (장바구니에 등록된 모든 상품 삭제)


background image

장바구니 페이지 만들기 (11/11)

14

2020-1학기

인터넷프로그래밍

• 결과 확인