관리 메뉴

"게임 개발자"를 향한 매일의 공부일지 _ 1기

파일 업로드 7 - 상품 등록 페이지 제작 : 상품 등록을 위한 서블릿과 JSP 페이지 만들기 본문

웹 개발/JSP & Servlet

파일 업로드 7 - 상품 등록 페이지 제작 : 상품 등록을 위한 서블릿과 JSP 페이지 만들기

huenuri 2024. 12. 17. 12:38

상품 리스트를 저장한 페이지를 만들었으니 다음으로 해야 할 일은 상품을 등록하는 페이지를 만드는 것이다.


 

 

 

 

 

상품 등록하기

쇼핑몰 관리자 페이지에서 주로 하는 일은 신상품 정보를 등록하는 일이다. 환성한 상품 리스트 화면의 오른쪽 상품 등록 링크를 클릭하면 상품 등록 화면으로 이동한다.

 

 

 


 

 

 

 

[직접 해보기] 상품 등록을 위한 서블릿

 

1. 서블릿 클래스 만들기

 

 

 

 

이처럼 클래스를 만들고 코드를 작성한다.


 

 

 

 

2. 서블릿 코드 작성하기

 

여청 패턴이 productWrite.do로 지정된 것을 확인할 수 있다. produtWrite.do가 get 방식으로 요청되면 20줄의 doGet() 메서드가 호출된다. productWrite.jsp로 포워딩하는데 여기서 작성한 서블릿이 제대로 동작하려면 상품 등록을 위한 페이지가 필요하다.


 

 

 

 

 

[직접 해보기] 상품 등록 화면을 위한 JSP 페이지

 

 

PorductDAO 클래스에 상품 등록을 위한 insertProduct() 메서드를 추가했다. 이제 상품 정보를 데이터베이스에 저장하는 작업을 위해 ProductWriteServlet 클래스의 doPost() 메서드에 다음과 같은 코드를 추가한다.


 

 

 

 

 

[직접 해보기] 상품 등록을 위한 서블릿

 

1. 코드 작성하기


 

 

 

 

 

2. 코드 오류 수정하기

근데 52번째 줄에서 빨간 줄이 뜨고 있다. 이것은 메서드가 만들어지지 않아서 그런 것 같다.

 

 

 

 

ProductDAO 서블릿 클래스에서 이와 같은 메서드를 만들자 빨간줄이 사라졌다.


 

 

 

 

 

3. 코드 분석하기

 

 


 

 

 

 

4. 코드 실행하기

 

 

 

 

숫자로 입력해야 하는데 문자로 쓰면 이렇게 오류 페이지가 뜬다. 원래는 알림창이 나타나야 하는데 아직 자바스크립트로 만들지 않아서 이렇게 나타난다.

 

 

 

 

 

폼에 입력된 정보가 올바른지 판단하는 자바스크립트 파일을 script 폴더에 product.js라는 이름으로 작성하겠다.


 

 

 

 

 

학습을 마치고

아직 자바스크립트 코드를 작성하지는 않아 상품 등록 페이지를 다 완성하지 못했다. 그런 다음에는 상품 수정 작업도 해볼 것이다. 책에는 데이터베이스로 실행하는 것은 나와있지 않아 다음 포스트에서 혼자서 진행해보기로 했다.