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 を取得する方法

推薦する

ウェブページで任意のフォントを使用する実践的な操作とデモ

以前、「Web ページにシステムに組み込まれていないフォントを埋め込む」という研究をしたことがありま...

js のマクロタスクとマイクロタスクについての簡単な説明

目次1. JavaScriptについて2. JavaScript イベントループ3. マクロタスクと...

nginx ip ブラックリストの動的禁止の例

ウェブサイトが悪意を持ってリクエストされた場合、IP アドレスをブラックリストに登録することは重要な...

IE6 の歪み問題

質問: <form...> の下の <input type="hidde...

Linux の netstat コマンドの詳細な紹介

目次1. はじめに2. 出力情報の説明3. netstatの共通パラメータ4. netstatネット...

HTML の <input> タグの詳細な説明と、それを無効にする方法

定義と使用法<input> タグはユーザー情報を収集するために使用されます。 type ...

グローバルトーストコンポーネントをカプセル化するVueの完全な例

目次序文1. vue-cliを使う1. Toastコンポーネントを定義する2. main.jsで設定...

CSS グラデーション効果の概要 (線形グラデーションと放射状グラデーション)

線形グラデーション 背景画像: linear-gradient(方向、開始色、中間色1、中間色2、....

mysql 8.0.18 mgr のインストールと切り替え機能

1. システムインストールパッケージ yum -y インストール make gcc-c++ cmak...

レンダリング関数と JSX の詳細

目次1. 基本2. ノード、ツリー、仮想DOM 1. 仮想DOM 3. createElementパ...

mysql: [エラー] 不明なオプション '--skip-grant-tables'

MySQL データベースがエラー 1045 (28000): ユーザー 'ODBC'...

Docker に ElasticSearch をインストールする方法を 1 つの記事で解説

目次序文1. Dockerをインストールする2. ElasticSearchをインストールする3. ...

MySQLテーブルパーティショニングプログラムを変更する方法

MySQLテーブルパーティショニングプログラムを変更する方法1. サブテーブルの実装の原則は次のとお...