본문 바로가기

휴지통../Spring

Springboot 게시판 만들기 (5) - 게시글 리스트

- 테스트 데이터

테스트 데이터를 만들어 주기 위해서 프로시저를 생성해야 한다.

 

프로시저 

 

이후 call 프로시저 즉 call testDataInsert() 를 입력해준다. 프로시저를 통해 위와 같은 일련의 데이터베이스 쿼리문을 함수처럼 작성하여 이후 실행할때 보다 쉽게 쿼리문을 사용할 수 있다.

 

테스트 데이터 확인

 

프로지서를 통해 테스트 데이터가 들어간 것을 확인할 수 있습니다.

 

이후 BoardController로 돌아가서 List를 보여줄 수 있는 boardlist.html 파일을 만들어줍니다.

 

boardList 연결

이후 boardController에서 GetMapping을 통해서 boardlist와 해당 자바 코드를 연결시켜줍니다.

 

boardList 확인

 

이후 board/list 링크를 통해서 template과 boardController가 연결된 모습을 확인할 수 있습니다.

 

-  DB 연결 후 테스트 데이터 출력

이제 DB와 연결을 하여 테스트 데이터를 표에 출력을 해야한다. 출력을 위해서 프론트 HTML을 타임리프를 이용해서 사용할 것이다.

html 상단에 <html lang="en" xmlns:th="http://www.thymeleaf.org"> 을 추가하여 타임리프를 사용함을 명시해준다.

 

boarlist.html 타임리프 적용

 

타임리프를 적용시키기 위해 태그안에 th: 를 이용한다.
th:each를 이용해서 list 안에 있는 인덱스 만큼 반복하고, th:text를 통해 해당 id 와 제목을 출력해준다.

 

BoardService와 BoardController

 

BoardService에서 Board타입의 List를 findAll()함수를 통해 모두 가져온다.

이후 BoardController에서 boardService에 있는 boardList를 가져와서 list라는 이름의 속성으로 저장한다.

이러한 과정을 통해서 boardlist.html에서 board : ${list} 를 적어주어 board에 원하는 값을 저장할 수 있는 것이다.

 

이후 실행.

 

저장된 값 출력

 

표에 DB에 저장된 값이 알맞게 출력되는 것을 확인할 수 있다.