(23)【Eclipse2022】動的WebプロジェクトでWebページ(HTML版)を表示したい。

投稿者: | 2022年11月15日

477 views

この記事は最終更新から 559日 が経過しています。

後日追記
とりあえず出来たことを記録しておく。後で情報を整理して書き直す。

1. やりたいこと

Eclipse2022で 動的Webプロジェクト を作成し、HTMLで書いたWebページを表示 したい。

因みに次の投稿 (24)【Eclipse2022】動的WebプロジェクトでWebページ(Servlet版)を表示したい。 では、同じことを Java Servletでやってみている。

2. やってみた

Step 1: 動的Webページプロジェクトを作成

・「ファイル」-「新規」-「動的Webプロジェクト」メニューを選択する。
・デフォルト状態だと、コンテンツディレクトリは src/main/webapp ←ここがプロジェクト rootになる。
・ここではプロジェクト名を Test004 とする。

Step 2: index.htmlを作成

・プロジェクトペインでプロジェクト名を選択した状態で、右クリックし、「新規」-「HTMLファイル」メニューを選択する。
・ファイル名を index.html として新規作成する。
 → デフォルトでページ表示に必要な最小限のタグが自動生成されている。
 → ファイルの出力場所は、上記 Step 1で指定したコンテンツディレクトリ src/main/webapp となる。
・少し自由に編集

Step 3: Tomcatにプロジェクトを紐づけ

・サーバーペインで使用する Tomcatを選択し、右クリックして「追加及び除去」を選択する。
・上記(1)で作成したプロジェクト(ここでは Test004)を追加する。

Step 4: Tomcatを起動

・使用する Tomcatを選択し、「サーバーを起動」メニューを選択する。
wiki Tomcat

Step 5: Webブラウザで index.htmlを見る

・Chrome, FireFox, Edgeなどの Webブラウザを起動する。
・アドレスバーに以下を入力する。
http://localhost:8080/test004
ここでポート番号 8080 は Tomcatに割り当てられたもの。

OK!
表示された。


コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です


日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)