[쇼핑몰 홈페이지 제작] 관리자 페이지 2 - 상품 관리 1 : 상품을 구성하는 헤더, 푸터, 좌측 메뉴 페이지 만들기

전체적인 흐름을 분석하는 페이지에서 작성할 부분이 참 많았다. 이제 상품 관리하는 기능도 구현해 보겠다.

---

 

 

 

상품 관리

로그인이 성공적이었다면 관리자 페이지로 이동하게 되는데 관리자 페이지들은 화면 상단과 하단은 물론 좌측에 공통된 메뉴를 제공받는다. 이를 위한 파일들을 살펴보도록 하겠다.

---

 

 

 

 

[직접 해보기] 각 화면에서 공통으로 사용되는 헤더 파일을 작성하기

 

소스 코드에 end 코드가 없어 노란 줄이 뜨는 문제를 수정했다. div의 end 코드를 어디에 넣어야 할지 고민하다 제일 마지막에 넣었다.

---

 

 

 

 

[직접 해보기] 각 화면에서 공통으로 사용되는 풋터 파일을 작성하기

---

 

 

 

 

[직접 해보기] 서브 페이지에서 좌측 메뉴를 구성하는 파일

 

관리자로 로그인에 성공하였을 경우 제공되는 첫 페이지가 상품 리스트이다. 이를 위해서 ProductDAO에 관리자를 위한 상품 처리 메서드를 추가한다. 

---

 

 

 

 

[직접 해보기] 상품 테이블을 액세스하는 DAO 클래스에 메서드 추가하기

 

상품 관리를 위한 폼에 입력된 정보가 올바른지 판단하는 자바스크립트 파일을 WebApp의 하위 폴더인 product에 product.js란 이름으로 작성한다. 자바스크립트 파일은 이미 header.jsp 페이지에서 포함하고 있다.

---

 

 

 

 

[직접 해보기] 폼에 입력된 정보가 올바른지 판단하는 자바스크립트 파일

---

 

 

 

 

학습을 마치고

상품 페이지를 만들고 있는데 아직 페이지를 확인해보지 않았지만 다 되면 멋진 홈페이지가 완성될 것 같다. 다음 포스트에서는 상품 리스트를 만들어볼 것이다.