본문 바로가기
[개발] 프레임워크/Spring

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

by Devsong26 2017. 11. 8.

스프링 디비 연동 포스팅은 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 태그의 의해서 웹 브라우저가 웹 서버에 데이터를 요청하고 그 응답을 받을 경우 웹 페이지 화면 자체가 갱신이 됩

developer-syubrofo.tistory.com

 

Map - Hashtable 사용하는 방법

1. Hashtable이란? Map 인터페이스를 구현한 클래스입니다. 2. 특징 1) (key,value)쌍으로 데이터를 입력합니다. 2) key, value의 값은 null이 될 수 없습니다. 3) Hashtable 객체는 initial capacity와 load fa..

developer-syubrofo.tistory.com

 

Set - HashSet 사용하는 방법

- HashSet이란? Set인터페이스를 구현한 hash table입니다. - 특징 (1) 입력된 순서로 저장되지 않습니다. (2) element의 중복을 허용하지 않습니다. (3) null element를 허용합니다. (4) 동기화처리가 되지 않습.

developer-syubrofo.tistory.com

 

Set - LinkedHashSet 사용하는 방법

1. LinkedHashSet이란? Set인터페이스를 구현하고 Hash Set클래스를 상속받은 Linked List입니다. 2. 특징 - iteration 작업을 할 경우, Set에 삽입된 순서대로 접근합니다. - 데이터 중복을 허용하지 않으며, 중

developer-syubrofo.tistory.com

 

List - LinkedList 사용하는 방법

1. LinkedList란? Deque, List인터페이스를 구현한 Doubly-Linked list입니다. 2. 특징 - 노드들로 이루어져있으며, 각 Node는 [데이터 | 다음 노드의 주소값]을 갖습니다. - 리스트의 원소에 접근하는 것은 Node..

developer-syubrofo.tistory.com