Menu

目標

  • 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 にチェックを入れる
Webアプリケーション作成00.JPG
Webアプリケーション作成01.JPG
Webアプリケーション作成02.JPG
Webアプリケーション作成03.JPG
Webアプリケーション作成04.JPG
Webアプリケーション作成05.JPG
Webアプリケーション作成06.JPG

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

パッケージを作成する

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

Servletを作成する

  1. Packege Explore ビューから 右クリック->New->Servlet を選択する
    • 先に作成したパッケージの上で右クリックする
  2. Class name に任意のクラス名を入力する
  3. 作成したクラスのメソッドをすべて削除し、下記のメソッドを追記する
Servletを作成する00.jpg
Servletを作成する01.jpg
@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」を入力する
JSPを作成する00.jpg
JSPを作成する01.JPG
JSPを作成する02.jpg
JSPを作成する03.JPG
JSPを作成する04.JPG

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

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

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

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

  1. Sample プロジェクトを「Tomcat v7.0 Server at localhost」にドラッグする
    • Package Explore ビューから Servers ビュー
Webアプリケーション登録00.jpg

Tomcatを起動する

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

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

  1. アドレス欄に次を入力してアクセスする

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

参考

添付ファイル: fileJSPを作成する03.JPG 651件 [詳細] fileWebアプリケーション作成03.JPG 592件 [詳細] fileJSPを作成する01.JPG 638件 [詳細] fileWebアプリケーション作成02.JPG 577件 [詳細] fileデバグ実行01.jpg 670件 [詳細] fileWebアプリケーション作成04.JPG 573件 [詳細] fileWebアプリケーション作成00.JPG 605件 [詳細] fileJSPを作成する02.jpg 660件 [詳細] fileパッケージを作成する00.JPG 589件 [詳細] fileWebアプリケーション作成06.JPG 562件 [詳細] fileJSPを作成する00.jpg 655件 [詳細] fileWebアプリケーション作成01.JPG 572件 [詳細] fileJSPの文字コード修正00.JPG 654件 [詳細] fileServletを作成する01.jpg 575件 [詳細] fileWebアプリケーション登録00.jpg 519件 [詳細] fileWebアプリケーション作成05.JPG 561件 [詳細] fileServletを作成する00.jpg 546件 [詳細] fileJSPを作成する04.JPG 668件 [詳細] fileパッケージを作成する02.jpg 548件 [詳細] fileパッケージを作成する01.JPG 595件 [詳細]

スポンサーリンク