HBuilderX で Tomcat 外部サーバーを設定して、JSP インターフェイスを表示および編集する方法の詳細な説明

HBuilderX で Tomcat 外部サーバーを設定して、JSP インターフェイスを表示および編集する方法の詳細な説明

1. 最初の方法は、ローカルのTomcatを起動してJSPを表示することです。

tomcatのwebappsディレクトリにHBuilderXフォルダを作成します。

HBuilderXソフトウェアを開き、ファイル/インポート/ローカルファイルのインポートをクリックし、TomcatのWebアプリケーションを見つけます。

インポートが成功すると次のようになります。

ツール設定を開き、実行設定、外部 Web サーバー呼び出し URL を見つけ、http://localhost:8080 と入力します。その後ろのポート番号は、Tomcat のデフォルト ポートです。変更されていない場合は、8080 です。ポート 80 に変更したため (ポート 80 はオプション)、構成には入力されません。外部 Web サーバー URL にプロジェクト名が含まれているかどうか、下のオプションに注意してください。インポート時に webpps ディレクトリをインポートせず、次のレベルのディレクトリをインポートした場合は、それを確認する必要があります。

最後に、tomcatディレクトリのbinディレクトリを見つけ、tomcat8w.exeを開いて開始をクリックし、HBuilderXでjspインターフェイスを表示します。

<%@ ページ language="java" contentType="text/html; charset=utf-8" ページエンコーディング="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <ヘッド>
  <meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=utf-8">
  <title>ここにタイトルを挿入</title>
 </head>
 <%
  文字列 a = "a";
 %>
 <%=a%>
 <本文>
 </本文>
</html>

この場合、Eclipse は Web プログラムを実行できないことに注意してください。実行したい場合は、[停止] をクリックして閉じる必要があります。閉じた後、HBuilderX は jsp を表示できなくなります。以下の 2 番目の方法でこの問題を解決します。

2. 2番目の方法は、プロジェクトを実行してから表示することです。同時にプロジェクトを実行し、HBuilderXを使用してjspを表示することができます。

  • この方法はEclipseで設定する必要があります。設定する前に、まず問題を解決する必要があります。つまり、上記の手順でローカルTomcatを実行すると、ブラウザにhttp://localhost:8080と入力して問題がないことを確認します。子猫のページは正常に表示されます。ただし、EclipseでWebプログラムを実行した後、http://localhost:8080と入力しても子猫のインターフェースに入ることができません。ただし、プロジェクト名を追加した後、http://localhost:8080/プロジェクト名で正常にプロジェクトにアクセスできます。なぜでしょうか?
  • 理由は、Eclipse で設定したサーバーの場所のパスが「ワークスペース メタデータの使用」になっているためです。Eclipse で Tomcat を起動してプロジェクトをデプロイすると、実際には Eclipse が Eclipse に組み込まれている Tomcat のコア コンポーネントを呼び出します。起動とデプロイは実際の Tomcat とは関係ありません。そのため、ブラウザーに http://localhost:8080/ と入力すると、起動されていないと表示されます。ただし、http://localhost:8080/ プロジェクト名を入力すると、Eclipse に組み込まれている Tomcat に直接入るので、プレビューできます。
  • 今すぐ設定を開始

下の tomcat をダブルクリックして、設定ページに入ります。サーバーの場所が灰色になっているのがわかります。問題ありません。設定するには、tomcat の下のプロジェクトを削除してクリーンアップするだけです。具体的な操作は、tomcat を右クリックし、追加、削除、クリーンアップを実行することです。クリアが成功したら、真ん中のオプション「Tomcat インストールを使用する」を選択して実際に Tomcat にデプロイし、「デプロイ パス」で Tomcat の下の webapps ディレクトリを選択し、最後に右上隅のタイムアウトを 100 に設定して、プロジェクトが大きくなりすぎて起動に時間がかかるのを防ぎ、応答タイムアウトを判断して、最後に保存します。

これらを設定したら、Web プログラムを起動して HBuilderX の Web アプリケーション内のプロジェクトを確認し、JSP を表示するだけです。インポートしたディレクトリが Web アプリケーションの次のレベルである場合は、再インポートする必要があります。

