IDEA に基づいて Tomcat サーバーを展開するための詳細な手順

導入
ステップ1
ステップ2: アイデアで動的Webプロジェクトを作成する
ステップ3: Tomcatサーバーをjavawebプロジェクトにデプロイする
ステップ4: Tomcatへのデプロイ
ステップ5: フロントエンドとバックエンドのインタラクションを実現する簡単な算術計算機プログラムを書く
ステップ6: コードを実行して結果を表示する

導入

IDEA に基づいて Tomcat サーバーをデプロイし、その上に最初のサーブレットプログラムを作成して、フロントエンドとバックエンドの相互作用を実現します。次に簡単な算術計算機を作ります。

このプログラムは2021年の最新バージョンのIDEAに基づいており、古いバージョンとは異なる構成の問題を解決します。

idea2021 最新 jihuo チュートリアル (ワイヤレスリメイク使用)

ステップ1

Tomcat をインストールします (JDK はすでにインストールされています)

1. Tomcatは無料のサーバーで、公式ウェブサイトから直接ダウンロードできます。

2. 圧縮されたパッケージをダウンロードしたら、指定されたパスに直接解凍します。

3. インストールパスの下に bin フォルダーがあります。その中にある startup.bat ファイルを見つけてダブルクリックして実行します。次の実行結果が表示されます。

ここに画像の説明を挿入

4. ブラウザに URL http://localhost:8080 を入力します。次のインターフェイスが表示され、Tomcat サーバーが正常にデプロイされたことが示されます。

ここに画像の説明を挿入

ステップ2: アイデアで動的Webプロジェクトを作成する

旧バージョンでは、IDEA はプロジェクト内に JAVA Enterprice を直接作成していましたが、最新バージョンにはそのようなオプションはありません。

ここに画像の説明を挿入

そこで、次のように解決します。

1.まず通常のJavaプロジェクトを作成する

ここに画像の説明を挿入

2. プロジェクトを右クリックし、[フレームワークサポートの追加] を選択します。

ここに画像の説明を挿入

3. 開いたウィンドウで、「Web アプリケーション (4.0)」をチェックし、「OK」をクリックします。IDEA は javaweb ディレクトリ構造と必要なリソースを自動的に生成します。

ここに画像の説明を挿入

(注: これは、一度書いて実行した後のディレクトリ構造です。最初に生成されたディレクトリ構造には、.idea、src、web、および次の iml ファイルのみが含まれます)

この時点で、IDEAに基づくjavawebプロジェクトが正常に作成されました。

ステップ3: Tomcatサーバーをjavawebプロジェクトにデプロイする

1. まず、web/WEB_INFディレクトリに2つのフォルダを作成し、classesとlibという名前を付けます。

classes はコンパイルされたクラスファイルを格納するために使用され、lib はサードパーティの jar パッケージを格納するために使用されます。

ここに画像の説明を挿入

2. 設定ファイルのパス

ファイル -> プロジェクト構造、次のウィンドウが開きます。次に、モジュール - パスを選択し、「モジュールコンパイル出力パスを使用する」をチェックし、出力パスとテスト出力パスの両方を、作成したクラスフォルダーに設定します。
ここに画像の説明を挿入

3. 現在のウィンドウで依存関係を選択し続けます。モジュール SDK として 1.6 を選択し、右側の + 記号をクリックして、「1 JARS またはディレクトリ…」を選択します。

ここに画像の説明を挿入

4. 開いたウィンドウで、作成したlibフォルダへのパスを選択し、「OK」をクリックします。

ここに画像の説明を挿入

5. 表示されるウィンドウでJarディレクトリを選択 – OK

ここに画像の説明を挿入

6. 次に、一番外側のプロジェクト構造ウィンドウで適用-OKを選択します。

7. 次に、Tomcat コンテナの設定を正式に開始します。まず、[実行] -> [構成の編集] メニューを開きます。

ここに画像の説明を挿入

8. +記号をクリックし、「Tomcatサーバー」-「ローカル」を選択します。

ここに画像の説明を挿入

9. 次に、カスタマイズするサーバー名を名前に入力し、「アプリケーションサーバー」の後ろの「構成...」をクリックすると、アプリケーションサーバーウィンドウがポップアップ表示されます。Tomcat ホームの後ろのテキストボックスで、Tomcat がローカルにインストールされているディレクトリを選択します - OK

ここに画像の説明を挿入

