관리자 :: 상품 리스트 출력

상품 등록하는데 은근 시간이 오래 걸렸다..
(사진 놈 .. 때문에 .. 어려워 .....)

아이고 이뿌다 키키

이미지가 정상적으로 들어가는 것을 확인했으니,
이제 아래에 등록한 상품 리스트를 출력해보자 !!

* 이번에는 응용 ver.
: 리스트 위에 검색 기능을 추가해주자!

ProductMapper.xml

product_info 의 데이터를 모두 들고오는데, (여기까지는 저번에 진행했던 것과 똑같다.)
where 절을 이용해서 조건을 추가해줘야지!
상품 이름을 검색해서 가져올 것인데
여기서 검색하는 값을 keyword라는 파라미터로 받아줄 것이다.
일치하는 값이 아닌 포함하는 값을 가져올 것이니 LIKE로 받아준다.

그리고 카테고리를 선택해서 그 카테고리에 포함되어있는 상품 정보들을 가져올 것인데,
카테고리를 선택하지 않았을 경우에는 전체 값을 가지고 올수 있도록 if절을 추가해주었다.

ProductMapper.java

Mapper.java도 작성해주공

ProductService.java

keyword를 입력하지 않았을 경우에는 모든값이 나올수 있도록 %% 으로 처리해주고
keyword를 입력했을 경우에는 그 keyword를 포함하는 값을 가지는 값을 출력할 수 있도록
앞 뒤로 %를 넣어준다 !

그리고 이제 API로 가볼까요

ProductAPiController.java

값을 조회하는 GetMapping을 사용해준다.

API까지 해줬으니, 이제 jsp에서 검색해줄 공간이랑, 리스트를 출력해줄 공간을 만들어 주자

Product.jsp

그럼 이제 js에서 ajax로 리스트를 가져와주자

product.js

리스트가 잘 출력되는 것을 확인할 수 있다.


+ 여기서 리스트를 보면,
카테고리, 업체명, 배송사를 seq값으로 들고온다.
이 아이들을 seq값이 아닌 이름으로 들고오도록 해주자

우선 첫번째, 카테고리 먼저 진행해주자
이 아이는 seq값으로 이름을 들고와줘야한다. mapper먼저 차례대호 해보자

CategoryMapper.xml

CategoryMapper.java

카테고리 이름을 가지고 올 수 있도록 만들어주고,
카테고리 이름을 받아줄수 있는 변수를 ProductVO에 생성해준다.

ProductVO.java

그리고 CategoryMapper 에서 카테고리 이름을 가지고 오도록 만들어주었으니,
그것을 사용하기 위해 ProductService에 CategoryMapper를 Autowired해준다.

ProductService.java

카테고리 seq를 받아와서 CategoryMapper를 통해 카테고리 이름을 가져오고
그 가져온 이름을 아까 ProductVO에서 만들어준 변수 category_name에 넣어준다!

(사실 이부분이 너무헷갈리고 모르겠어서 예전에 사용했던 코드를 많이 참고해서 작성했지만 ....... 그래도 헷갈려 ...)

그럼 이제 js에서 출력해주는 값을 category_name으로 변경해주고
category_name을 잘 받아오는지 확인해보자

product.js

pi_cate_seq로 받아오던 애를 category_name으로 변경해주었다.

카테고리 이름을 잘 받아와서 출력해주는 것을 확인했다 !!
그럼 이제 업체명(판매자)와 배송사(배송업체) 또한 seq값이 아닌, 이름으로 받아올수 있도록 작업해보자

업체명(판매자)

SellerMapper.xml

SellerMapper.java

ProductVO.java

ProductService.java

ProductService.java

product.js

판매자도 완성~!


배송사 (배송 업체)

DeliveryMapper.xml

DeliveryMapper.java

ProductVO.java

ProductService.java

ProductService.java

product.js

배송 업체까지 이름으로 출력하는 것을 완료했다!

++ 추가로 리스트에 사진도 같이 출력해주자

product.js

js에서 img를 넣어주었다.

짜잔~ 이뻐지는군 ...

아이 예뻐라 ....

다음 게시물에는 검색 기능을 추가해주자!