研修Servlet 04：　JSP、インクリード、スコープ、EL式、JSTL

インクルード・・・JSPの中で行われることが多い。

【２種類のインクルード】

１．アクション（動的なインクルード）・・・依頼先の処理結果を依頼元に反映。

２．ディレクティブ（静的なインクルード）・・・依頼先のソースコードを依頼元に返し、依頼元で全ての処理をする。

《アクションによるインクルード》

<jsp:include page="相対パス"/>

1	<jsp:include page="相対パス"/>

<include_action.jsp>

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
  <jsp:include page="header.jsp"/>
  <p>ないよう</p>
</body>
</html>

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Insert title here</title>

</head>

<body>

<jsp:include page="header.jsp"/>

</body>

</html>

<header.jsp>

<%@page contentType="text/html; charset=UTF-8" %>
<p>へっだ</p>

1 2	<%@page contentType="text/html; charset=UTF-8" %> <p>へっだ</p>

《ディレクティブによるインクルード》

<%@ include file="置き換えるファイル名"  %>

1	<%@ include file="置き換えるファイル名" %>

<include_directive.jsp>

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="common.jsp"  %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
  <%=new Date() %>
</body>
</html>

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

<%@ include file="common.jsp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Insert title here</title>

</head>

<body>

<%=new Date() %>

</body>

</html>

<common.jsp>

<%@page import="java.util.Date" %>

1	<%@page import="java.util.Date" %>

【JSPの構成要素】

1. コア要素
JSPの文法のコアとなる要素。

宣言	<%! 〜 %>	フィールドやメソッド
スクリプトレット	<% 〜 %>	処理記述部分
式	<%= 〜 %>	出力する式
コメント	<%– 〜 –%>	コメント
EL式	${ 〜 }	ELを利用した記述

2.ディレクティブ
JSPからサーブレットへの変換時の設定やオプションを記述。

ディレクティブ

<%@ 〜 %>

JSP変換時のコマンド

3. アクション
JSPの実行時に呼び出されるJSPのタグ。

標準アクション	〜	標準で利用できるアクション
カスタムアクション		アクションのユーザー拡張

《暗黙オブジェクト》

定義はしていないが使えるオブジェクト。

オブジェクト名	説明
request	クライアントからのリクエストを取得する
response	クライアントへのレスポンスを設定する
out	JSPの実行結果をクライアントへの出力する
pageContext	JSPのオブジェクトを管理する
session	セッション情報を管理する
application	アプリケーションデータを管理する
page	JSPページ自身を表す。「this」と同じ。
config	JSPページのパラメータを設定する
exception	例外発生時のエラー情報を取得する

【４つのスコープ】


スコープ	変数の有効範囲
page	JSPページ
request	HTTPリクエスト
session	HTTPセッション
application	Webアプリケーション

＊JSPだけ「pageスコープ」ある。

＊pageスコープ・・・JSPの処理が完了するまで値を保存。

＊JSP上で宣言された変数は基本psgeスコープに保存。

【EL（Expression Language）式】

JSP式を簡略可能（コードではEL式を基本利用する）。

＊スコープの名前と一致するものを取得。

EL式のスコープを探す順：探す対象のし指定ない場合↓

１ページ　→　２．リクエスト　→　３．セッション　→　４．アプリケーション

<記入例１：JSP式　→　EL式>

<%= ((UserBean)request.getAttribute("user")).getName() %>

↓

${user.name}

<%= ((UserBean)request.getAttribute("user")).getName() %>

↓

${user.name}

<helo2.jsp>

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
  request.setAttribute("message", "こんにちは");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
  ${message}
</body>
</html>

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

request.setAttribute("message", "こんにちは");

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Insert title here</title>

</head>

<body>

${message}

</body>

</html>

JavaBeans：ある機能を一つにまとめたクラスのこと。

「getterメソッド」

getフィールド名

getフィールド名

「setterメソッド」

setフィールド名

setフィールド名

<User.java>:JavaBeans例

package el;

public class User {
    private String name;
    private boolean male;

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    //boolean型の場合「isフィールド名」
    public boolean isMale() {
        return male;
    }

    public void setMale(boolean male) {
        this.male = male;
    }

}

package el;

