12
Eclipse を使って「動的 Web プロジェクト」としての Tomcat プログラムの作り方 OD教室の eclipse はどのパソコンを利用しても、同一の環境が再現できるように、ホームドライブに eclipse の設定を保存しています。ホームドライブに保存するために、OD教室では一般のPC環境と違 う仕組みとなります。eclipse の「動的Webプロジェクト」としての Tomcat プログラムの作り方を説明し ます。 [ファイル]メニュー → “新規” → “その他” をクリック 「ウィザードを選択」 画面で “サーバー” → ”サーバー” を選択し、「次へ」をクリック “その他”を選択 “サーバー” → “サーバー” を選択 “次へ”をクリック

Eclipse を使って「動的 Web プロジェクト」としての Tomcat ......Eclipse を使って「動的Web プロジェクト」としての Tomcat プログラムの作り方

  • Upload
    others

  • View
    5

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Eclipse を使って「動的 Web プロジェクト」としての Tomcat ......Eclipse を使って「動的Web プロジェクト」としての Tomcat プログラムの作り方

Eclipse を使って「動的 Web プロジェクト」としての

Tomcat プログラムの作り方

OD教室の eclipse はどのパソコンを利用しても、同一の環境が再現できるように、ホームドライブに

eclipse の設定を保存しています。ホームドライブに保存するために、OD教室では一般のPC環境と違

う仕組みとなります。eclipse の「動的Webプロジェクト」としての Tomcat プログラムの作り方を説明し

ます。

[ファイル]メニュー → “新規” → “その他” をクリック

「ウィザードを選択」 画面で “サーバー” → ”サーバー” を選択し、「次へ」をクリック

“その他”を選択

“サーバー” → “サーバー” を選択

“次へ”をクリック

Page 2: Eclipse を使って「動的 Web プロジェクト」としての Tomcat ......Eclipse を使って「動的Web プロジェクト」としての Tomcat プログラムの作り方

[Apache]フォルダの ”Tomcat v9.0 サーバー” を選択し、[次へ]をクリック

Tomcat インストール・ディレクトリーに、「C:\App\apache-tomcat」を入力し、「完了」をクリック

“次へ”をクリック

1.「C:\App\apache-tomcat」”を入力

2.“完了”をクリック

“Tomcat v9.0 サーバー”を選択

Page 3: Eclipse を使って「動的 Web プロジェクト」としての Tomcat ......Eclipse を使って「動的Web プロジェクト」としての Tomcat プログラムの作り方

[ファイル]メニュー → “新規” → “プロジェクト” → 「ウィザードを選択」画面で、

”Web” → “動的 Web プロジェクト” を選択し、「次へ」をクリック

プロジェクト名に「Sample01」を入力

ターゲット・ランタイムが「Apache Tomcat v9.0」であることを確認し、「次へ」をクリック

“動的 Web プロジェクト” をクリック

3.“次へ”をクリック

1.“Sample01”を入力

2.ターゲット・ランタイムが“Apache Tomcat v9.0”であることを確認

Page 4: Eclipse を使って「動的 Web プロジェクト」としての Tomcat ......Eclipse を使って「動的Web プロジェクト」としての Tomcat プログラムの作り方

何も変更せず“次へ”をクリック

「web.xml デプロイメント記述しの生成」にチェックを入れ、「完了」をクリック

何も変更せず “次へ” をクリック

“完了”をクリック

チェックを入れる

Page 5: Eclipse を使って「動的 Web プロジェクト」としての Tomcat ......Eclipse を使って「動的Web プロジェクト」としての Tomcat プログラムの作り方

パースペクティブの関連付け画面が表示されたら[はい]をクリック

作成された「Sample01」を右クリックし、“ビルド・パス” → “ビルド・パスの構成“ をクリック

「ライブラリー」タブを開き、“外部 JAR の追加” をクリック

“ビルド・パスの構成”を選択

“外部 JAR の追加”をクリック

Page 6: Eclipse を使って「動的 Web プロジェクト」としての Tomcat ......Eclipse を使って「動的Web プロジェクト」としての Tomcat プログラムの作り方

JAR の選択画面で以下のファイルを選択し、「開く」をクリック

「 C:\App\apache-tomcat\lib\servlet-api.jar 」

Java のビルド・パス画面で “OK” をクリック

1.“servlet-api.jar”を選択

2.“開く”をクリック

“OK”をクリック

Page 7: Eclipse を使って「動的 Web プロジェクト」としての Tomcat ......Eclipse を使って「動的Web プロジェクト」としての Tomcat プログラムの作り方

「Sample01」を右クリック → “新規” → “サーブレット” をクリック

サーブレット作成画面でクラス名に「HelloWorld」と入力し、「完了」をクリック

“サーブレット”をクリック

1.“HelloWorld”を入力

“完了”をクリック

Page 8: Eclipse を使って「動的 Web プロジェクト」としての Tomcat ......Eclipse を使って「動的Web プロジェクト」としての Tomcat プログラムの作り方

※以下の動的 Web プロジェクトを作る手順はサンプルです。

実際にプロジェクトを作る際は、各自でコードを記述してください。

<サンプルコード>

import java.io.IOException;

import java.io.PrintWriter;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

public class HelloWorld extends HttpServlet {

public HelloWorld() {}

protected void doGet(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

PrintWriter out = response.getWriter();

out.println("<html><body>Hello World!</body></html>");

}

}

Page 9: Eclipse を使って「動的 Web プロジェクト」としての Tomcat ......Eclipse を使って「動的Web プロジェクト」としての Tomcat プログラムの作り方

左ペイン「Sample01」を展開し、「WebContent」→「WEB-INF」と開き、「web.xml」をダブルクリック

Eclipse のウィンドウやや下あたりの「ソース」をクリックして表示を切り替える

“ソース”をクリックし、表示を切り替え

Web.xml をダブルクリック

Page 10: Eclipse を使って「動的 Web プロジェクト」としての Tomcat ......Eclipse を使って「動的Web プロジェクト」としての Tomcat プログラムの作り方

XML 文最後の行 </welcome-file-list> と </web-app> の間に以下のコードを追加

“ファイル” → “すべて保管” をクリック

<サンプルコード>

<servlet>

<servlet-name>Hello</servlet-name>

<servlet-class>HelloWorld</servlet-class>

</servlet>

<servlet-mapping>

<servlet-name>Hello</servlet-name>

<url-pattern>/</url-pattern>

</servlet-mapping>

“すべて保管“をクリック

“”

Page 11: Eclipse を使って「動的 Web プロジェクト」としての Tomcat ......Eclipse を使って「動的Web プロジェクト」としての Tomcat プログラムの作り方

左ペイン「Sample01」を右クリック → “実行” → “サーバーで実行” をクリック

「ローカル・ホストの Tomcat v9.0 サーバー」が選択されている状態で、「次へ」をクリック

“サーバーで実行“をクリック

“”

“次へ“をクリック

“”

Page 12: Eclipse を使って「動的 Web プロジェクト」としての Tomcat ......Eclipse を使って「動的Web プロジェクト」としての Tomcat プログラムの作り方

「構成済み」欄に「Sample01」が表示されている状態で、「完了」をクリック

「Hello World!」が表示されることを確認

“完了“をクリック

“”