Spring 静态页面例子

下面的例子说明了如何使用 spring mvc 框架来编写一个简单的基于 web 的应用程序，它可以在 <mvc:resources> 标签的帮助下访问静态页面和动态页面。为了开始使用它，让我们在恰当的位置使用 eclipse ide，然后按照下面的步骤使用 spring 的 web 框架来开发一个动态的基于表单的 web 应用程序：

步骤	描述
1	创建一个名称为 helloweb 的动态 web 项目，并且在已创建的项目的 src 文件夹中创建一个包 com.tutorialspoint。
2	将上面提到的 spring 和其他库拖拽到文件夹 webcontent/web-inf/lib 中。
3	在 com.tutorialspoint 包下创建一个 java 类 webcontroller。
4	在 webcontent/web-inf 文件夹下创建 spring 的配置文件 web.xml 和 helloweb-servlet.xml。
5	在 webcontent/web-inf 文件夹下创建名称为 jsp 的子文件夹。在这个子文件夹下创建一个视图文件 index.jsp。
6	在 webcontent/web-inf 文件夹下创建名称为 pages 的子文件夹。在这个子文件夹下创建一个静态文件 final.htm
7	最后一步是创建所有的源代码和配置文件的内容，并导出该应用程序，正如下面解释的一样。

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

package com.tutorialspoint;
import org.springframework.stereotype.controller;
import org.springframework.web.bind.annotation.requestmapping;
import org.springframework.web.bind.annotation.requestmethod;
@controller
public class webcontroller {
   @requestmapping(value = "/index", method = requestmethod.get)
   public string index() {
       return "index";
   }   
   @requestmapping(value = "/staticpage", method = requestmethod.get)
   public string redirect() {     
      return "redirect:/pages/final.htm";
   }
}

下面是 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 page redirection</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 的内容

<?xml version="1.0" encoding="utf-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
 xmlns:xsi="http://www.w3.org/2001/xmlschema-instance" 
 xmlns:context="http://www.springframework.org/schema/context"
 xmlns:mvc="http://www.springframework.org/schema/mvc"
 xsi:schemalocation="http://www.springframework.org/schema/beans
 http://www.springframework.org/schema/beans/spring-beans-2.5.xsd
 http://www.springframework.org/schema/mvc
 http://www.springframework.org/schema/mvc/spring-mvc-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 id="viewresolver" class="org.springframework.web.servlet.view.internalresourceviewresolver">
    <property name="prefix" value="/web-inf/jsp/" />
    <property name="suffix" value=".jsp" />
    </bean>

    <mvc:resources mapping="/pages/**" location="/web-inf/pages/" />
    <mvc:annotation-driven/>

</beans>

在这里，<mvc:resources..../> 标签被用来映射静态页面。 mapping 属性必须是一个指定一个 http 请求的 url 模式的 ant 模式。 location 属性必须指定一个或者多个具有包含图片，样式表，javascript 和其他静态内容的静态页面的资源目录位置。多个资源位置可以使用逗号分隔这些值的列表来被指定。

下面是 spring 视图文件 web-inf/jsp/index.jsp 的内容。这将是一个登陆页面，这个页面将发送一个请求来访问 staticpage 的 service 方法，它将重定向这个请求到 web-inf/pages 文件夹中的一个可用的静态页面。

<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<html>
<head>
    <title>spring landing page</title>
</head>
<body>
<h2>spring landing pag</h2>
<p>click below button to get a simple html page</p>
<form:form method="get" action="/helloweb/staticpage">
<table>
    <tr>
    <td>
    <input type="submit" value="get html page"/>
    </td>
    </tr>
</table>  
</form:form>
</body>
</html>

下面是 spring 视图文件 web-inf/pages/final.htm 的内容。

<html>
<head>
    <title>spring static page</title>
</head>
<body>

<h2>a simple html page</h2>

</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
spring-web.jar

一旦你完成了创建源代码和配置文件后，导出你的应用程序。右键单击你的应用程序，并且使用 export > war file 选项，并且在 tomcat 的 webapps 文件夹中保存你的 helloweb.war 文件。

现在启动你的 tomcat 服务器，并且确保你能够使用标准的浏览器访问 webapps 文件夹中的其他 web 页面。现在尝试访问该 url http://localhost:8080/helloweb/index。如果你的 spring web 应用程序一切都正常，你应该看到下面的结果：

单击 “get html page” 按钮来访问 staticpage 中的 service 方法中提到的一个静态页面。如果你的 spring web 应用程序一切都正常，你应该看到下面的结果：