public class User {

private String name;

private boolean male;

public String getName() {

return name;

}

public void setName(String name) {

this.name = name;

}

//boolean型の場合「isフィールド名」

public boolean isMale() {

return male;

}

public void setMale(boolean male) {

this.male = male;

}

【集合や配列の要素へのアクセス】

配列、リスト、マップの要素へアクセス可能

＊マップの要素・・・JavaのHashMapクラスを使用

＊HashMap・・・（別名：連想配列）要素を格納する時に要素に対応するキーを合わせて登録

《配列やListの場合》

${スコープ名(省略可).オブジェクト名[インデックス]}

1	${スコープ名(省略可).オブジェクト名[インデックス]}

《Mapを扱う場合》

${スコープ名(省略可).オブジェクト名["キー名"]}

//または「．」でつなぐ↓

${スコープ名(省略可).オブジェクト名.キー名}

${スコープ名(省略可).オブジェクト名["キー名"]}

//または「．」でつなぐ↓

${スコープ名(省略可).オブジェクト名.キー名}

【EL式での演算子】

分類	演算子	説明
算術	+	加算
	–	減算
	*	乗算
	/ (div)	除算
	% (mod)	剰余
比較	==　(eq)	等しい
	!=　(ne)	等しくない
	<　(lt)	小さい
	> (gt)	大きい
	<= (le)	以下
	>= (ge)	以上
	empty	nullまたは空文字
論理	&& (and)	集合積
	\|\| (or)	集合和
	! (not)	否定
3項	a ? b : c	「a」の場合は「ｂ」、「a」以外の場合は「c」

※演算子の括弧内は、別名です。

【EL式の暗黙オブジェクト】

◆表1 EL式の暗黙オブジェクト
オブジェクト	説明
pageContext	ページコンテキストオブジェクト
pageScope	ページスコープのMap
requestScope	リクエストスコープのMap
sessionScope	セッションスコープのMap
applicationScope	アプリケーションスコープのMap
param	リクエストパラメータのMap
paramValue	複数の値を持つリクエストパラメータのMap
header	ヘッダのMap
headerValue	複数の値を持つヘッダのMap
initParam	初期パラメータのMap
cookie	クッキーの名前と値のMap

${sessionScope.スコープ内で指定した名前}

1	${sessionScope.スコープ内で指定した名前}

探すスコープの指定(上記の表内で「　~Scope」と書かれているもの適用)

《コンテキストパス取得》

<%= request.getContextPath()%>

↓

${pageContext.request.contextPath}

<%= request.getContextPath()%>

↓

${pageContext.request.contextPath}

《EL式の無効化》

各ファイルに指定する場合

<%@page isELIgnored=”true” %>

1	<%@page isELIgnored=”true” %>

「web.xml」で全てのJSPに対して無効化設定

<jsp-config>
　　<jsp-property-group>
　　　　<url-pattern>/* </url-pattern>
　　　　<el-ignored>true</el-ignored>
　　</jsp-property-group>
</jsp-config>

<jsp-config>

　　<jsp-property-group>

　　　　<url-pattern>/* </url-pattern>

　　　　<el-ignored>true</el-ignored>

　　</jsp-property-group>

</jsp-config>

【カスタムタグ・JSTL】

JSTLの入手（下記２種類のファイル取得）

JSTLのダウンロードはこちら

１．jstl-api-1.2.jar 　:JSTLのAPI

２．jstl-impl-1.2.jar　：JSTLの実装

＊Eclipseに実装する！「WebContent」→「WEB-INF」→「lib」にコピー。

カスタムタグの使用

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
//カスタムタグを呼出すための記述↓　prefix="任意だが習慣的に「C」とつけよう"
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
  <h2>JSTLの利用</h2>
  <c:out value="こんにちわ"/>
</body>
</html>

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

//カスタムタグを呼出すための記述↓　prefix="任意だが習慣的に「C」とつけよう"

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Insert title here</title>

</head>

<body>

<h2>JSTLの利用</h2>

<c:out value="こんにちわ"/>

</body>

</html>

【JSTLで扱うCoreタグ】

タグ	説明
<c:set>	変数をセットする
<c:remove>	変数を削除する
<c:out>	出力する
<c:if>	単一の条件分岐
<c:choose> <c:when><c:otherwise>	複数の条件分岐
<c:forEach>	繰り返し（ループ）
<c:forTokens>	文字列を区切り文字で分割する
<c:import>	ファイルをインポートする
<c:redirect>	リダイレクトする
<c:url>	URLを生成する。URLエンコードも行う。
<c:catch>	例外処理の定義
<c:param>	パラメータを指定する

setタグ：スコープ変数（pageスコープの変数）に値を指定。

<c:set var=”変数名” value=”値”>

//値にEL式を指定可能
<c:set var=”変数名” value=”${変数名}”>

↓

<%=pageContext.setAttribute(“変数名”, “値”) %>

<c:set var=”変数名” value=”値”>

//値にEL式を指定可能

<c:set var=”変数名” value=”${変数名}”>

↓

<%=pageContext.setAttribute(“変数名”, “値”) %>

EL式ではsetタグで定義した変数名を取得できる

${変数名}

${変数名}

スコープの削除

<c:remove var="変数名" scope="探すスコープ場所">

1	<c:remove var="変数名" scope="探すスコープ場所">

【Ifタグ】・・・条件を満たす場合の処理しか指定できない。

<c:if 変数名= “${条件式}”>

条件を満たす場合の処理

</c:if>

<c:if 変数名= “${条件式}”>

条件を満たす場合の処理

</c:if>

【chooseタグ(whenタグ、otherwiseタグ)】・・・条件分岐の処理

<c:choose>
　　<c:when 変数名= “${条件式}”>
　　　　表示：処理１
　　</c:when>
　　<c:when 変数名= “${条件式}”>
　　　　表示：処理２
　　</c:when>
　　<c:otherwise>
　　　　条件をみたさない時表示
　　</c:otherwise>
</c:choose>

<c:choose>

　　<c:when 変数名= “${条件式}”>

　　　　表示：処理１

　　</c:when>

　　<c:when 変数名= “${条件式}”>

　　　　表示：処理２

　　</c:when>

　　<c:otherwise>

　　　　条件をみたさない時表示

　　</c:otherwise>

</c:choose>

【forEachタグ】・・・for文処理

<%=pageContext.setAttribute("変数名", "値") %>
<%
	List<String> list = new ArrayList<String>();
	list.add("値１");
	list.add("値２");
	list.add("値３");
	request.setAttribute("スコープ内での変数名", 値);	
%>
<c:forEach var="変数名A" items="${スコープ内での変数名}">
	${変数名A}
</c:forEach>

<%=pageContext.setAttribute("変数名", "値") %>

List<String> list = new ArrayList<String>();

list.add("値１");

list.add("値２");

list.add("値３");

request.setAttribute("スコープ内での変数名", 値);

<c:forEach var="変数名A" items="${スコープ内での変数名}">

${変数名A}

</c:forEach>

研修Servlet 01：サーブレットの基本、MVCモデル

研修Servlet 02：　JSP

研修Servlet 03：　JSP、入力パラメータ取得、フィルタ、ディスパッチ

関連記事