[WEB/SPRING] 50일차 - include, 게시판 페이징 기능, 로그인/로그아웃시 원래 화면 그대로 가기, 동적쿼리(dynamic query)만들기

50일차

include - 두개의 jsp를 하나로 합치는 기능

 

<!-- include 2가지 방식 -->

 1. <%@ include file="/inc/login.jsp" %> : 두 개의 파일을 하나로 합침

 2. <jsp:include page="/inc/login.jsp" flush="true" />
  : 다 따로따로 총 세 개의 파일이 생긴다고 보면 됨.

 파일 합침 VS 결과 페이지만 합침

 * flush - 다 내보내지지 않고 버퍼에 남아있는 내용물을 모두 출력하기 위해 사용

 

실 사용 예제

<script type="text/javascript">

var xmlhttp;

if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari

      xmlhttp = new XMLHttpRequest();

} else {// code for IE6, IE5

      xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

}

// callback method (send 이후에 자동으로 불려진다.)

xmlhttp.onreadystatechange=function()

{

      if (xmlhttp.readyState==4 && xmlhttp.status==200)

      {

           document.getElementById("target").innerHTML=xmlhttp.responseText;

      }

}

function execute() {

      // open(method[GET,POST], url, async여부[true, false])

      xmlhttp.open("GET","<%=cp%>/re/list");

      xmlhttp.send();

}

</script>

 

<input type="button" onclick="execute();" value="click!" />

<div id="target" style="border: solid black thin;">여기가 변할 곳</div>

 

<!-- include 2가지 방식 -->

<!--

       @ include : 2개의 jsp가 하나의 jsp로 소스자체가 합쳐진다.

                  - 컴파일이 하나로 합쳐져서 다시 된다.

                  (하나의 소스가 변경되면 둘다 다시 컴파일한다.)

       jsp:include : 2개의 jsp가 각각 실행이 되서 하나의 결과로 합쳐진다.

                  - 컴파일이 따로따로 된다.

                  (하나의 소스가 바뀌어도 그 놈만 컴파일)

 -->

 

<%-- <%@ include file="/inc/login.jsp" %> --%>

<jsp:include page="/inc/login.jsp" flush="true" />

로그인/ 로그아웃 해도 그 화면 그대로 가기

 

2012/12/03 - [Dev. 스프링/참고소스 및 예제] - 로그인/로그아웃시 현재 페이지 그대로 있기

 

 

 

< 게시판 페이징 업그레이드!!!!! >

page : 페이지
totPage : 전체 페이지 수
pageListSize : 페이징의 페이지 개수
firstPage : page - (page-1)%pageListSize
lastPage : firstPage + pageListSize-1

 

2012/12/03 - [Dev. 스프링/참고소스 및 예제] - 페이징처리 예제 - 동적쿼리, include taglib 이용

 

동적쿼리(dynamic Query) 만들기

${} 바로 글씨가 들어감 ? 로 치환되는게 아님
#{} ? 로 치환되서 '내용' 으로 들어감

 

2012/10/08 - [Dev. 스프링/참고소스 및 예제] - 스프링(Spring)에서 동적쿼리(Dynamic Query) 사용 예제