Spring MVC JSP Form Tags Tutorial

박지성 학부생·2024년 2월 21일
0

BackEnd Develop log

목록 보기
25/27

공식문서

결과


클라이언트가 /user URL에 접속:

  • 사용자가 웹 브라우저를 통해 /user로 GET 요청
  • Spring MVC의 UserController가 요청 처리:
    • @RequestMapping(value = "/user", method = RequestMethod.GET)에 매핑된 user() 메서드가 호출
    • ModelAndView 객체 생성 및 반환:
      user() 메서드는 ModelAndView 객체를 생성, 뷰 이름으로 "user", 모델 객체로 "command"를 설정하고, 초기화된 User 객체를 모델에 추가. 이 ModelAndView 객체는 뷰(즉, user.jsp)와 모델 데이터를 포함한다.
  • 뷰 렌더링:
    반환된 ModelAndView 객체에 따라 user.jsp 페이지가 렌더링된다.
  • 폼 데이터 제출:
    사용자가 폼을 작성하고 제출 버튼을 클릭하면, 폼 데이터는 /addUser로 POST 요청을 통해 전송된다.
  • POST 요청 처리:
    • @RequestMapping(value = "/addUser", method = RequestMethod.POST)에 매핑된 addUser(@ModelAttribute("SpringWeb") User user, ModelMap model) 메서드가 호출.
    • 이 메서드는 제출된 폼 데이터를 받아 User 객체에 바인딩하고, 이 객체를 모델에 추가한다.
  • 결과 뷰 렌더링:
    addUser 메서드는 "users" 문자열을 반환한다. 반환된 뷰 이름에 따라 users.jsp 페이지가 렌더링되고, 이 페이지에는 ModelMap에 추가된 사용자 정보가 표시된다.
  • ModelAttribute 메서드:
    @ModelAttribute 어노테이션이 붙은 메서드들은 UserController의 모든 요청 처리 메서드가 호출되기 전에 실행되어, 뷰에 전달될 모델 데이터를 준비한다.

User (M)

public class User {
    private String username;
    private String password;
    private String address;
    private boolean receivePaper;
    private String[] favoriteFrameworks;
    private String gender;
    private String favoriteNumber;
    private String country;

    public String getUsername() {
        return username;
    }

    public void setUsername(String username) {
        this.username = username;
    }

    public String getPassword() {
        return password;
    }

    public void setPassword(String password) {
        this.password = password;
    }

    public String getAddress() {
        return address;
    }

    public void setAddress(String address) {
        this.address = address;
    }

    public boolean isReceivePaper() {
        return receivePaper;
    }

    public void setReceivePaper(boolean receivePaper) {
        this.receivePaper = receivePaper;
    }

    public String[] getFavoriteFrameworks() {
        return favoriteFrameworks;
    }

    public void setFavoriteFrameworks(String[] favoriteFrameworks) {
        this.favoriteFrameworks = favoriteFrameworks;
    }

    public String getGender() {
        return gender;
    }

    public void setGender(String gender) {
        this.gender = gender;
    }

    public String getFavoriteNumber() {
        return favoriteNumber;
    }

    public void setFavoriteNumber(String favoriteNumber) {
        this.favoriteNumber = favoriteNumber;
    }

    public String getCountry() {
        return country;
    }

    public void setCountry(String country) {
        this.country = country;
    }
}

User (V)

<%@taglib uri = "http://www.springframework.org/tags/form" prefix = "form"%><%@ page isELIgnored="false" %>
<html>
<head>
  <title>Spring MVC Form Handling</title>
