Spring3 MVC를 이용한 웹 요청 처리 (2) - HTML 폼 값 받기

HTML 폼 값 받기

1. hello.jsp에 입력폼 만들기

<form name="form01" method="post" action="hello.do">  제목 : <input type="text" name ="title" size="20"><br>  이름 : <input type="text" name ="name" size="20"><br>  Id:   <input type="text" name ="userId" size="20"><br> < /form> <input type="button" name ="send" value="send" onclick="document.form01.submit()"> < P> 입력받은 값 ${board.title} ${board.name} ${board.userId}

2. HelloController 에 폼 값 받기 메소드 작성

@Controller @RequestMapping(value="/hello.do") public class HelloController {       @RequestMapping(method=RequestMethod.POST)       public void setFormData(@ModelAttribute("board") BoardBean board){          } }

hello.do에 POST방식으로 Request가 있으면 setFormData메소드가 데이터를 받는다.
데이터를 받을때 넘어오는 폼 값의 이름은 BoardBean와 mapping해서 해당 bean에 넣어준다.
기본적으로 boardBean 이라는 이름의 객체에 넣어주지만 이름을 변경하고 싶으면
@ModelAttribute("board")를 선언해주면 board에 담겨진다.

3. 입력한 데이터 확인

 

 

입력받은 값 ${board.title} ${board.name} ${board.userId}

@ModelAttribute로 정의한 board 객체에 각 폼의 name에 저장된 값을 가져오면된다.


4. List type 폼 데이터 받기

private List<BoardBean> boardList = null;   public List<BoardBean> getBoardList() {    return boardList;   }   public void setBoardList(List<BoardBean> boardList) {    this.boardList = boardList;   }

BoardBean에 List 변수를 선언 해주고

<form name="form01" method="post" action="hello.do">  제목 : <input type="text" name ="boardList[0].title" size="20"><br>  이름 : <input type="text" name ="boardList[0].name" size="20"><br>  Id:   <input type="text" name ="boardList[0].userId" size="20"><br>    제목 : <input type="text" name ="boardList[1].title" size="20"><br>  이름 : <input type="text" name ="boardList[1].name" size="20"><br>  Id:   <input type="text" name ="boardList[1].userId" size="20"><br>  < /form>   < input type="button" name ="send" value="send" onclick="document.form01.submit()"> < P> 입력받은 값 ${board.boardList[0].title} ${board.boardList[1].title}

boardList[0].title 과 같은 형식으로 name을 작성해주면 된다.
화면에 보여줄때는 board.boardList[0].title 형식으로 표현한다.

Posted by 꽃훈군