1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Eclipseのチュートリアル 2/3

Posted at

前回記事の続いて、今回はEclipseのTomcatとの連携に関する内容を紹介します。
Eclipseのチュートリアル 1/3:https://qiita.com/siheng-zhou/items/cbb03d361e9d68aba623

Tomcat サーバ用プロジェクトの作成

Eclipseを起動し、メニューバーの[file]⇒[new]⇒[other]とクリックします。
image.png
[server]⇒[server]と選択し、[next]をクリックします。
image.png
[Tomcat v9.0サーバー]を選択し、[next]をクリックします。
image.png

[name]と[Tomcat installation directory]を、以下の値を設定し、[finish]をクリックします。
name : 任意のランタイム名 (後手順で使用します)
Tomcat installation directory : tomcatのディレクトリー
image.png

動的 Web プロジェクトの作成

Eclipseのメニューバーの[file]⇒[new]⇒[other]とクリックします。
image.png

[web]⇒[Dynamic Web Project]を選択し、[next]をクリックします。
image.png

[Project name]に、任意のプロジェクト名を設定します。
また、[Target runtime]は、前手順で作成したTomcatの設定のランタイム名を指定します。
※特に変更せず進めている場合は、[Apache Tomcat Localhost]となるはずです。
その後、[next]をクリックします。
image.png
[next]をクリックします。
image.png
⑤ [Generate web.xml deployment descriptor]のチェックがONになっていることを確認し、[finish]をクリックします。
image.png
プロジェクトが作成されます。
image.png

プログラムの作成

作成されたプロジェクトの中に、「index.jsp」jspファイルを作成します。
image.png
image.png

作成した後、jspファイルにHelloWorldを入力します。
image.png
保存します。

プログラムの実行

プロジェクトを右クリックして、[Run As]⇒[Run on Server]とクリックします。
image.png

前手順で作成したサーバーを選択し、[finish]をクリックします。
image.png

サーバーが起動しましたと確認します。
image.png
ブラウザから「http://localhost:8080」 と入力し、Webページが表示されます。
image.png

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?