下面的例子说明了如何编写一个简单的基于 web 的应用程序,它利用了使用 spring 的 web mvc 框架的 html 表单。为了开始使用它,让我们在恰当的位置使用 eclipse ide,然后按照下面的步骤使用 spring 的 web 框架来开发一个动态的基于表单的 web 应用程序:
步骤 | 描述 |
---|---|
1 | 创建一个名称为 helloweb 的动态 web 项目,并且在已创建的项目的 src 文件夹中创建一个包 com.tutorialspoint。 |
2 | 将上面提到的 spring 和其他库拖拽到文件夹 webcontent/web-inf/lib 中。 |
3 | 在 com.tutorialspoint 包下创建一个 java 类 student 和 studentcontroller。 |
4 | 在 webcontent/web-inf 文件夹下创建 spring 的配置文件 web.xml 和 helloweb-servlet.xml。 |
5 | 在 webcontent/web-inf 文件夹下创建名称为 jsp 的子文件夹。在这个子文件夹下创建视图文件 student.jsp 和 result.jsp。 |
6 | 最后一步是创建所有的源代码和配置文件的内容,并导出该应用程序,正如下面解释的一样。 |
这里是 student.java 文件的内容:
package com.tutorialspoint;
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.tutorialspoint;
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";
}
}
在这里,第一个 service 方法 student(),我们已经在名称为 “command” 的 modelandview 对象中传递一个空的 student 对象,因为 spring 框架需要一个名称的 “command” 的对象,如果你在 jsp 文件中使用 <form:form> 标签。所以,当 student() 方法被调用时,它返回 student.jsp 视图。
第二个 service 方法 addstudent() 将调用 helloweb/addstudent url 中的 post 方法。你将根据提交的信息准备好你的模型对象。最后一个 “result” 视图会从 service 方法中返回,它将导致呈现 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.tutorialspoint" />
<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>
最后,下面是包含在你的 web 应用程序中的 spring 和其他库的列表。你仅仅需要将这些文件拖拽到 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
一旦你完成了创建源代码和配置文件后,导出你的应用程序。右键单击你的应用程序,并且使用 export > war file 选项,并且在 tomcat 的 webapps 文件夹中保存你的 helloweb.war 文件。
现在启动你的 tomcat 服务器,并且确保你能够使用标准的浏览器访问 webapps 文件夹中的其他 web 页面。现在尝试访问该 url http://localhost:8080/helloweb/student。如果你的 spring web 应用程序一切都正常,你应该看到下面的结果:
在提交必需的信息之后,单击提交按钮来提交这个表单。如果你的 spring web 应用程序一切都正常,你应该看到下面的结果: