관리자 :: 상품 등록

관리자 메뉴 중에서 이제 상품관리와 추천 상품 관리가 남았다.

추천 상품 관리는 어짜피 상품 관리 리스트를 가져와서

진행하는 것이기 때문에

상품관리 먼저 완료해주도록 하자

 

 

상품을 등록할 때, 지금까지 등록한 카테고리, 판매자(업체), 배송업체 리스트를 가져와서

거기서 선택을 해서 데이터를 집어 넣을 수 있도록 해주자

 

그렇게 하기위해서는 상품 controller에서

카테고리, 판매자, 배송업체 데이터를 autowired를 통해 가져와서

model로 내보내어주도록 만들어주자

 

그럼 상품관리 페이지로 연결해주는 controller로 먼저 가자

 

AdminController.java

AdminController.java

전체 데이터를 가져와서 list로 출력해주는 service를 모두 가져와줘서

각각의 이름으로 clist, slist, dlist로 지정해준다.

 

자 그럼 jsp에서 상품을 등록해줄 수 있는 table을 만들어주자

아래의 데이터 베이스를 참고해서

 

product.jsp

우선 카테고리 list를 반복문으로 해서 전체를 가져올 것이기 때문에 

상단에 taglib를 추가해준다 (c:forEach를 사용하기위해)

 

그리고 우선 category값이 잘 나오는지 확인해주자

(아까 controller에서 model로 가져온 clist가 잘 출력되는지 !)

 

데이터를 잘 가져와준다.

그럼 나머지도 이어서 진행해주자

 

product.jsp

아래에도 다음과 같이 작성해주었다.

 

이제 상품을 등록해줄 틀은 만들었다

그럼 이제 입력하는 값을 데이터로 보낼 수 있도록 해줘야지

 

우선 이 데이터들을 받을 vo먼저 만들어주자

 

ProductVO.java

DB를 참고해서 만들어주었다.

 

그리고 mapper부터 차례대로 해주자

 

ProductMapper.xml

ProductMapper.java

ProductService.java

Service까지 작성했다 !

여기서 상품 정보 중에서 null이 허용되지 않은 애들에 대해서 처리해주도록하자!

 

위에 있는 DB를 참고하면, not null인 컬럼은

상품명, 카테고리, 판매자, 제조일, 배송업체, 가격이다.

나머지 데이터들을 입력하지 않았을 경우에는 0을 출력해주도록 하자

 

처리를 해보자

 

그럼 이제 API로 가자

 

ProductAPIController.java

이번에는 service에서 다 처리해줬기에

API가 깔끔해졌다.

 

그럼 이제 js로 가서 기능을 해주도록 해줄까요

js 파일을 생성해주고, jsp에서 (새로 만든) js 파일 연결해준다.

그리고 제이쿼리도 같이 추가해주기

 

 

product.js

잘 작동하는 것을 확인했으니,

 

입력하고 선택하는 값이 DB에 잘 들어가도록 만들어주자

 

product.js

우선 여기까지 해주고 잘 작동하는지 중간 확인

 

잘 작동하느군 .. 그럼 이제 데이터를 진짜로 넣어주자

 

product.js

ajax~! 일해라~!

 

이렇게 입력해주고,

잘 등록되는지 확인해주자

 

데이터가 성공적으로 들어거는 것을 확인할 수 있다.

(DataBase 잘 확인하기)

 

상품 등록은 완료했다.

 

다음 게시물에서는 사진을 등록할 수 있도록 해주자

(음 .. 사실 저번에 사진 등록하기 할때 ..

엄청 고생했던 기억이 있다 .. 뭐든 쉬운게 없다만은 .. 마음의 준비를 좀 ... 하고 하는걸로 ...)