【タイトル】JSP準備と実行

「JSP プロジェクトの作成からHello Worldを出力するまで」の手順を書きました。

【説明】

JavaにはJSPという技術が存在します。形式はHTMLに似ているのですが、JSPを用いることで以下のような要件に対応することが可能です。

画面のformから入力した値が適切か判定
入力値を適切な値にフォーマットして出力

現場で目にすることも多い書き方なので、まずはJSPを使うための準備から始めましょう。

JSPを用いた開発の準備〜プロジェクト〜

eclipseを用いてJSPを使用する準備をしていきます。
まずは下準備として、JSPを用いた開発に必要なプロジェクトを作成します。
jsp・HTML・CSS・imgといったフロント資材はこの「WebContent」フォルダ内へ配置していきます。
以下の手順を踏むことで、JSPを用いた開発に必要なプロジェクトが作成されます。

「パッケージ・エクスプローラー」を右クリック→ 「新規」 ->「プロジェクト...」を選択
「Web 」->「動的Webプロジェクト」を選択して「次へ」> をクリック
「プロジェクト名」、「ターゲット・ランタイム」を入力して「完了」をクリック
- サーブレットも使用する場合は、デフォルトのまま「次へ>」
- 「web.xml デプロイメント記述子の生成」にチェックを入れ「完了」

上記手順を踏むことで、JSPを用いた開発に必要なプロジェクトが作成されます。

JSPを用いた開発の準備〜JSPファイル〜

次に、作成したプロジェクトの中 jspファイルを作成します。
以下の手順で、「WebContent」内にJSPファイルが作成されます。

「パッケージ・エクスプローラー」配下の「WebContent」フォルダを選択
「新規（W）」>「その他（O）...」を選択
「Web」下の「JSPファイル」を選択
「ファイル名（M）」→「次へ（N）」をクリック
「新規 JSPファイル（html）」を選択→「完了（F）」をクリック
- テンプレート形式を選択する場合は上記画面で「次へ」をクリック
- 特に形式の指定が無ければデフォルト(新規JSPファイル（html))で「完了」
- 現場で形式の指定がある場合は、適切な形式を選択して「完了」

HTMLファイルと非常によく似ていますが、下記が作成されたソースコードです。

【作成されたJSPファイル】

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

</body>
</html>

【JSPの実行】「Hello World!」を出力する

実際に作成したJSPファイルを実行します。
「Hello World!」が出力されるように記述します。

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<h1>Hello World!!</h1>
</body>
</html>

「パッケージ・エクスプローラー」を選択→「実行（R）」>「サーバーで実行」をクリック
サーバーのタイプを選択して「次へ（N）>」をクリック
- ※ サーバーのタイプは、動的Webプロジェクトを作成する際、ターゲット・ランタイム選択したもの(TomCat8等)と同じにする
「構成済み（C）:」にプロジェクトが追加されていることを確認
「完了（F）」をクリック
動的Webプロジェクトが実行され、JSPファイルの内容が出力される

ブラウザ上で以下のように入力すれば、同様の画面を確認できます。
※ プロジェクトをサーバーで実行した状態からURLを叩かないと何も表示されないので注意。

ブラウザでURL http://localhost:8080/HTMLページやJSPページなどを指定/