EclipseでMaven形式のJSF開発プロジェクトを作成する方法

JavaEEの開発環境を整えた後は実際にJSF(JavaServer Faces)でアプリケーションを作成します。プロジェクトの作成方法は(私が知る限り)以下2通りの方法があります。

  • (通常の)動的Webプロジェクト
  • Maven形式の動的Webプロジェクト

今回は「Maven形式の動的Webプロジェクト」を作成する手順を紹介します。また、利用バージョンは以下の通りです。

 ツール バージョン
Java(JDK) Java 1.8.0_91
Eclipse 4.5.2(Mars)
  WTP(動的Webモジュール)   3.1
JavaEE JavaEE7(JSF2.2)
GlassFish  4.1.1

Mavenプロジェクトの作成

パッケージエクスプローラーを右クリックし「新規」->「プロジェクト」を選択します。

jsfmaven01

「mavenプロジェクト」を選択して「次へ」ボタンを押します。

jsfmaven02

「シンプルなプロジェクトの作成(S)(アーキタイプ選択のスキップ)」を選択して「次へ」ボタンを押します。

jsfmaven03

プロジェクトの情報を入力します。

  • 「グループId」にはパッケージ名を入力
  • 「アーティファクトId」にはプロジェクト名を入力(今回はJsfStudyとしました)
  • 「パッケージング」には「war」を選択

上記入力が完了したら「完了」ボタンを押します。

jsfmaven04

プロジェクトは作成されますがまだ終わりではありません。プロジェクト名を右クリック -> 「プロパティ」 -> 「Javaコンパイラー」を選択します。

jsfmaven05

作成時は「Javaビルド・パス上の実行環境J2SE1.5から準拠を使用」にチェックが入っています。

jsfmaven06

チェックを外してコンパイラー準拠レベルを「1.8」へ変更し「適用」ボタンを押します。

jsfmaven07

続いて「プロジェクト・ファセット」を選択します。

  • 「Java」のバージョン「1.8」を選択
  • 「JavaServer Faces」にチェックを入れて「2.2」を選択
  • 「動的Webモジュール」にチェックを入れて「3.1」を選択
  • 最後に画面右側にある「ランタイム」タブを選択

jsfmaven08

JavaEE環境設定が完了して入れば「ランタイム」に「GlassFish4」が表示されますのでチェックを入れます。その後画面下に表示されている「より詳しい攻勢が必要…」をクリックします。

jsfmaven09

特に変更なしのまま「OK」ボタンを押すとすべての設定が完了し、プロジェクトのエラーも消えます。

Mavenプロジェクトのフォルダ構成

簡単にMavenプロジェクトのフォルダ構成を説明します。

jsfmaven10

  • 「src/main/java」:実際に動作するアプリケーションのJavaソースを配置
  • 「src/main/resources」:実際に動作するアプリケーションのリソースファイルを配置
  • 「src/test/java」:JUnitのJavaソースを配置
  • 「src/test/resources」:JUnit実行時に利用するリソースファイルを配置
  • 画面周りのソースや設定ファイルは「src.main.webapp」以下に配置

※リソースファイルとは設定ファイルやプロパティファイルのことを指します。

動作確認用の画面を配置

JSFでは画面はすべて「XHTML」形式のファイルを作成します。webapp直下に「index.xhtml」を作成し、下記を記入してください。

jsfmaven11

■index.xhtml


<html>
<head>
</head>
<body>
Hello World
</body>
</html>

プロジェクトをサーバーに追加

作成したプロジェクトをEclipseから起動する設定を行います。

jsfmaven12

サーバータブに表示されているサーバーを右クリック

※複数表示されている場合は起動したいサーバーを選択してください。

jsfmaven13

「追加および除去」を選択します。

jsfmaven14

Eclipseから起動したいプロジェクトを選択します。

「JsfStudy」を選択すると「追加」ボタンを押すことが可能になるので「追加」ボタンを押します。

jsfmaven15

プロジェクトが追加されたので「完了」ボタンを押します。

jsfmaven16

プロジェクトがサーバーに追加されました。

サーバーの起動とアプリケーションの動作確認

サーバーを起動して以下のURLへアクセスしてください。

http://localhost:8080/JsfStudy/faces/index.xhtml

jsfmaven17

上記画面が表示されれば成功です。

スポンサーリンク
スポンサードリンク
スポンサードリンク

シェアする

  • このエントリーをはてなブックマークに追加

フォローする