[블로그] 스프링이 제공 <페이징처리>

글 목록 보기
1. boardController
2. service
3. db
4. index.jsp -> <c:foreach>

controller

@GetMapping("/") //세션 확인 하는 방법!
	public String index(Model model,@PageableDefault(size=2, sort="id",direction = Sort.Direction.DESC) Pageable pageable) {
	
		
		model.addAttribute("boards",boardService.글목록(pageable));
		return "index";
	}
    

service

	public Page<Board> 글목록(Pageable pageable){
		return boardRepository.findAll(pageable);
	}
    

pageable 를 사용해서 넘어들어는 값!

{
"content": [
{
"id": 2,
"username": "jch941022",
"password": "$2a$10$35daV0yoANUjLPYk3m/.yOKHePw6vECr4FzwD3/tqIYEmK084jaKq",
"email": "leh202@naver.com",
"role": "USER",
"createDate": "2021-04-24T05:37:12.171+00:00"
},
{
"id": 1,
"username": "ssr",
"password": "$2a$10$ckDPfYKtCRvEGB6owAZTcufk.p6EGO40QFHEHa5LVVYIkIzqjTr32",
"email": "ssr@naver.com",
"role": "USER",
"createDate": "2021-04-23T11:23:16.451+00:00"
}
],
"pageable": {
"sort": {
"sorted": true,
"unsorted": false,
"empty": false
},
"offset": 0,
"pageNumber": 0,
"pageSize": 2,
"unpaged": false,
"paged": true
},
"totalPages": 1,
"totalElements": 2,
"last": true,
"number": 0,
"size": 2,
"sort": {
"sorted": true,
"unsorted": false,
"empty": false
},
"numberOfElements": 2,
"first": true,
"empty": false
}

pageing을 위한 bootstrap

Bootstrap 4 Pagination - Disabled State 사용

<c:choose>
	<c:when test = "${boards.first }">
		 <li class="page-item disabled"><a class="page-link" href="?page=${boards.number-1}">Previous</a></li>	
	</c:when>
	<c:otherwise>
 		<li class="page-item"><a class="page-link" href="?page=${boards.number-1}">Previous</a></li>	
	</c:otherwise>
</c:choose>
 
<c:choose>
	<c:when test = "${boards.last }">
		  <li class="page-item disabled"><a class="page-link" href="?page=${boards.number+1 }">Next</a></li>
	</c:when>
	<c:otherwise>
 		 <li class="page-item"><a class="page-link" href="?page=${boards.number+1 }">Next</a></li>
	</c:otherwise>
</c:choose>