Java EE part1

**nobodyさん** · 2011/03/21(月) 00:15:17.26

このスレではJava EE中心の話題を扱います。
GuiceやSpring等のDI関連の話題もOKです。

Java EE at a Glance（OracleのJavaEE公式）
http://www.oracle.com/technetwork/java/javaee/overview/index.html

NetBeans（統合開発環境）
http://netbeans.org/index_ja.html

Eclipse（統合開発環境）
http://www.eclipse.org/

◆WeIzaoS14noj · 2011/03/23(水) 01:41:18.04

JavaEE 6でお手軽AjaxChat開発

バージョンアップを重ねる毎にリッチな環境が簡単に作れるようになったJavaEE。
かつては初期の開発難度や肥大化した工数によって敬遠されがちでしたが、今はそうではありません。
最新のJavaEE 6環境で簡単にWebアプリが開発できることを、私が勉強しながらお伝えします。

【0.開発概要】
ログイン画面とチャット画面をもつシンプルなアプリケーションを作成します。
今回の開発ではデータベースにはアクセスしません。
本開発では作業者は主に以下の7ファイルを作成・編集（＝コーディング）します。
・ログイン画面（index.xhtml, LoginPage.java）
・チャット画面（chat.xhtml, ChatPage.java）
・その他の管理クラス（User.java, Message.java MessagePool.java, SessionFilter.java）

◆WeIzaoS14noj · 2011/03/23(水) 01:42:15.06

【1.開発環境のインストール】
NetBeansのJava開発用（ダウンロードページの左から３つ目）をインストールする
※開発環境はEclipseでもいいけど、以下の説明はNetBeans向けになっています。

【2.まずはプロジェクトの作成】
新規プロジェクト
　→Java EE
　　→Web アプリケーション
完了

プロジェクト名に「AjaxChat」
主プロジェクトに設定にチェック
次へ

サーバー「GlassFish Server3」
Java EE バージョン「Java EE 6 Web」
コンテキストパス「/AjaxChat」※
次へ
※http://localhost:8080/AjaxChat/がアプリケーションのトップページとなる

フレームワーク「JavaServer Faces」
完了

プロジェクトを右クリック
→実行
（メニューバー、ツールバーの「主プロジェクトを実行」でもよい）

これでHallo Worldレベルですがプロジェクトが作成できました。

◆WeIzaoS14noj · 2011/03/23(水) 01:45:38.62

【3.ログイン画面の作成】
・index.html
---------------------------------------------------------------------------
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html">
<h:head>
<title>AjaxChat ログインページ</title>
</h:head>
<h:body>
<h1>AjaxChat ログインページ</h1>
<h:form id="loginForm" prependId="false">
Room Name: <h:inputText id="roomName" value="#{loginPage.roomName}" validator="#{loginPage.validate}" />
<h:message id="roomNameError" for="roomName" style="color: red"/><br />
User Name: <h:inputText id="userName" value="#{loginPage.userName}" validator="#{loginPage.validate}" />
<h:message id="userNameError" for="userName" style="color: red"/><br />
<h:commandButton id="login" value="Login" action="#{loginPage.login}"/>
</h:form>
</h:body>
</html>
---------------------------------------------------------------------------
見慣れないタグが付けられていますが、各々は基本的にはHTMLのinputタグに変換されます。
HTML式に書くことも可能ですが、その場合は余計なタグをいくつか記述する必要が在るので、
HTMLだけを描くデザイナと仕事をするでもなければ、JSFタグを直接打った方が補完も利き手間要らずです。