Spring MVC - 静态页面示例

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

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

步骤 说明
1 在包 com.tutorialspoint 下创建一个名称为 HelloWeb 的项目,如 Spring MVC - Hello World 一章中所述。
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.html";
   }
}

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

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


index.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>

final.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静态页面

单击 "Get HTML Page" 按钮以访问 staticPage 服务方法中提到的静态页面。 如果您的 Spring Web 应用程序一切正常,我们将看到以下屏幕。

Spring静态页面结果