페이지 분할 기능

페이지 분할 기능이란?

목록을 보여주는 list.jsp 를 여러 페이지로 나누어 보여주는 기능입니다.
게시판의 레코드가 600 개라면 목록을 보여주는 list.jsp 안에서 while 문이 600번 실행되어야 합니다.
레코드가 600 이 아니라 60,000, 600,000 이라면 문제는 심각해집니다.
이 문제는 목록을 여러 페이지로 나누면 보여주면 해결됩니다.
여기서는 이것을 "페이지 분할 기능" 이라고 이름을 붙이겠습니다.
테스트를 위해 기존에 인서트한 레코드를 모두 삭제한 후, 다음 파일를 이용해서 board 테이블에 테스트를 위한 레코드를 삽입합니다. 테스트파일

레코드를 그룹으로 묶기 위한 SQL

다음 SQL문은 페이지 분할 기능을 위한 핵심적인 역할을 하는 오라클 SELECT 문으로, 정렬된 레코드를 차례로 10개씩 묶어 그룹화 할 때 첫번째 그룹을 보여주기 위한 SQL문입니다.

레코드 그룹 1 에 해당하는 레코드를 fetch 하는 SQL문

SELECT boardno,title,wdate FROM (
	SELECT ROWNUM R, A.* FROM (select boardno, title, wdate
		FROM board ORDER BY boardno DESC) A)
WHERE R BETWEEN 1 and 10;

레코드 그룹 2 에 해당하는 레코드를 fetch 하는 SQL문

SELECT boardno,title,wdate FROM (
	SELECT ROWNUM R, A.* FROM (select boardno, title, wdate
		FROM board ORDER BY boardno DESC) A)
WHERE R BETWEEN 11 and 20;

레코드 그룹 3 에 해당하는 레코드를 fetch 하는 SQL문

SELECT boardno,title,wdate FROM (
	SELECT ROWNUM R, A.* FROM (select boardno, title, wdate
		FROM board ORDER BY boardno DESC) A)
WHERE R BETWEEN 21 and 30;

여기서 ROWNUM 은 SELECT 문장에 대해서 오라클의 가상 컬럼으로 1부터 순차적으로 붙여집니다.
WHERE 절에서 ROWNUM 을 이용하여 보여줄 레코드를 그룹별로 추출할 수 있습니다.
list.jsp 를 요청할 때 동시에 그룹번호를 파라미터로 넘겨준다면 그룹에 해당하는 시작 레코드번호와 마지막 레코드 번호를 구할 수 있습니다.
list.jsp 에 전달할 레코드 그룹번호에 해당하는 파라미터를 curPage,
list.jsp 소스 코드내에서 레코드 그룹번호를 저장하는 변수 역시 curPage 로 한다면 페이지 분할 기능을 아래처럼 구현 할 수 있습니다.

list.jsp

int curPage = (request.getParameter("curPage") == null) ? 1 : 
Integer.parseInt(request.getParameter("curPage"));

// 시작 레코드 계산  
int start = (curPage - 1) * 10 + 1;

// 마지막 레코드 계산
int end = start + 10 -1;

// 해당 페이지의 레코드 셋을 구한 후 출력합니다.
...
sql = "SELECT boardno,title,wdate FROM( " + 
          "SELECT ROWNUM R, A.* FROM( select boardno, title, wdate " +
          "FROM board ORDER BY boardno DESC) A) " + 
      "WHERE R BETWEEN " + start + " and " + end;
...

이제 우리는 list.jsp?curPage=1 과 같이 방문하면 10개씩 레코드를 볼 수 있게 되었습니다.
하지만 이렇게 사용자가 주소창에 일일히 쳐가며 방문하는 게시판은 없습니다.
일반적인 게시판은 게시글 아래 페이지를 직접 이동할 수 있는 링크를 제공합니다.
<a href="list.jsp?curPage=1">[1]</a>
그런데 페이지가 얼마나 생길 것인지를 계산하는 로직이 있어야 할 것 같습니다.
위에서 "레코드 그룹" 과 여기서 언급하는 페이지는 같은 의미입니다.
총 페이지를 안다면 총 페이지만큼 루프 문을 돌려 <a href="list.jsp?curPage=1">[1]</a> 과 같은 페이지 직접 이동 링크를 마지막 페이지까지 만들어 제공해 줄 수 있습니다.
총 페이지를 구하는 방법은 총 레코드 수를 통해서 구할 수 있습니다.

totalRecord

int totalRecord = 0;
String sql = "select count(*) cnt from board";
...

총 레코드 수를 구했다면, 아래 코드조각을 이용해서 총 페이지 수를 구할 수 있습니다.

totalPage

int totalPage = 0;
if ( totalRecord != 0 ) {
  if (( totalRecord % 10 ) == 0 ) {
    totalPage = ( totalRecord / 10 );
  } else {
    totalPage = ( totalRecord / 10 + 1);
  }	
}

이제는 총 페이지 수를 이용해서 페이지 직접 이동 링크를 제공할 수 있는 코드를 작성할 수 있습니다.

page direct link

<%
for ( int i = 1; i<=totalPage; i++ ) {
%>
   <a href="list.jsp?curPage=<%=i%>">[<%=i%>]</a>
<%
} // for statment end
%>

페이지당 보일 레코드 수를 저장할 변수를 numPerPage 라고 하고 각 페이지의 시작 레코드 번호와 마지막 레코드 번호를 구하는 코드는 아래와 같이 수정합니다.

