5. 상세페이지에 서브이미지(포토) 가져오기

영화 이미지들을 저장 후, 영화 이미지 db를 다음과 같이 작성한다. movie_no는 해당 영화의 고유 넘버를, 파일 이름은 해당 영화 이미지의 파일 이름을 의미한다.

 

 

 

MovieService에 각 영화의 서브 이미지들을 불러오는 서비스 코드를 작성

 

 

 

해당 영화의 넘버를 불러오면 영화 이미지 데이터들을 불러오게끔 하였다.

 

 

 

카테고리 방식으로 영화의 고유 넘버가 주소에 들어오면 그 넘버의 이미지 데이터들을 불러오게끔 하였고, 영화 이미지 각각의 이름을 카테고리 방식으로 불러오게 하여, 그 영화의 이미지를 불러온다.

 

 

 

상세 페이지의 HTML에 걸리 자바스크립트에 가서, 서브 이미지 데이터들을 GET하는 함수와 불러온 데이터들을 화면에 나타내는 함수를 만들고, 실행하게 하였다. 이미 만들어놓은, 영화의 넘버를 가져오는 input hidden을 이용해 해당 영화의 넘버를 가져오게 하였고, HTML을 만들 때, 이미지의 주소를 위의 영화 이미지 주소를 적고, 불러온 데이터에서 각 영화의 파일 이름을 카테고리에 적용하여 이미지들을 불러오게 하였다.

 

 

 

 

그 결과 포토 부분에 해당 영화의 이미지들이 뜨게 된다.