Spring-静的ページの例

次の例は、Spring MVC Frameworkを使用して簡単なWebベースのアプリケーションを作成する方法を示しています。SpringMVCフレームワークは、<mvc：resources>タグを使用して、静的ページと動的ページにアクセスできます。まず、作業中のEclipse IDEを用意し、次の手順に従って、Spring Web Frameworkを使用して動的フォームベースのWebアプリケーションを開発します。

Step	Description
1	Create a Dynamic Web Project with a name HelloWeb and create a package com.finddevguides 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 class WebController under the com.finddevguides package.
4	Create Spring configuration files Web.xml and HelloWeb-servlet.xml under the WebContent/WEB-INF folder.
5	Create a sub-folder with a name jsp under the WebContent/WEB-INF folder. Create a view file index.jsp under this sub-folder.
6	Create a sub-folder with a name pages under the WebContent/WEB-INF folder. Create a static file final under this sub-folder.
7	The final step is to create the content of all the source and configuration files and export the application as explained below.

*WebController.java* ファイルの内容は次のとおりです。

package com.finddevguides;

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

以下は、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.finddevguides"/>

   <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、その他の静的コンテンツを含む静的ページを持つ1つ以上の有効なリソースディレクトリの場所を指定する必要があります。値のコンマ区切りリストを使用して、複数のリソースの場所を指定できます。

次に、Springビューファイル WEB-INF/jsp/index.jsp のコンテンツを示します。これはランディングページになります。このページは、 staticPage サービスメソッドにアクセスするためのリクエストを送信します。このメソッドは、このリクエストを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 の内容です。

<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

ソースファイルと構成ファイルの作成が完了したら、アプリケーションをエクスポートします。アプリケーションを右クリックし、[エクスポート]> [WARファイル]オプションを使用して、 HelloWeb.war ファイルをTomcatの_webapps_フォルダーに保存します。

Tomcatサーバーを起動し、標準ブラウザを使用してwebappsフォルダーから他のWebページにアクセスできることを確認します。ここで、URL http：//localhost：8080/HelloWeb/index にアクセスしてみてください。すべてがあなたのSpring Webアプリケーションでうまくいけば、次の結果が表示されるはずです-

Spring static page

「HTMLページの取得」ボタンをクリックして、staticPageサービスメソッドに記載されている静的ページにアクセスします。 Spring Webアプリケーションで問題がなければ、次の結果が表示されます。

静的ページのスプリング結果

Spring-static-pages-example

Spring-静的ページの例