int numPerPage = 10;

// 시작 레코드 계산  
int start = ( curPage - 1 ) * numPerPage + 1;

// 마지막 레코드 계산
int end = start + numPerPage - 1;

총 페이지 구하는 코드 역시 아래와 같이 변경되어야 합니다.

totalPage

int totalPage = 0;
if ( totalRecord != 0 ) {
  if ( ( totalRecord % numPerPage ) == 0 ) {
    totalPage = ( totalRecord / numPerPage );
  } else {
    totalPage = ( totalRecord / numPerPage + 1 );
  }	
}

다음은 이제까지 구현한 페이지 분할 기능 알고리즘을 정리한 것입니다.

페이지 분할 알고리즘

총 레코드 수를 구한다.
한 페이지당 보일 레코드 수를 결정하고, 총페이지 수를 구한다.
첫번째 레코드 번호와 마지막 레코드 번호를 구하여 출력한다.
각 페이지에 대한 직접 이동 링크를 만든다.

위 알고리즘을 기존의 list.jsp 파일에 적용하여 갱신합니다.

list.jsp

<%@ page contentType="text/html;charset=euc-kr" %>
<%@ page import="java.sql.*,net.java_school.util.*,net.java_school.db.dbpool.*" %>
<jsp:useBean id="dbmgr" scope="application"
class="net.java_school.db.dbpool.OracleConnectionManager" />
<html>
<body>
<%
  Log log = new Log();
  Connection con = null;
  PreparedStatement pstmt = null;
  ResultSet rs = null;
  String sql = null;

  //1. 총 레코드 수를 구한다.
  int totalRecord = 0; //총 데이터 개수를 저장할 변수
  
  try {
    con = dbmgr.getConnection();
    sql = "select count(*) cnt from board";
    pstmt = conn.prepareStatement( sql );
    rs = pstmt.executeQuery();
    rs.next();
    totalRecord = rs.getInt(1);
  } catch ( SQLException e ) {
  } finally {
    try {
      rs.close();
      pstmt.close();
      dbmgr.freeConnection( con );
      //log.close();로그파일의 파일 출력 스트림을 반환하지 않는다.
    } catch ( SQLException e ) {}
  }

  //2. 한 페이지당 보일 레코드 수를 결정하고, 총 페이지 수를 구한다.
  int numPerPage = 10; // 한 페이지당 보일 레코드 수 결정
  int totalPage = 0;  //총 페이지수를 저장할 변수
  if ( totalRecord != 0 ) {
    if ( ( totalRecord % numPerPage ) == 0 ) {
      totalPage = ( totalRecord / numPerPage );
    } else {
      totalPage = (totalRecord / numPerPage + 1 );
    }
  }
  
  //3. 첫번째 레코드 번호와 마지막 레코드 번호를 구하고 출력한다.
  int curPage = (request.getParameter("curPage") == null) ? 1 :
  Integer.parseInt(request.getParameter("curPage"));

  // 시작 레코드 계산 .....
  int start = ( curPage - 1 ) * numPerPage + 1;

  // 마지막 레코드 계산 .....
  int end = start + numPerPage - 1;

  // 해당 페이지의 레코드 셋을 구한 후 출력합니다.
  try {
    con = dbmgr.getConnection();
    sql = "SELECT boardno,title,wdate FROM(" +
              "SELECT ROWNUM R, A.* FROM(" + 
                "SELECT boardno, title, wdate FROM board ORDER BY boardno DESC) A) " + 
            "WHERE R BETWEEN ? and ?";
            
    pstmt = con.prepareStatement( sql );
    pstmt.setInt(1, start);
    pstmt.setInt(2, end);
    rs = pstmt.executeQuery();
    
    while ( rs.next() ) {
      int boardno = rs.getInt( "boardno" );
      String title = rs.getString( "title" );
      Date wdate = rs.getDate( "wdate" );
%>
  <a href="view.jsp?boardno=<%=boardno%>&curPage=<%=curPage%>"><%=title%></a>
    <%= wdate.toString() %><br>
<%
    } //while 문 끝
  } catch ( SQLException e ) {
    log.debug( "Error Source:list.jsp : SQLException" );
    log.debug( "SQLState : " + e.getSQLState() );
    log.debug( "Message : " + e.getMessage() );
    log.debug( "Oracle Error Code : " + e.getErrorCode() );
    log.debug( "sql : " + sql );
  } finally {
    try {
      rs.close();
      pstmt.close();
      dbmgr.freeConnection( con );
      log.close();
    } catch ( SQLException e ) {}
  }
%>
<br>
<%

// 4. 각 페이지에 대한 직접 이동 링크를 만든다.
for ( int i = 1;i <= totalPage;i++ ) {
%>
    <a href="list.jsp?curPage=<%= i %>"><%= i %></a>
<%
}
%>
<br>
<p>
<a href="write_form.jsp?curPage=<%=curPage%>">새글 쓰기</a>
</body>
</html>

JSP 페이지에서는 왜 page 란 변수를 만들지 못하는가?

JSP 에서는 page 라는 레퍼런스가 이미 선언되어 있습니다.
Object page = this;
따라서 page 란 이름으로 변수를 만들지 못합니다.

다음 강좌 : 페이지 직접 이동 링크수 제한
이전 강좌 : 게시판 연습

페이지 분할 기능