[블로그 만들기] 글 목록

w3schools에 들어가서 BS4 Cards 카테고리에 들어가줍니다. 글 목록 태그를 가져오기 위해서 입니다.

아래로 좀 내리다보면 Card Images가 나오는데 여기의 Example 코드를 복사해줍니다.

list.jsp라는 리스트를 보여줄 파일을 하나 만들어줍니다. header와 footer는 include 해줍니다.

header와 footer 사이에 복사해둔 코드를 붙여넣기 해줍니다.

필요 없는 것들은 삭제해주고 서버를 실행시켜보면

카드가 하나 생긴 것을 볼 수 있습니다.

적은 글 들이 모두 보여야하므로 반복문으로 감싸줍니다.

반복문으로 감쌀 때 post테이블의 모든 게시글의 정보를 가져오기 위해 메서드를 만들어줍니다. PostController 클래스에 메인 페이지 겸 게시글 목록을 보여주는 메서드를 만듭니다.

@Controller annotation을 달아서 IoC 컨테이너에 올려주고, DI를 해줍니다.

posts 메서드를 보면 매핑 주소가 2개가 들어있는 것을 볼 수 있습니다. 매핑 주소가 들어가는 괄호 안에 {} 중괄호를 쓰고 주소2개를 적어주면 2개의 주소가 모두 매핑 주소가 됩니다.

Model을 매개변수로 받아서 post테이블의 데이터를 모두 select 해주고 select 해준 것을 model에 올려줍니다.

post 테이블에 있는 게시글의 정보를 모두 가져와야하기 때문에 EL 표현식을 통해 Model에 올려둔 post의 정보를 가져옵니다.

 

서버를 실행시켜 봅니다.

post 테이블

post 테이블에 있는 게시글이 목록으로 잘 보입니다.