Study/SpringBoot

[스프링 부트 입문 07]폼 데이터 주고 받기

슬기로운 개발자 2022. 5. 3. 00:30
728x90
* 학습목표 form에서 입력한 데이터 -> 던져진 데이터를 컨트롤러에서 확인하는 작업
1. 입력 폼 생성.
- form요소 생성 -> temple/new.mustache

2. 컨트롤러 추가.
- controller 생성
- 메서드 안에 return 값에 "form요소가 담겨있는 view 페이지를 호출"
- @GetMapping("브라우저에서 접속하는 URL 주소")

3. 폼 데이터 전송.
- form 요소 action="/articles/create"에는 정보를 보내줄 URL 정보를 적어주고
- method="post"는 보내줄 데이터 방식을 적어준다, "post" 비공개 "get" 공개
- 그리고 input요소와 textarea요소에 name="DTO 객체 이름"을 적어주고
- button의 submit 속성으로 서버에 데이터를 전송한다.

4. 폼 데이터 받기.
- controller의 @PostMapping("/articles/create") 폼에서 던져진 주소를 넣어줌

5. DTO 작성하기.
- 기본 패키지에 -> dto 패키지 추가 / 컨트롤러와 같은 레벨
- ArticleForm.java 추가 -> form 요소의 데이터를 받아올 DTO 객체
- 2개의 데이터 -> 2개의 필드
- 생성자를 통해 초기화
- toString() 메서드를 통해 데이터가 잘 받아졌는지 확인.

6. 컨트롤러에 폼에서 던져진 데이터를 받아오기
- @PostMapping("/articles/create") 메서드 파라미터에
- (ArticleForm form) DTO를 넣어줌.
- form에서 던져진 데이터를 받아오기 위해.
- println으로 넘겨받은 데이터 확인!

https://github.com/Giltaehyeong/firstproject/commit/da9f0693b7ee59ff91022b81d5e51a86cf14777b

 

[스프링 부트 입문 07]폼 데이터 주고 받기. · Giltaehyeong/firstproject@da9f069

* 학습목표 form에서 입력한 데이터 -> 던져진 데이터를 컨트롤러에서 확인하는 작업 1. 입력 폼 생성. - form요소 생성 -> temple/new.mustache 2. 컨트롤러 추가. - controller 생성 - 메서드 안에 return 값에 "fo

github.com

소스코드참고.

https://www.youtube.com/channel/UCpW1MaTjw4X-2Y6MwAVptcQ

 

홍팍

클라우드 스터딩 채널 Cloud Studying Channel https://cloudstudying.kr

www.youtube.com

 

728x90