3.1~3.2 폼 데이터를 DTO로 받기(게시판 만들기 / 길벗 코딩 자율학습단)

폼 데이터

HTML 요소인 <form> 태그에 실려 전송되는 데이터

웹 브라우저를 이용할 때 서버로 데이터를 보낼때 주로 사용함

ex) 로그인 정보(아이디, 비밀번호)등

 

 

DTO

<form> 태그에 실어 보내진 데이터들이 담기는 공간(서버의 컨트롤러)

Controller로 폼데이터를 받아 최종적으로 DB(Database)에 저장함

 

폼 데이터를 DTO로 받는 방법(과정/순서)

1. 입력 폼 만들기

• templates > Directory > New > File 을 통해 mustache 파일(뷰페이지) 생성
• <form> 태그를 통해 입력받을 페이지 작성
• 입력 받은 정보를 어디로 보낼지는 action 속성으로 어떻게 보낼지는 method 속성으로 설정
• DTO와 연결될 속성 추가(title & content)

 

2. 컨트롤러 만들기

• 프로젝트 > controller 패키지에 새 컨트롤러 만들기
• 컨트롤러임을 선언하고(@Controller)
• @GetMapping을 통해 뷰 페이지를 반환할 수 있도록 함
• post 속성으로 온 요청을 받기 위해 @PostMapping()을 이용하여 컨트롤러에서 정보 받기
• 이에 따른 메서드를 생성하고 반환값을 작성

 

3. DTO 만들기

• DTO를 작성하기 위한 새 패키지 만들기(프로젝트.DTO)
• DTO패키지에 새로운 Java Class를 만들고 2개의 필드 선언(title, content)
• 전송받은 제목과 내용을 필드에 저장할 생성사 추가
• 폼 데이터를 잘 받았는지 확인하기 위한 toString() 매서드 생성
• 폼 데이터를 잘 받았는지 확인하기 위해 컨트롤러에 toString 매서드를 실행하는 코드 작성

 

결과