WEB 개발/Spring Project

Spring WEB Project 04 - DB에 데이터 삽입하기

DanStory 2019. 2. 8. 22:23


이제 DB 출력을 확인했으니, 입력하는 방법을 알아보겠습니다.

간단합니다! 출력 반대로(?)


요약

- DB에 data insert하기-

1. .jsp 에 input 추가하여 controller로 던져주기

2. controller에 데이터 삽입 메서드 작성하기

3. mapper에 insert 문 작성하기

4. 동작 확인하기



시작합니다!

1. jsp에 input 추가하여 contoller로 던져주기

처음에 데이터 입력할 페이지를 설정을 해줍니다. 저는 testpage.jsp에다가 하려고 합니다.

데이터 삽입 페이지, 출력 페이지 따로 구성할 수 도 있지만

저는 그냥 한 페이지에 입력하면 바로 출력할 수 있도록 만들 계획입니다.


- form을 이용하여 페이지에서 입력된 값을 구분자 값 -"/testPage/insert_data"를 'POST'형식으로 controller로 던져줄 것입니다.


일단 작성 했으니 페이지 동작하는지 확인


굿


2.  Contoller에 메서드 추가하기

이제 Controller에 던져준 값을 처리할 메서드를 작성합니다.

저는 testPageController.java에 추가하면 되겠군요


1
2
3
4
5
6
7
8
9
10
11
/*jsp 페이지에서 구분자로 "/testPage/insert_data" 값으로 던져주었기 떄문에 해당 값으로 RequesetMapping을 합니다.
  post 형식으로 던졌기 때문에 post로 받아주기! (GET/POST 형식의 차이는 면접에서 자주 물어보는 기본 질문이니 숙지합시다 ㅎㅎ) */
@RequestMapping(value = "/testPage/insert_data", method = RequestMethod.POST)
 
    //메서드 작성하기 @Model 어노테이션을 통해 testPage 생성
    public String insert_data(@ModelAttribute testPage testpage){
        
        System.out.print(testpage.toString()); //view에서 제대로 값 던져주는지 확인하기        
        
        return "redirect:/testPage";  //요청 처리 후 testPage로 다시 연결
    }
cs

* GET/POST 간단정리 (자세한건 검색하기!)



2.1 이후 웹 페이지에서 데이터 입력하고 확인해봅니다.

console로 확인 하면 완료!



3. mapper에 insert 문 작성하기

mapper에 DB로 입력 할 Inert문을 작성합니다.



3.1 mapper에 insert_data를 생성 후 controller에서 mapper로 전달 해 줄 문장을 추가합니다.


4. 확인하기

- 데이터 jin / user 데이터 작성 


- 저장 버튼 누른 후 테이블 변동 확인


정상 동작하면 완료!!


이렇게 DB를 입력 출력을 완성했습니다.

이것을 응용하면 회원가입/ 로그인 / 게시판 입력/수정/삭제 와 같은 기능을 작성할 수 있을 것 입니다.

물론 깊게 들어가면 부가적으로 들어가는 개념들을 이해해야겠지만요


아무튼 오늘은 끝!