10. 「実行/デバッグ構成」ウィンドウの「名前」列に、サーバーの名前を入力します。「サーバー」パネルで、「起動後」のチェックを外し、「HTTP ポート」と「JMX ポート」を設定し (デフォルト値の 8080 で十分です)、「適用」->「OK」をクリックします。

ここに画像の説明を挿入

この時点で、Tomcat は構成されています。左側のリストにある Tomcat アイコンの小さな赤い十字は、プロジェクトがデプロイされていないことを示しています。プロジェクトがデプロイされると、小さな赤い十字は消えます。

ステップ4: Tomcatへのデプロイ

1. Tomcatを作成したら、ツールバーからTomcatの設定ページをすぐに開くことができます。

ここに画像の説明を挿入

2. デプロイメントを選択 - 右側の「+」記号をクリック - アーティファクトを選択 - 次にWebプロジェクトを選択 - 必要に応じてアプリケーションコンテキストを入力（空白のままにすることもできます） - 適用

ここに画像の説明を挿入

3. サーバーパネルで、「更新」アクションとフレーム非アクティブ化時の値をクラスとリソースの更新に変更します – 適用

注意: これら 2 つのオプションは、Tomcat がプロジェクトを正常に構成した後にのみ使用できます。

ここに画像の説明を挿入

この時点で、Tomcatの設定は完了です。

ステップ5: フロントエンドとバックエンドのインタラクションを実現する簡単な算術計算機プログラムを書く

1. index.jsp ファイルを作成し、フロントエンドページを作成します (私のコードはここに添付されています)

ここに画像の説明を挿入

 <html> <head> <title>My First Page</title> </head> <body> <h3>I can do a arithmetic.</h3> <div class="_from"> <form action="login" method="get"> <input type="text" name="firstNum" class="firstNum" placeholder="The First Number"> <input typr="text" name="operation" class="operation" placeholder="Arithmetic"> <input type="text" name="secondNum" placeholder="The Second Number"> <input type="submit" name="submit" value="Go"> </form> </div> </body></html>

2. バックエンドで簡単な算術演算を実装するためのバックエンド Java プログラムを作成します (コードを添付)

ここに画像の説明を挿入

 package com.mycalc.servlet;import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import java.io.IOException;/** * @author Milo * @creat 2021-04-09 8:27 * @function * @versions */@WebServlet("/login")public class Calc extends HttpServlet{ int firstNum; char operation; int secondNum; String submit; protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { System.out.println("------已進入Get程序-------"); resp.setContentType("text/html;charset = utf-8"); req.setCharacterEncoding("utf-8"); this.firstNum = Integer.parseInt(req.getParameter("firstNum")); this.operation = (req.getParameter("operation")).charAt(0); this.secondNum = Integer.parseInt(req.getParameter("secondNum")); this.submit = req.getParameter("submit"); resp.getWriter().write("計算結果為："+this.arithmetic()); } protected int arithmetic(){ int opResult = 0; if (this.operation == '+') { opResult = this.firstNum + this.secondNum; System.out.println(opResult); } else if(this.operation == '-'){ opResult = this.firstNum-this.secondNum; System.out.println(opResult); } else if(this.operation == '*') { opResult = this.firstNum*this.secondNum; System.out.println(opResult); } else if(this.operation == '/'){ opResult = this.firstNum/this.secondNum; System.out.println(opResult); } return opResult; }

3. web.xmlファイルを記述し、中間サーブレットを接続する

ここに画像の説明を挿入

<Webアプリフレームワークはすでに存在するので、上の図に従って中間のコンテンツを書くだけです

ステップ6: コードを実行して結果を表示する

[実行] をクリックし、ブラウザを選択して index.jsp ページを開きます。

ここに画像の説明を挿入

結果は以下のとおりです

ここに画像の説明を挿入

テスト

最初の入力ボックスに最初のオペランドを入力し、2 番目のボックスに 4 つの算術演算子 (+、-、、/) を入力し、3 番目のボックスに 2 番目のオペランドを入力して [Go] をクリックすると、計算結果が返されます。

のように：
ここに画像の説明を挿入

ここに画像の説明を挿入

手続きは成功しました!

これで、IDEA に基づいて Tomcat サーバーを展開する詳細な手順に関するこの記事は終了です。idea を使用して Tomcat サーバーを展開することに関する関連コンテンツの詳細については、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません: