• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• Eclipse/Webアプリケーションを作成する へ行く。
  • 1 (2011-04-28 (木) 07:25:38)
  • 2 (2011-04-28 (木) 09:48:33)
  • 3 (2011-04-28 (木) 13:38:12)

目標†

• Webアプリケーションプロジェクトを作成する
• ServletとJSPを使ってWebアプリケーションを作成する
• ブラウザでWebページの表示を確認する

手順†

Webアプリケーションプロジェクトを作成する†

1. メニューから File->New->Dynamic Web Project を選択する
   1. 該当項目がない場合、Other... から探す
2. Project name に好きな名前をつける
3. Target runtime の New Runtime を選択してアプリケーションサーバを追加する
   1. 一覧から Apache Tomcat v7.0 を選択する
   2. Create a new local server にチェックを入れる
   3. Tomcat installation directory の Browse... を選択してTomcatのディレクトリを選択する
      • ここでは C:\opt\tomcat\apache-tomcat-7.0.12 とした
   4. JRE の選択項目から jdk1.6.0_24 を選択する（インストールしたJDK次第で）
4. Next、Next と続ける
5. Web Module の Generate web.xml deployment descriptor にチェックを入れる

ServletとJSPを使ってWebアプリケーションを作成する†

パッケージを作成する†

1. Package Explore ビューから 右クリック->New->Package を選択する
   • src の上で右クリックする
   • 該当項目がない場合、Other... から探す
2. folder's corresponding の Name に任意のパッケージ名を入力する

#ref(): File not found: "パッケージを作成する02.JPG" at page "Eclipse/Webアプリケーションを作成する"

Servletを作成する†

1. Packege Explore ビューから 右クリック->New->Servlet を選択する
   • 先に作成したパッケージの上で右クリックする
2. Class name に任意のクラス名を入力する
3. 作成したクラスのメソッドをすべて削除し、下記のメソッドを追記する

#ref(): File not found: "Servletを作成する00.JPG" at page "Eclipse/Webアプリケーションを作成する"

#ref(): File not found: "Servletを作成する01.JPG" at page "Eclipse/Webアプリケーションを作成する"

@Override
protected void service(HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException {
    ServletContext sc = getServletContext();
    RequestDispatcher rd = sc.getRequestDispatcher("/WEB-INF/jsp/Sample.jsp");
    rd.forward(request, response);
}

JSPを作成する†

1. 右クリック->New->Folder を選択する
   • WebContent->WEB-INF の上で右クリックする
2. Folder name に「jsp」を入力する
3. Package Explore ビューから 右クリック->New->JSP File を選択する
   • 先に作成したディレクトリの上で右クリックする
4. File name に「Sample」を入力する

#ref(): File not found: "JSPを作成する00.JPG" at page "Eclipse/Webアプリケーションを作成する"

#ref(): File not found: "JSPを作成する02.JPG" at page "Eclipse/Webアプリケーションを作成する"

作成したJSPファイルはsjisになってしまっているのでUTF-8に直しましょう。

1. JSPファイル上のエンコードに関する記述を修正する
   • 「windows-31j」→「UTF-8」
2. Package Explore ビューから右クリック->Properties を選択する
   1. Text file en coding の Other を選択して UTF-8 を設定する

ブラウザでWebページの表示を確認する†

Webアプリケーションをサーバに登録する†

1. Sample プロジェクトを「Tomcat v7.0 Server at localhost」にドラッグする
   • Package Explore ビューから Servers ビュー

#ref(): File not found: "Webアプリケーション登録00.JPG" at page "Eclipse/Webアプリケーションを作成する"

Tomcatを起動する†

1. Servers ビューの虫アイコンをクリックする
   • 「Tomcat ...」に [Debugging, Synchronized] が表示される
   • 「Sample」に [Synchronized] が表示される

#ref(): File not found: "デバグ実行01.JPG" at page "Eclipse/Webアプリケーションを作成する"

ブラウザで表示を確認する†

1. アドレス欄に次を入力してアクセスする
   • http://localhost:8080/Sample/SampleServlet

「Insert title here」というタイトルで白い画面が表示されたらOKです。

参考†