Tomcat を設定して IntelliJ IDEA 2018 で最初の Java Web プロジェクトを実行する方法

Tomcat を設定して IntelliJ IDEA 2018 で最初の Java Web プロジェクトを実行する方法

1 Tomcatをダウンロードして起動する

公式サイト http://tomcat.apache.org/ にアクセスし、Tomcat 9 の最新バージョンをダウンロードしてください。

ここに画像の説明を挿入

お使いのコンピュータのバージョンに応じてダウンロードしてください。私はWindows 64ビットを使用しています。

ここに画像の説明を挿入

ダウンロードしたら解凍するだけです。
解凍したディレクトリを見つけ、フォルダの下の /bin ディレクトリを開きます。startup.bat は tomcat を起動し、shutdown.bat は tomcat をシャットダウンします。

ここに画像の説明を挿入

startup.bat をダブルクリックして tomcat を起動した後、http://localhost:8080 を開きます。次のインターフェイスに入ると、起動が成功したことを意味します。

ここに画像の説明を挿入

2 Win10でTomcat 9の環境変数を設定する

「マイコンピュータ」を右クリックし、「プロパティ」をクリックして、「システム変数の詳細」を選択します。

ここに画像の説明を挿入

詳細設定タブ -> 環境変数を選択します

ここに画像の説明を挿入

「システム変数」で、システム変数を追加し、以下を追加します。
新しい変数名を作成します: CATALINA_BASE
変数値: E:\SoftWares\tomcat9\apache-tomcat-9.0.8 //自分のコンピュータ上のtomcat解凍ディレクトリをコピーします

新しい変数名を作成します: CATALINA_HOME
変数値: E:\SoftWares\tomcat9\apache-tomcat-9.0.8 //自分のコンピュータ上のtomcat解凍ディレクトリをコピーします

[OK]をクリックします。
次に、CLASSPATH と Path の変数値を編集して変更します。
ClassPath 変数値に以下を追加します: %CATALINA_HOME%\lib\servlet-api.jar; (元の変数値の後に英語の「;」を追加する必要があることに注意してください)
Path 変数値に以下を追加します: %CATALINA_HOME%\bin;%CATALINA_HOME%\lib (元の変数値の後に英語の「;」を追加する必要があることに注意してください)
「OK」をクリックするだけです。

ここに画像の説明を挿入

最後に、構成が成功したかどうかを確認します。
キーボードの win+R を使用して cmd と入力し、起動コマンドを入力します。次の画像が表示されたら、構成が成功したことを意味します。

ここに画像の説明を挿入

3 IDEAで最初のJavaWebプロジェクトを作成する

ファイル -> 新規 -> プロジェクト… をクリックします。

ここに画像の説明を挿入

「Java」->「Web アプリケーション」を選択し、「次へ」をクリックします。

ここに画像の説明を挿入

プロジェクト名を指定します (ここでは例として JavaWebTest を使用します)。次に、[完了] をクリックします。

ここに画像の説明を挿入

プロジェクトのディレクトリ構造は次のとおりです。

ここに画像の説明を挿入

後でテストしやすいように、index.jsp のコードを変更します。コードは次のとおりです。

<%@ ページ contentType="text/html;charset=UTF-8" language="java" %>
<html>
 <ヘッド>
 <title>$タイトル$</title>
 </head>
 <本文>
 こんにちは世界!
 </本文>
</html>

4 Tomcatを設定し、IntelliJ IDEA 2018でプロジェクトを実行する

IDEA を開き、[実行] - [構成の編集] をクリックします。

ここに画像の説明を挿入

「+」記号をクリックし、Tomcatサーバーを見つけてローカルを選択します。

ここに画像の説明を挿入

Tomcat サーバー -> 名前なし -> サーバー -> アプリケーション サーバー プロジェクトの下で、[構成] をクリックし、ローカル Tomcat サーバー (つまり、上記の解凍パス) を見つけて、[OK] ボタンをクリックします。 UnnamedをTomcat 9などの別の名前に変更できます。

