Spring MVC - 静态页面示例

以下示例展示了如何使用 Spring MVC 框架编写一个简单的基于 Web 的应用程序，该应用程序可以在 <mvc:resources> 标记的帮助下访问静态页面和动态页面。

首先，让我们准备好一个可用的 Eclipse IDE，并按照以下步骤使用 Spring Web 框架开发基于动态表单的 Web 应用程序。

步 描述
1 按照 Spring MVC - Hello World 章节中的说明，在 com.tutorialspoint 包下创建一个名为 HelloWeb 的项目。
2 在 com.tutorialspoint 包下创建一个 Java 类 WebController。
3 在jsp子文件夹下创建静态文件final.htm 。
4 更新WebContent/WEB-INF文件夹下的Spring配置文件HelloWeb-servlet.xml，如下所示。
5 最后一步是创建源文件和配置文件的内容并导出应用程序，如下所述。

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";
   }
}

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.../>标签用于映射静态页面。映射属性必须是指定 http 请求的 URL 模式的Ant 模式。location 属性必须指定一个或多个具有静态页面（包括图像、样式表、JavaScript 和其他静态内容）的有效资源目录位置。可以使用逗号分隔的值列表来指定多个资源位置。

以下是 Spring 视图文件WEB-INF/jsp/index.jsp的内容。这将是一个登陆页面；该页面将发送一个访问staticPage 服务方法的请求，该方法会将该请求重定向到 WEB-INF/pages 文件夹中可用的静态页面。

索引.jsp

<%@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>

最终.htm

<html>
   <head>
      <title>Spring Static Page</title>
   </head>
   <body>
      <h2>A simple HTML page</h2>
   </body>
</html>

创建源文件和配置文件后，导出您的应用程序。右键单击您的应用程序，使用 Export → WAR File 选项并将 HelloWeb.war 文件保存在 Tomcat 的 webapps 文件夹中。

现在，启动 Tomcat 服务器并确保您能够使用标准浏览器从 webapps 文件夹访问其他网页。现在尝试访问 URL – http://localhost:8080/HelloWeb/index。如果 Spring Web 应用程序一切正常，我们将看到以下屏幕。

Spring静态页面

单击“获取 HTML 页面”按钮即可访问 staticPage 服务方法中提到的静态页面。如果您的 Spring Web 应用程序一切正常，我们将看到以下屏幕。

Spring静态页面结果