관리자 :: 추천상품 관리 (1)

관리자 :: 추천상품 관리 (1)

오늘은 !!!! 관리자 페이지에서 마지막 권한

추천 상품 관리 기능을 추가해 줄 것이다.

추천 상품은

상품 관리에 있는 상품들 중에서 선택해서 가져와서 추천 상품을 보여줄수 있도록 해줄 것이다.

추천 상품 데이터 베이스를 확인하면 다음과 같다.

그냥 상품 seq와 연결된 칼럼밖에 없다.

그럼 inner join으로 seq값에 해당하는 상품 정보를 가져와야겠군요~

(1) 추천 상품으로 추가한 리스트를 가져오고

(2) 추천 상품 리스트에 없는 상품들의 리스트를 가져올 것이고

(3) 추천 상품을 추가해줄 것이고

(4) 추천 상품 리스트에서 삭제하는

4가지 기능을 동시에 할 것이다 !!

눈 똑바로 뜨고 시작하자요~

(그리고 Recommand 폴더를 따로 만들어서 진행할까 했는데 ..그냥 Product폴더에서 모두 진행하도록 하자)

그럼 이제 mapper.xml부터 시작하자

ProductMapper.xml

위에서 부터 차례대로

추천상품 데이터를 조회하고, 추천되지 않은 데이터를 조회하고,

추천상품을 추가하고, 삭제하는 sql문이다.

이 sql문은 디비버에서 검증을 마친 친구들이다.

그럼 이제 mapper.java로 가자

ProductMapper.java

데이터를 조회하는 select은

추천상품과 비추천상품들을 리스트로 출력할 것이기에

return값을 list로 해주고

추가하고 삭제하는 애들은 return 값이 없기에 void로 해준다.

ProductService.java

서비스까지 작성했으니, 이제 API로 가자 !!

ProductAPIController.java

리스트를 가져오는 애들은 GetMapping

추천상품을 추가하는 애는 PutMapping, 삭제하는 애는 DeleteMapping 을 사용했다.

추천상품 데이터 베이스에 임의로 상품 seq를 추가해주고

arc를 통해 잘 작동되는지 확인해주었다.

추천 상품 리스트 잘 나오고요

비추천상품 리스트도 잘 나오고요

추천 상품 추가도 잘되고요

삭제도 잘되네용

그럼 이제 jsp에서 리스트를 가져와줄 table을 만들어주자

recommand.jsp

그럼이제 js로 가서 리스트르 가져와주자

product.js

ajax를 통해 가져왔다

리스트는 가져와졌는데 null ...

null 사랑하지 않아 ....

자 .. 서비스가서 처리해주자

ProductService.java

상품관리에서 상품 리스트를 출력할 때 처리해줬던 애들을 참고(복붙)해서 가져왔다.

짜잔 ~ 잘나와유

우측에 있는 삭제하기 버튼을 활성화 시켜주자

recommand.js

사이트로 가서 삭제하기 버튼을 클릭하니,

다음과 같은 alert과 함께 삭제가 됨을 확인할 수 있다.

confirm을 추가해주자

recommand.js

이제 confirm을 한번 거쳐야 삭제가 된다.

게시물이 길어질 것 같아서

다음 게시물에 이어서

비추천상품 리스트를 팝업창으로 들고와서 버튼을 이용해 상품 리스트에 추가하는 작업을 진행하도록 하겠다.

from http://bonory.tistory.com/31 by ccl(A) rewrite - 2021-09-22 13:27:33