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

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

導入

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 をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • Tomcat サーバーの設定と Web プロジェクトの公開に関する IDEA グラフィック チュートリアル
  • アイデアがWebプロジェクトを公開した後、Tomcatサーバーがプロジェクトとそのソリューションを見つけることができません
  • IDEA 2020 で Tomcat サーバーを構成するための詳細な手順
  • Eclipse と IDEA 用に Tomcat サーバーを構成する方法
  • Intellij idea で異なる Tomcat を使用して Maven プロジェクトをコンパイルするためのサーバー パス メソッドの詳細な説明
  • IDEA で JavaWeb プロジェクトを Tomcat サーバーにデプロイする方法

<<:  CSS で div にスクロールを追加し、スクロール バーを非表示にする

>>:  MySQLの基本の共通機能

推薦する

docker-compose でデプロイしたときに MySQL にアクセスできなくなる問題の簡単な分析

Docker-ComposeとはCompose プロジェクトは、以前の fig プロジェクトから派生...

MySQL5.7.21 解凍版インストール詳細チュートリアル図

私は頻繁にシステムをインストールするので、インストールのたびにいくつかのソフトウェアを再インストール...

MySQL インデックスのカーディナリティの概念と使用例

この記事では、例を使用して、MySQL インデックス カーディナリティの概念と使用方法を説明します。...

WeChatアプレット開発によりホームページポップアップボックスアクティビティガイダンス機能が実現

目次1. 需要2. データベース設計3.Javaバックグラウンド構成の実装4. WeChatアプレッ...

Dockerを使用してDjango+MySQL8開発環境をデプロイする方法の詳細な説明

しばらく前にシステムを再インストールしましたが、バックアップを取っていなかったので、コンピューター上...

シンプルなナビゲーションバー機能を実現するHTML+CSS

さっそく、コードを見てみましょう(初心者:特に言うことはありません) <!DOCTYPE ht...

デザイン理論: テキストの読みやすさと可読性

<br />少し前に、ビジネス上の必要性から、ラップトップに Souba をインストール...

Dockerリンクはコンテナの相互接続を実現します

目次1.1. IP経由のコンテナ間のネットワークアクセス1.2. コンテナ名またはコンテナIDによる...

デザイン理論: なぜ私たちは間違った場所を見ているのでしょうか?

数日前、バスで仕事に行きました。バスのカードリーダーの実際の使用シーンを実際に見て、カードリーダーの...

Vue で v-if と v-for を一緒に使用することが推奨されない理由の詳細な説明

この記事では主に、v-if と v-for を一緒に使用することが推奨されない理由を紹介します。詳細...

Gobangゲームを実現するためのjsキャンバス

この記事では、Gobangゲームを実装するためのキャンバスの具体的なコードを参考までに共有します。具...

iframeを使用してページを呼び出すとページがキャッシュされるかどうかの簡単な分析

最近、毎日変更されるページを iframe を使用して呼び出す必要があるプロジェクトがあります。その...

jQueryをベースにカルーセル効果を実現する

この記事では、カルーセルマップの効果を実現するためのjQueryの具体的なコードを参考までに共有しま...

Ubuntu 16.04 に Docker と nvidia-docker をインストールするための詳細なチュートリアル

目次DockerのインストールNvidia-docker のインストールDockerのインストール1...

MySQL テーブル内の重複データを検索して削除する方法の概要

時々、データベース テーブルに重複したデータが大量に保存されます。これらの重複データはリソースを浪費...