maven없이 스프링(Spring) 프로젝트 만들기 (3) - 디비(DB, Database) 연동하기 #3

스프링 디비 연동 포스팅은 3파트로 나뉩니다.

(1) DB 드라이버, ibatis, mybatis.jar 다운받기 및 셋팅

(2) DTO, DAO, mybatis 작업하기

(3) view 페이지 작업, Controller 작업하기

지금 보실 내용은 (3) view 페이지 작업, Controller 작업하기 입니다.

- view 페이지 작업

home.jsp 파일을 수정해야 합니다.

버튼을 클릭시 자바스크립트의 함수를 호출하여 요청 url로 보냅니다.

Controller에는 요청 url에 대한 메소드 처리를 해야합니다.

(view단 작업을 완료한 후 처리하겠습니다.)

WEB-INF/spring 폴더에 manage폴더를 만듭니다.

그 안에 register.jsp, findTel.jsp를 생성합니다.

아래는 register.jsp 코드입니다.

아래는 findTel.jsp 코드입니다.

findTel.jsp는 jquery.js가 없기 때문에 ajax실행이 안됩니다.

ajax를 실행시키는 방법은 아래와 같습니다. (작업하는 프로젝트 기준입니다.)

(1) https://jquery.com/download/에 접속하여 jquery-3.2.1 버전을 다운받습니다.

(2) WebContent안에 js 폴더를 만든 후 다운 받은 jquery-3.2.1.min.jar파일을 붙여넣기 합니다.

이제 Controller를 작업합니다.

@Autowired는 servlet.xml에서 <bean> 태그로 생성된 싱글톤을 주입해주는 어노테이션입니다.

그리고 위의 코딩을 진행하시면 json.jar파일이 없어서 JSONObject 클래스가 에러가 날 것입니다.

json파일은 https://code.google.com/archive/p/json-simple/downloads에 접속하여 json-simple-1.1.1.jar파일을 다운받고 lib폴더에 붙여 넣으신 후 import하면 됩니다.

마지막으로 servlet.xml에 HomeDAOImpl을<bean>태그로 선언합니다.

<bean class="spring.home.dao.HomeDAOImpl"/> 한 줄을 입력하면 됩니다.

웹 앱을 실행시켜 보겠습니다.

home.jsp 페이지가 나오면 회원등록을 누릅니다.

이름과 전화번호를 입력하고 등록을 누릅니다.(이 예제는 동일한 이름과 전화번호가 입력가능합니다.)

home.jsp 페이지로 돌아오면 번호찾기를 누릅니다.

이름을 입력하고 찾기를 누릅니다.

그럼 위와 같이 전화번호가 밑에 나오게 됩니다. 이것을 ajax라고 합니다.

이상으로 스프링 프로젝트를 이용하여 디비 연동하는 방법까지 알아봤습니다.

다음에는 ajax 설명을 하겠습니다.

블로그의 다른 글

maven없이 스프링(Spring) 프로젝트 만들기 (4) - Ajax 설명

- Ajax란? Asynchronous Javascript + XML의 약자이며 비동기적 통신을 말합니다. HTML form 태그의 의해서 웹 브라우저가 웹 서버에 데이터를 요청하고 그 응답을 받을 경우 웹 페이지 화면 자체가 갱신이 됩