これらの設定は、Web プロジェクトとローカル Tomcat を同時に実行できるという意味ではなく、プロジェクトの実行時に HBuilderX で jsp を表示できるという意味であることに注意してください。この方法には問題があります。HBuilderX または webapps の下のプロジェクトで変更を保存することに問題があります。Eclipse で再実行すると、HbuilderX の内容が上書きされます。具体的な理由はここでは説明しません。2 つの解決策が示されています。1 つは、変更後に Eclipse に直接コピーすることです。もう 1 つは、プロジェクトから最初の手順で作成した HBuilerX に jsp ファイルを直接コピーしてから操作を実行することです。これにより、誤ってプログラムを再実行して無駄な作業を行うことがなくなります。

要約:

これら 2 つの方法は、HBuilderX を使用して jsp を表示および編集する問題を解決しますが、HBuilderX ソフトウェアの問題により、依然として非常に面倒です。jsp コードを編集する場合は、Eclipse で直接行うことをお勧めします。jsp 内の html コードを調整する必要がある場合は、この方法で構成できます。最後に、上記の構成では、HBuilderX 内の webapps の下にないファイルは実行できなくなります。構成内の外部 Web サーバー呼び出し URL を削除するだけで、通常の状態に戻すことができます。

これで、JSP インターフェイスを表示および編集するための Tomcat 外部サーバーの HBuilderX 構成に関するこの記事は終了です。HBuilderX による Tomcat 外部サーバーの構成に関する関連コンテンツの詳細については、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後も 123WORDPRESS.COM を応援していただければ幸いです。

以下もご興味があるかもしれません:
  • Centos7にNode.js10以上をインストールする方法
  • Node.js Express のインストールと使用方法のチュートリアル
  • Linux で Node.js を正常にインストールおよびアンインストールできない問題を解決する方法
  • Windows に Node.js をインストールするときに発生するエラー 2503 および 2502 を解決する方法
  • Windows での Node.js のインストールと環境設定方法
  • node.jsのインストールとHbuilderXの設定の詳細な説明

<<:  vue+element カスタムクエリコンポーネント

>>:  mysqladmin を使用して MySQL インスタンスの現在の TPS と QPS を取得する方法

推薦する

Typescript+React でモバイルと PC でシンプルなドラッグ アンド ドロップ効果を実現

この記事では、モバイルとPCで簡単なドラッグアンドドロップ効果を実現するためのTypescript ...

MySQL はどのようにしてマスターとスレーブの同期を実現するのでしょうか?

マスタースレーブ同期 (マスタースレーブレプリケーションとも呼ばれる) は、マスタースレーブデータの...

MySQL エラー コード 1064 の解決策

SQL ステートメント内の単語が mysql のキーワードと競合する場合は、`` (タブ キーの上)...

vue3ソースコード解析の簡単な実装方法

目次序文🍹準備🍲vue3 の使い方🍖 実装要約する序文最近、私の最初の公式 vue3 + ts プロ...

Vue3.0はドロップダウンメニューのカプセル化を実装します

Vue3.0 がリリースされてからしばらく経ちましたが、勉強を始める必要があります。まず、達成したい...

CSS のサイズ単位についての簡単な説明

ブラウザの互換性はどんどん良くなってきています。モバイル端末は基本的にすべてWebKitベースです。...

MySQL 5.7.17 圧縮パッケージのインストール不要の構成プロセス図

MySQL データベース管理ソフトウェアには、エンタープライズ エディションとコミュニティ エディシ...

よく使われる3つのMySQLデータ型

MySQL のデータ フィールドのタイプを定義することは、データベースを最適化するために非常に重要で...

MySQL がデフォルトの分離レベルとして繰り返し読み取りを選択する理由

目次Oracle 分離​​レベルMySQL 分離レベル要約する多くの読者は、MySQL のトランザク...

Reactでプロキシを有効にする2つの実用的な方法

プロキシを有効にする2つの方法React には、直接使用できるカプセル化された Ajax リクエスト...

MySQL 外部キー制約の一般的な操作の例 [表示、追加、変更、削除]

この記事では、例を使用して、MySQL 外部キー制約の一般的な操作について説明します。ご参考までに、...

MySQLデータベースホスト127.0.0.1とlocalhostの違い

私の友人の多くは、127.0.0.1 と localhost の違いがわからず、問題に遭遇するかもし...

Apache SkyWalkingのセルフモニタリングを素早く有効にする方法を説明します

1. Prometheusテレメトリデータを有効にするデフォルトでは、テレメトリは次のように無効にな...

Nginx を使用して rtmp ライブ サーバーを実行する方法

今回は、コンピューターや携帯電話用の rtmp ライブ ブロードキャスト サーバーを設定し、ライブ ...