프로젝트(영화 평점사이트)

3. 상세페이지에 감독 및 배우 목록 가져오기

MY_STUDY 2023. 9. 13. 10:33

출연진 데이터베이스이다. 감독이랑 배우를 포함한다.

 

 

 

 

오늘의 목표, 영화 상세페이지에 감독, 출연자 목록을 집어넣는 것이다. 그리고 영화 제작자 부분에 역할 리스트들을 집어 넣을 것이다. 왜 그런가 하면, 각 영화마다 제작자들의 역할 목록들이 모두 다르기 때문. 어떤 것은 '미술' 쪽이 없는 곳이 있고, 어떤 것은 '원작' 부분이 없는 것이 있기 때문이다.

 

 

 

 

일단 감독과 배우들의 얼굴 이미지들의 이미지 주소를 다음과 같이 설정한다.

 

 

 

쿼리문을 다음과 같이 작성한다. 영화 넘버를 이용하여 감독 목록, 출연자 목록을 조회하는 방식이다.

 

영화 제작자의 역할 리스트를 불러오기 위해 'role' 컬럼의 중복제거값들을 불러온다. 이 역시 영화 넘버를 이용하여 해당 영화의 역할 리스트를 불러오는 방식이다.

 

 

 

무비 컨트롤러로 가서, @ResponseBody로 감독과 출연자 데이터를 저장한다.

 

 

 

상세페이지의 html로 가서 hidden input을 넣고, 여기에 영화의 넘버 값을 저장한다. 

상세페이지의 js로 와서 hidden으로 가져온 영화 넘버를 .value를 이용하여 가져오도록 하고 그것을 해당 주소에 집어 넣는다. 그러면 @PathVarible로 카테고리값을 가져와서 해당 영화의 감독 데이터를 가져온다. 가져온 값을 이용하여, html을 만든다. 영화 이미지 역시 위에서 정한 주소대로 집어 넣는다.

 

 

 

배우 부분도 이와 비슷하다. 배우는 극중 배역을 불러와서 html에 집어넣었다.

 

 

 

 

그 결과 성공적으로 감독과 배우 목록들을 가져올 수 있었다.

 

 

 

 

영화 maker의 데이터들이다. 여기서 role의 중복 제거값들을 가져와서 제작자 목록 부분에 보여지도록 하겠다.

 

 

 

간단하다. 무비 컨트롤러로 가서 이미 만들어놓은 상세 페이지의 새부 내용을 전달하는 GetMapping 함수로 가서. 이미 만들어놓은 메소드를 불러와 추가하면 된다. 그리고 영화 세부내역, 장르내역을 불러온 것과 같이 model을 이용하여 값을 전달한다. 그리고 그것을 each문을 돌려 모두 출력되도록 하였다.

 

 

 

왼쪽의 제작자 역할 목록들이 성공적으로  불려왔다. 오른쪽은 각 제작자들의 이름을 나열할 부분이다. 내일 할 예정