</head>
<body>
<h2>User Information</h2>
<form:form method = "POST" action = "addUser">
  <table>
    <tr>
      <td>
        <form:label path = "username">User Name</form:label>
      </td>
      <td>
        <form:input path = "username" />
      </td>
    </tr>
    <tr>
      <td>
        <form:label path = "password">Password</form:label>
      </td>
      <td>
        <form:password path = "password" />
      </td>
    </tr>
    <tr>
      <td>
        <form:label path = "address">Address</form:label>
      </td>
      <td>
        <form:textarea path = "address" rows = "5" cols = "30" />
      </td>
    </tr>
    <tr>
      <td>
        <form:label path = "receivePaper">Subscribe Newsletter</form:label>
      </td>
      <td>
        <form:checkbox path = "receivePaper" />
      </td>
    </tr>
    <tr>
      <td>
        <form:label path = "favoriteFrameworks">Favorite Web Frameworks</form:label>
      </td>
      <td>
        <form:checkboxes items = "${webFrameworkList}" path = "favoriteFrameworks" />
      </td>
    </tr>
    <tr>
      <td>
        <form:label path = "gender">Gender</form:label>
      </td>
      <td>
        <form:radiobutton path = "gender" value = "M" label = "Male" />
        <form:radiobutton path = "gender" value = "F" label = "Female" />
      </td>
    </tr>
    <tr>
      <td>
        <form:label path = "favoriteNumber">Favorite Number</form:label>
      </td>
      <td>
        <form:radiobuttons path = "favoriteNumber" items = "${numbersList}" />
      </td>
    </tr>
    <tr>
      <td>
        <form:label path = "country">Country</form:label>
      </td>
      <td>
        <form:select path = "country">
          <form:option value = "NONE" label = "Select"/>
          <form:options items = "${countryList}" />
        </form:select>
      </td>
    </tr>
    <tr>
      <td colspan = "2">
        <input type = "submit" value = "Submit"/>
      </td>
    </tr>
  </table>
</form:form>
</body>
</html>

Users (V)

<%@taglib uri = "http://www.springframework.org/tags/form" prefix = "form"%>
<html>

<head>
  <title>Spring MVC Form Handling</title>
  <%@ page isELIgnored="false" %>
</head>

<body>
<h2>Submitted User Information</h2>
<table>
  <tr>
    <td>Username</td>
    <td>${username}</td>
  </tr>
  <tr>
    <td>Password</td>
    <td>${password}</td>
  </tr>
  <tr>
    <td>Address</td>
    <td>${address}</td>
  </tr>
  <tr>
    <td>Subscribed to Newsletter</td>
    <td>${receivePaper}</td>
  </tr>
  <tr>
    <td>Favorite Web Frameworks</td>
    <td>
      <% String[] favoriteFrameworks = (String[])request.getAttribute("favoriteFrameworks");
        for(String framework: favoriteFrameworks) {
          out.println(framework);
        }
      %>
    </td>
  </tr>
  <tr>
    <td>Gender</td>
    <td>${(gender=="M"? "Male" : "Female")}</td>
  </tr>
  <tr>
    <td>Favourite Number</td>
    <td>${favoriteNumber}</td>
  </tr>
  <tr>
    <td>Country</td>
    <td>${country}</td>
  </tr>
</table>
</body>
</html>

UserController (C)

@Controller
public class UserController {

    @RequestMapping(value = "/user", method = RequestMethod.GET)
    public ModelAndView user() {
        User user = new User();
        user.setFavoriteFrameworks((new String[] {
                "Spring MVC",
                "Struts 2"
        }));
        user.setGender("M");
        ModelAndView modelAndView = new ModelAndView("user", "command", user);
        return modelAndView;
    }

    @RequestMapping(value = "/addUser", method = RequestMethod.POST)
    public String addUser(@ModelAttribute("SpringWeb") User user,
                          ModelMap model) {
        model.addAttribute("username", user.getUsername());
        model.addAttribute("password", user.getPassword());
        model.addAttribute("address", user.getAddress());
        model.addAttribute("receivePaper", user.isReceivePaper());
        model.addAttribute("favoriteFrameworks", user.getFavoriteFrameworks());
        model.addAttribute("gender", user.getGender());
        model.addAttribute("favoriteNumber", user.getFavoriteNumber());
        model.addAttribute("country", user.getCountry());
        return "users";
    }

    @ModelAttribute("webFrameworkList")
    public Object[] getWebFrameworkList() {
        List < String > webFrameworkList = new ArrayList < String > ();
        webFrameworkList.add("Spring MVC");
        webFrameworkList.add("Struts 1");
        webFrameworkList.add("Struts 2");
        webFrameworkList.add("Apache Wicket");
        return webFrameworkList.toArray();
    }

    @ModelAttribute("numbersList")
    public List < String > getNumbersList() {
        List < String > numbersList = new ArrayList < String > ();
        numbersList.add("1");
        numbersList.add("2");
        numbersList.add("3");
        numbersList.add("4");
        return numbersList;
    }

    @ModelAttribute("countryList")
    public Map < String, String > getCountryList() {
        Map < String, String > countryList = new HashMap < String, String > ();
        countryList.put("US", "United States");
        countryList.put("KR", "Republic of Korea");
        countryList.put("SG", "Singapore");
        countryList.put("MY", "Malaysia");
        return countryList;
    }
}

소스코드

profile
참 되게 살자

0개의 댓글