ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • -3부- 스프링 3.0 에서 Ajax 사용하는 방법에 대해 알아보자. ( DWR 3.0 RC2 편 )
    Web 2011.10.18 09:38
    ※ 본문은 크롬(Chrome) 브라우저에 최적화 되어 있습니다. 

    스프링 3.0.6 + ibatis 2.3.4.726 프로젝트를 생성 하고자하는 사람들을 위해 한번 정리해 보았다.

    1. -1부-  프로젝트 구조와 설정 파일에 대해 설명했다.
    2. -2부-  에러없이 작동하는 간단한 스프링 3.0 + ibatis 연동에 대해 설명한다.
    3. -3부-  스프링 3.0 에서 Ajax 사용하는 방법에 대해 알아보자. ( DWR 3.0 RC2 편 ) 
    4. -4부-  스프링 3.0 에서 Ajax 사용하는 방법에 대해 알아보자. ( @ResponseBody 를 통한 방법 ) 





    스프링 3.0 에서 Ajax를 사용해 보자.



    1. DWR (Direct Web Remoting) 3.0 을 이용한 Ajax 구현 방법 
        

      DWR version 3.0 rc2 버전이 필요하다. 홈페이지에 가서 다운 받자.

      DWR 은 3.0 버전으로 업데이트 되면서 어노테이션 사용을 지원하게 되었다. 

      아직은 RC버전이지만 간단히 사용하는데는 무리가 없을 것이다.

      그러므로 실제 실무환경에 사용하는 것은 각자 판단에 따른다.   
       




    DWR 3.0 을 이용한 Ajax 구현 방법 



    1. STP 프로젝트에 dwr.jar 라이브러리를 추가 해 준다. 


      모두 프로젝트에 라이브러리 추가 하는 방법은 아실거다.
      모르면 뭐...
      어쩔수 없다. 구글신에게 물어봐라. ^^
































    2. 프로젝트 내의 web.xml 파일에 소스를 추가 해 준다.







       

       
    3. springapp-servlet.xml - 소스 추가

      8, 17, 18, 26~31 라인이 새로 추가한 부분이다.







    4. Board.xml - 테이블 목록 개수를 알아보는 쿼리를 작성하자










    5. DAO - 인터페이스와 구현은 언제나 쌍으로...












    6. Service - 인터페이스와 구현은 언제나 쌍으로...




      14 라인 -  @RemoteProxy(name="AjaxBoard") 어노테이션을 선언했다. name 속성을 지정 해 주지 않으면 기본적으로 BoardServiceMgrImpl 라는 이름으로 지정된다. 
      37 라인 -  내부 클래스에 @RemoteMethod 어노테이션을 선언해 준다.
      그럼, View 쪽에서  AjaxBoard.ajaxSelectBoardCnt() 이런식으로 호출할 수 있게 된다. ^^ 






    7. View - JSP 페이지에 출력해 보자.


      블로그에 소스를 이쁘게 표현할려고 적용한 SyntaxHighlighter 가 html 구문을 완벽히 출력 해주지 못해서 본의 아니게 소스 내에
      주석처리를 한 부분이 있는 것은 알아서 이해하시길 바란다. 여러분은 하이라이트 부분만 참고 하시면 되겠다.
      <%@ page language="java" contentType="text/html; charset=EUC-KR"
          pageEncoding="EUC-KR"%>
          
      <%@ include file="/WEB-INF/jsp/include.jsp"%>
      
      
      
      
      연습 - 게시판 목록 -
      
      
      
      
      
      
      
      
      
      
      게시판 목록
      번호 제목 작성자 등록일
      조회하신 결과가 없습니다.


      -->




    8. 테스트 - URL 호출

      http://127.0.0.1:8080/board/boardList.stp 주소로 테스트를 진행하면 아래와 같은 화면을 접하게 된다.








      마무리

      DWR 3.0 을 이용한 Ajax 구현 방법에 대해 알아 보았는데...
      글이 길어졌다. ㅡ..ㅡa
      @ResponseBody 를 통한 Ajax 구현 방법에 대해서는 다음 페이지에서 글을 이어나가야 겠다.
      그럼, 즐~코딩! 


    댓글 0

Designed by black7375.