Spring MVC 表单提交

下面的例子展示了如何编写一个简单的基于Web的应用程序，它利用了使用Spring的Web MVC框架的HTML表单。要开始使用它，使用Eclipse IDE，并按照以下步骤使用Spring Web框架开发动态表单的Web应用程序：

步骤	描述
1	Create a Dynamic Web Project with a name HelloWeb and create a packagecom.yiibai under the src folder in the created project.
2	Drag and drop below mentioned Spring and other libraries into the folder WebContent/WEB-INF/lib.
3	Create a Java classes Student and StudentController under the com.yiibai package.
4	Create Spring configuration files Web.xml and HelloWeb-servlet.xml under theWebContent/WEB-INF folder.
5	Create a sub-folder with a name jsp under the WebContent/WEB-INF folder. Create a view files student.jsp and result.jsp under this sub-folder.
6	The final step is to create the content of all the source and configuration files and export the application as explained below.

这里是Student.java文件的内容：

package com.yiibai;

public class Student {
   private Integer age;
   private String name;
   private Integer id;

   public void setAge(Integer age) {
      this.age = age;
   }
   public Integer getAge() {
      return age;
   }

   public void setName(String name) {
      this.name = name;
   }
   public String getName() {
      return name;
   }

   public void setId(Integer id) {
      this.id = id;
   }
   public Integer getId() {
      return id;
   }
}

以下是StudentController.java文件的内容：

package com.yiibai;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.servlet.ModelAndView;
import org.springframework.ui.ModelMap;

@Controller
public class StudentController {

   @RequestMapping(value = "/student", method = RequestMethod.GET)
   public ModelAndView student() {
      return new ModelAndView("student", "command", new Student());
   }
   
   @RequestMapping(value = "/addStudent", method = RequestMethod.POST)
   public String addStudent(@ModelAttribute("SpringWeb")Student student, 
   ModelMap model) {
      model.addAttribute("name", student.getName());
      model.addAttribute("age", student.getAge());
      model.addAttribute("id", student.getId());
      
      return "result";
   }
}

在这里，第一个服务方法student()，我们已经通过名称“command”的ModelAndView对象的Student空对象，因为spring框架需要一个对象名称“command”，如果使用的是<form:form>标签在JSP文件中。因此，当student()方法被调用返回student.jsp视图。

第二个服务方法addStudent()将调用映射的URL HelloWeb/addStudent 的POST方法。您将根据所提交的信息，准备好模型对象。最后一个“result”视图会从服务方法返回，渲染result.jsp。

以下是Spring Web配置文件web.xml 的内容

<web-app id="WebApp_ID" version="2.4"
    xmlns="http://java.sun.com/xml/ns/j2ee" 
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee 
    http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
 
    <display-name>Spring MVC Form Handling</display-name>
 
    <servlet>
        <servlet-name>HelloWeb</servlet-name>
        <servlet-class>
           org.springframework.web.servlet.DispatcherServlet
        </servlet-class>
        <load-on-startup>1</load-on-startup>
    </servlet>

    <servlet-mapping>
        <servlet-name>HelloWeb</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>
 
</web-app>

下面是另一个Spring Web配置文件的HelloWeb-servlet.xml 内容

<beans xmlns="http://www.springframework.org/schema/beans"
   xmlns:context="http://www.springframework.org/schema/context"
   xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
   xsi:schemaLocation="
   http://www.springframework.org/schema/beans     
   http://www.springframework.org/schema/beans/spring-beans-3.0.xsd
   http://www.springframework.org/schema/context 
   http://www.springframework.org/schema/context/spring-context-3.0.xsd">

   <context:component-scan base-package="com.yiibai" />

   <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
      <property name="prefix" value="/WEB-INF/jsp/" />
      <property name="suffix" value=".jsp" />
   </bean>
 
</beans>

以下是Spring视图文件student.jsp的内容

 

<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<html>
<head>
    <title>Spring MVC Form Handling</title>
</head>
<body>

<h2>Student Information</h2>
<form:form method="POST" action="/HelloWeb/addStudent">
   <table>
    <tr>
        <td><form:label path="name">Name</form:label></td>
        <td><form:input path="name" /></td>
    </tr>
    <tr>
        <td><form:label path="age">Age</form:label></td>
        <td><form:input path="age" /></td>
    </tr>
    <tr>
        <td><form:label path="id">id</form:label></td>
        <td><form:input path="id" /></td>
    </tr>
    <tr>
        <td colspan="2">
            <input type="submit" value="Submit"/>
        </td>
    </tr>
</table>  
</form:form>
</body>
</html>

以下是Spring视图文件result.jsp 的内容

<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<html>
<head>
    <title>Spring MVC Form Handling</title>
</head>
<body>

<h2>Submitted Student Information</h2>
   <table>
    <tr>
        <td>Name</td>
        <td>${name}</td>
    </tr>
    <tr>
        <td>Age</td>
        <td>${age}</td>
    </tr>
    <tr>
        <td>ID</td>
        <td>${id}</td>
    </tr>
</table>  
</body>
</html>

最后，下面是Spring和其他库包含在Web应用程序的列表。你只需将这些文件拖放它们的WebContent/ WEB-INF/ lib文件夹中。

• commons-logging-x.y.z.jar

• org.springframework.asm-x.y.z.jar

• org.springframework.beans-x.y.z.jar

• org.springframework.context-x.y.z.jar

• org.springframework.core-x.y.z.jar

• org.springframework.expression-x.y.z.jar

• org.springframework.web.servlet-x.y.z.jar

• org.springframework.web-x.y.z.jar

• spring-web.jar

创建源代码和配置文件完成后，导出应用程序。右键单击应用程序和使用Export> WAR文件选项并保存SpringWeb.war文件到Tomcat的webapps文件夹中。

现在启动Tomcat服务器，并确保您能够访问来自的webapps文件夹中使用标准的浏览器。现在尝试一个URL http://localhost:8080/SpringWeb/student，你应该看到下面的结果：

提交必要的信息后点击提交按钮提交表单。应该看到下面的结果：