JSP Servletで共通のヘッダーを設定する方法

投稿日：2021年5月14日更新日：2021年5月3日

＜目次＞

(１) JSP Servletで共通のヘッダーを設定する方法
　 (１-１) 構文
　 (１-２) サンプルプログラム
　 (１-３) 参考

(１) JSP Servletで共通のヘッダーを設定する方法

Webアプリケーションを作る際に、ヘッダー部分は共通のものを使いまわす方が楽ですし、同じコードを何度も書いたり編集したりせずに済むので良いですよね。今回はその具体的な方法についてご紹介します。

(１-１) 構文

方法は非常にシンプルで、ヘッダー用のjspページを作成して、それを各画面で「include」ディレクティブで取り込みます。

（図１１０）イメージ図

（構文：ヘッダーを取り込む画面）

<%@ include file="[取り込み対象の相対URL] " %>

「相対URL」というのは、アプリケーションルート（例：http://[ホスト名]:[ポート番号]/[アプリ名]）から見た相対的なURLの事を指します。

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

この記述によって、JSP⇒Servletのコンパイル前に<include>で指定したリソース（ヘッダーjspなど）を取り込んで合体させた状態でコンパイルします。

（図１１２）

（構文：ヘッダー画面）

なし　※ヘッダーの内容は完全に自由（適当なjspでも）

（図１１１）ヘッダー例

＞目次にもどる

(１-２) サンプルプログラム

●ヘッダーを取り込む画面

（サンプル）

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="java.sql.*, javax.naming.*, javax.sql.*,utility.DbConnectUtil3" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<%@ include file="ITxxxx_Header.jsp" %>
<br />
################# 本文開始 #################<br />
ここは本文です。<br />
################# 本文終了 ###################<br />
</body>
</html>

●ヘッダー画面

（サンプル）

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="java.sql.*, javax.naming.*, javax.sql.*,utility.DbConnectUtil3" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<mark>
################# ヘッダー開始 #################<br />
<mark>ここはヘッダーです。</mark><br />
################# ヘッダー終了 ###################<br />
</mark>
</body>
</html>

（図１２１）画面の表示