ここに画像の説明を挿入

次に、その横にあるデプロイメントタブに移動し、「+」記号をクリックして、アーティファクトを選択し、プロジェクト名を選択します。

ここに画像の説明を挿入

下の図に示すように、アプリケーション コンテキスト パスの名前を変更して簡素化し、「OK」をクリックすることもできます。

ここに画像の説明を挿入

設定後、プロジェクト インターフェイスに次の画像が表示され、「実行」をクリックします。

ここに画像の説明を挿入

運用結果

ここに画像の説明を挿入

要約する

IntelliJ IDEA 2018 で Tomcat を構成し、最初の JavaWeb プロジェクトを実行する方法については、これで終わりです。IntelliJ IDEA 2018 で Tomcat を構成し、最初の JavaWeb プロジェクトを実行する方法についての詳細は、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • JavaWeb 入門: Web プロジェクトの作成、Idea を使用した Tomcat の設定
  • Java Web 開発 [Tomcat 環境設定] MyEclipse+IDEA 設定チュートリアル
  • idea で Maven Javaweb プロジェクトを作成し、設定する (グラフィック チュートリアル)
  • アイデアでJavaWebのmysql8.0.15構成問題を解決する
  • IDEA 2021 構成 JavaWeb プロジェクト超詳細チュートリアル

<<:  jsは、州、市、地区の3レベルのリンクの非選択ドロップダウンボックスバージョンを実現します。

>>:  binlog2sql と簡単なバックアップおよびリカバリを使用して mysql8.0.20 を構成するための詳細な手順

推薦する

CSS BEM 命名標準の概要 (推奨)

1 BEM命名標準とはBem は、ブロック、要素、修飾子の略語であり、Yandex チームによって...

JavaScript マクロタスクとマイクロタスクの実行順序についての簡単な説明

目次1. JavaScriptはシングルスレッドです1. 同期タスク2. 非同期タスク2. タスクキ...

Svelte の Defer Transition を Vue で実装する方法

最近、Rich Harris の <Rethinking Reactivity> ビデオ...

Linuxでディスク使用量を確認する方法

1. dfコマンドを使用してディスク全体の使用量を表示します。 df コマンドは、ハードディスクのマ...

Linux での Firewalld の高度な設定の使用に関する詳細な説明

IPマスカレードとポート転送Firewalldは2種類のネットワークアドレス変換をサポートしています...

jconsole を使用してリモート Tomcat サービスを監視する方法

JConsoleとはJConsole は Java 5 で導入されました。 JConsole は、コ...

Vue双方向バインディングの詳細な説明

目次1. 双方向バインディング2. 他のタグを選択した場合にも同じ結果になりますか? 答えはもちろん...

制限およびオフセット ページング シナリオを使用すると速度が遅くなるのはなぜですか?

質問から始めましょう5 年前、私が Tencent にいたとき、ページング シナリオでは MySQL...

React Native が「NSArray<id<RCTBridgeModule>>型のパラメータを初期化できません」というエラーを報告する (解決方法)

最近、古い RN プロジェクトを Xcode で実行すると、次のコード エラーが報告されました。 &...

HTMLタグと基本要素の学習のまとめ

1. HTML の要素とタグ<br />要素は、1 つのタグまたは 1 組のタグによって...

HTML に CSS を導入するいくつかの方法の紹介

目次1. HTMLタグ要素にCSSスタイルを直接埋め込む2. HTMLのheadセクションにおけるス...

ウェブのさまざまなフロントエンド印刷方法: CSS はウェブページの印刷スタイルを制御します

CSS は Web ページの印刷スタイルを制御します。 CSS を使用して印刷スタイルを制御します。...

図を使ってWeb2.0とは何かを説明する

最近はWeb2.0という言葉をよく耳にしますが、Web2.0とは何でしょうか? Web 1.0 とど...

Quickjs は JavaScript サンドボックスの詳細をカプセル化します

目次1. シナリオ2. 基盤となるAPIを簡素化する2.1 自動的に破棄を呼び出す2.2 VM値を作...