관리 메뉴

클라이언트/ 서버/ 엔지니어 "게임 개발자"를 향한 매일의 공부일지

[쇼핑몰 홈페이지 제작] 관리자 페이지 3 - 상품 관리 2 : 상품 리스트와 상품 등록 페이지 만들기 본문

웹 · 앱 개발/JSP & Servlet

[쇼핑몰 홈페이지 제작] 관리자 페이지 3 - 상품 관리 2 : 상품 리스트와 상품 등록 페이지 만들기

huenuri 2024. 12. 26. 19:54

상품 리스트 페이지를 만들어보겠다.


 

 

 

 

상품 관리 두 번째

 

1. 상품 리스트

관리자 로그인 페이지에서 아이디와 비밀번호를 입력받아 [업무 로그인] 버튼을 클릭하여 로그인이 성공적이었다면 "NonageServlet?command=admin_product_list" 요청이 발생한다. 이 요청은 상품 리스트를 출력하는 페이지를 요청한다. 이 요청을 받아 처리하는 액션을 만들어 보겠다. 


 

 

 

 

[직접 해보기] 상품 리스트 페이지를 출력하는 액션 클래스


 

 

 

[직접 해보기] 커맨드 패턴으로 작업 처리를 위한 명령 처리 클래스 ActionFactory 수정하기

 

상품 리스트 화면에서는 상품 등록, 상품 상세 보기, 상품 수정 처리를 실행할 수 있다.


 

 


▼ 상품 등록 화면

상품 리스트 화면에서 [상품 등록] 버튼을 클릭하면 상품 등록 화면으로 이동한다.

 

상품 정보를 입력하고 [등록] 버튼을 클릭하면 상품 등록 처리가 완료되어 상품 리스트 화면으로 이동한다.

 

 

 

▼ 상품 상세보기

상품 상세 보기 페이지는 일반 게시판 글 내용 보기 부분과 동일한 코드로 되어 있다. 일반 게시판 코드 부분에 이미지를 출력할 수 있도록 코드를 수정해서 사용한다. 

 

 

 

 

▼ 상품 수정 화면

상품의 정보를 수정하는 페이지이다. 상품 삭제는 따로 하지 않고 삭제 대신 사용의무 칼럼을 두어 이를 제어해서 상품 판매가 불가능하도록 한다.


 

 

 

 

 

2. 상품 등록

상품 등록은 게시판을 응용한 대표적인 경우입니다. 상품 등록이 어떻게 구축되는지에 대한 전체 흐름을 보여주는 예제가 있는데, 이 예제를 기반으로 실제로 쓸 수 있는 코드로 바꿔보도록 하겠다. 
productList.jsp 페이지는 상품이 등록된 페이지이며, 이곳에서 [상품등록]을 클릭하면 "NonageServlet?command=admin _product_write_form"가 요청되어 상품 등록 페이지로 이동한다. 상품을 등록하기 위해서 이미지가 필요한데 이미지를 product_images 디렉터리에 저장하기 때문에 product_images 디렉터리를 미리 만들어 두어야 한다(이미 쇼핑몰 사용자 페이지를 만들면서 만들어 두었다). 상품 등록을 위해 상품 정보를 입력받는 입력 폼을 출력하는 액션 클래스를 만든다. 

 

 

[직접 해보기] 상품 정보를 입력받는 폼을 출력하는 액션 클래스


 

 

 

 

[직접 해보기] 상품 정보를 입력받는 JSP 페이지


 

 

 

 

[직접 해보기] 커맨드 패턴으로 작업 처리를 위한 명령 처리 클래스 ActionFactory 수정하기

 

상품 정보를 입력한 후에 [등록] 버튼을 클릭하면 “NonageServlet?command=admin_product_write” 요청이 발생하여 데이터베이스에 상품 정보를 추가하게 된다. 이 요청을 처리할 액션 클래스를 만들겠다. 


 

 

 

[직접 해보기] 상품 정보를 데이터베이스에 추가하는 액션 클래스


 

 

 

 

[직접 해보기] 커맨드 패턴으로 작업 처리를 위한 명령 처리 클래스 ActionFactory 수정하기

 

상품 리스트에서 상품명을 클릭하면 “NonageServlet?command=admin_product_detail” 요청이 발생하여 상품 상세 보기 페이지로 들어가게 된다. 이 요청을 처리할 액션 클래스를 만들겠다. 


 

 

 

 

[직접 해보기] 상품 상세 정보를 보여줄 액션 클래스


 

 

 

 

학습을 마치고

상품 상세 정보를 보여주는 액션 클래스까지 작성해 보았다. 상품 등록에서 더 작성할 파일이 있으니 그것까지 하고 홈페이지를 열어 테스트해 보겠다.