Springmvc-static-pages

提供:Dev Guides
移動先:案内検索

Spring MVC-静的ページの例

次の例は、Spring MVC Frameworkを使用して簡単なWebベースのアプリケーションを作成する方法を示しています。SpringMVCフレームワークは、 <mvc:resources> タグを使用して、静的ページと動的ページにアクセスできます。

まず、動作するEclipse IDEを用意し、Spring Web Frameworkを使用して動的フォームベースのWebアプリケーションを開発するための次の手順を順守します。

Step Description
1 Create a project with a name HelloWeb under a package com.finddevguides as explained in the Spring MVC - Hello World chapter.
2 Create a Java class WebController under the com.finddevguides package.
3 Create a static file final under jsp sub-folder.
4 Update the Spring configuration file HelloWeb-servlet.xml under the WebContent/WEB-INF folder as shown below.
5 The final step is to create the content of the source and configuration files and export the application, which is 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";
   }
}

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 …​./> タグが静的ページのマッピングに使用されています。 マッピング属性は、httpリクエストのURLパターンを指定する* Antパターン*でなければなりません。 location属性は、画像、スタイルシート、JavaScript、その他の静的コンテンツを含む静的ページを持つ1つ以上の有効なリソースディレクトリの場所を指定する必要があります。 値のコンマ区切りリストを使用して、複数のリソースの場所を指定できます。

次に、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>

最後の

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

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

次に、Tomcatサーバーを起動し、標準ブラウザーを使用してwebappsフォルダーから他のWebページにアクセスできることを確認します。 次に、URL(http://localhost:8080/HelloWeb/index)にアクセスしてみます。 Spring Webアプリケーションですべてが問題なければ、次の画面が表示されます。

静的ページのスプリング

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

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