스프링 게시판 만들기 #11. 페이징 구현 3

다음 글 : #12. 검색 구현 1
이전 글 : #10. 페이징 구현 2

스프링 게시판 만들기 #1~11 깃허브 링크
스프링 게시판 만들기 (전체) 깃허브 링크

지금 이대로 사용해도 기능적으로는 문제가 없지만, 좀 난잡한감이 없지않아있습니다.

페이징을 만드는 저 코드를 하나의 클래스로 떼어내도록 하겠습니다.

com.board.domain 을 우클릭한 후 New → Class를 선택합니다.

페이징을 관리하는 클래스니까, 이름은 Page 로 하겠습니다.

이렇게하면 지나가는 사람 붙잡고 물어봐도, 페이징과 관련된 클래스라는것을 알것입니다.

BoardController에서 작업한 페이징 기능을 Page로 옮기는것이기 때문에 이렇게 두개를 켜놓고 작업했습니다.

먼저 컨트롤러에서 사용한 각 변수를 선언해줍니다.

// 현재 페이지 번호
private int num;

// 게시물 총 갯수
private int count;

// 한 페이지에 출력할 게시물 갯수
private int postNum = 10;

// 하단 페이징 번호 ([ 게시물 총 갯수 ÷ 한 페이지에 출력할 갯수 ]의 올림)
private int pageNum;

// 출력할 게시물
private int displayPost;

// 한번에 표시할 페이징 번호의 갯수
private int pageNumCnt = 10;

// 표시되는 페이지 번호 중 마지막 번호
private int endPageNum;

// 표시되는 페이지 번호 중 첫번째 번호
private int startPageNum;

// 다음/이전 표시 여부
private boolean prev;
private boolean next;

다음은 getter와 setter를 설정합니다.

이때, setter는 2개만 필요로 합니다. 데이터 입력이 필요한건 현재 페이지 num, 게시물 총 갯수 count 이렇게 2개라서 그렇습니다.

마찬가지로 getter는 7개만 필요로하는데, 제가 실수로 2개를 더 넣었네요. Page 클래스에서 getter의 역할은 데이터를 출력하는, 그러니까 현재 컨트롤러에서 model에 넣어지는 데이터들입니다.

public void setNum(int num) {
 this.num = num;
}

public void setCount(int count) {
 this.count = count;
}

public int getCount() {
 return count;
}

public int getPostNum() {
 return postNum;
}

public int getPageNum() {
 return pageNum;
}

public int getDisplayPost() {
 return displayPost;
}

public int getPageNumCnt() {
 return pageNumCnt;
}

public int getEndPageNum() {
 return endPageNum;
}

public int getStartPageNum() {
 return startPageNum;
}

public boolean getPrev() {
 return prev;
} 

public boolean getNext() {
 return next;
}

다음은 데이터들을 계산하는 메서드를 만듭니다.

게시물 총 갯수를 알고난 시점부터 계산을 할 수 있으므로, setCount에서 메서드를 호출하면 됩니다.

dataCalc 메서드는 이번에 새로 만드는게 아니라, 기존 컨트롤러에 있는 코드를 그대로 가져와서 살짝 수정만해주면 됩니다.

private void dataCalc() {
 
 // 마지막 번호
 endPageNum = (int)(Math.ceil((double)num / (double)pageNumCnt) * pageNumCnt);
 
 // 시작 번호
 startPageNum = endPageNum - (pageNumCnt - 1);
 
 // 마지막 번호 재계산
 int endPageNum_tmp = (int)(Math.ceil((double)count / (double)pageNumCnt));
 
 if(endPageNum > endPageNum_tmp) {
  endPageNum = endPageNum_tmp;
 }
 
 prev = startPageNum == 1 ? false : true;
 next = endPageNum * pageNumCnt >= count ? false : true;
 
 displayPost = (num - 1) * postNum;
 
}

이제 컨트롤러에서 페이징이 있는 게시물 목록(getListPage)의 내부 코드를 모두 주석처리합니다.

Page형의 page변수를 생성합니다.

처음 생성하면 인식을 못하므로, Ctrl (컨트롤) + Shift (쉬프트) + O 를 눌러서 임포트 시켜줍니다. 혹시나해서 언급하지만 숫자 0이 아닌 영어 O입니다.

그럼 코드의 최상단부에 임포트되면서 에러가 없어집니다.

Page에 현재 페이지인 num, 게시물 총 갯수인 service.count()를 넣어주면 클래스 내부에서 계산을 합니다.

이렇게 계산된 데이터는 page.getDisplaytPost() 처럼 호출하여 사용할 수 있습니다.

page.setNum(num);
page.setCount(service.count());  

List list = null; 
list = service.listPage(page.getDisplayPost(), page.getPostNum());

model.addAttribute("list", list);   
model.addAttribute("pageNum", page.getPageNum());

model.addAttribute("startPageNum", page.getStartPageNum());
model.addAttribute("endPageNum", page.getEndPageNum());
 
  model.addAttribute("prev", page.getPrev());
model.addAttribute("next", page.getNext());  

model.addAttribute("select", num);

페이징 기능을 클래스로 분리하였기 때문에, 컨트롤러의 코드가 짧아졌습니다.

빨간박스로 표시한 부분은 모두 page 의 데이터입니다. 그렇다면 이것도 줄일 수 있겠군요.

기존 코드는 주석처리하고, 새로운 코드 한줄을 추가합니다.

model.addAttribute("page", page);

이렇게하면 page의 데이터 전부를 뷰(view)로 전달할 수 있습니다.

listPage.jsp를 열어 페이징 관련 코드쪽을 수정하겠습니다.

기존에 사용했던 모델명 앞에 page. 을 붙여줍니다.

<c:if test="${page.prev}">
 <span>[ <a href="/board/listPage?num=${page.startPageNum - 1}">이전</a> ]</span>
</c:if>

<c:forEach begin="${page.startPageNum}" end="${page.endPageNum}" var="num">
 <span>
 
  <c:if test="${select != num}">
   <a href="/board/listPage?num=${num}">${num}</a>
  </c:if>    
  
  <c:if test="${select == num}">
   <b>${num}</b>
  </c:if>
    
 </span>
</c:forEach>

<c:if test="${page.next}">
 <span>[ <a href="/board/listPage?num=${page.endPageNum + 1}">다음</a> ]</span>
</c:if>

page 의 데이터가 그대로 넘어왔기 때문에 page 내부의 데이터를 그대로 호출하여 사용할 수 있습니다.

이제 프로젝트를 실행해보면, 기존과 동일하게 동작하는것을 확인할 수 있습니다.

다른 페이지로 이동하여도 정상적으로 동작합니다.

다음 글 : #12. 검색 구현 1
이전 글 : #10. 페이징 구현 2

스프링 게시판 만들기 #1~11 깃허브 링크
스프링 게시판 만들기 (전체) 깃허브 링크