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

推薦する

vue N​​progress のプログレスバー機能を実装する際の一般的な問題

NProgress は、ページがジャンプしたときにブラウザの上部に表示される進行状況バーです。公式ウ...

CSS のみを使用して折りたたまれたヘッダー効果を作成する方法の例コード

折りたたまれたヘッダーは、特別オファーや重要なお知らせなど、ユーザーにとって重要な情報を表示するのに...

モバイルデバイス用のメタタグ設定の完全なリスト

序文以前フロントエンドを勉強していたとき、メタタグに対する私の理解はこの一文だけでした。 <メ...

Vue 仮想 Dom から実際の Dom への変換

別のツリー構造があるJavascriptオブジェクトでは、このツリーが本物であると伝えるだけでよいD...

Linux ユーザーとグループのコマンド例分析 [切り替え、ユーザーの追加、権限制御など]

この記事では、Linux のユーザーおよびグループのコマンドについて例を挙げて説明します。ご参考まで...

MySQL で浮動小数点データを文字データに変換するときに起こりうる問題の詳細な説明

序文この記事は主に、MySQL で浮動小数点型を文字型に変換するときに発生する問題を紹介します。これ...

CentOS 7 に PHP5 用の suPHP をインストールする方法 (Peng Ge)

デフォルトでは、CentOS 7 上の PHP は apache または nobody として実行さ...

Vueプロジェクトの支払い機能コードの詳細な説明

1. Alipay方式: Alipay メソッド: Alipay をクリックして支払い、バックエンド...

Vue における v-for のキーの一意性の詳細な説明

目次1. DOM の違い2. 同じレイヤーの同じタイプの要素にキー属性を追加する3. キーはインデッ...

Linux コマンドラインのクイックヒント: ファイルの検索方法

私たちのコンピューターには、ディレクトリ、写真、ソース コードなどのファイルが保存されています。たく...

開発をスピードアップできる VueUse ライブラリ 5 つ (まとめ)

目次VueUse にはどのようなユーティリティがありますか? VueUseをVueプロジェクトにイン...

Windows ベースの MySQL 8.0.12 のインストール

このチュートリアルは Windows システムにのみ適用されます。インストールしたがまだインストール...

Windows 7 64 ビットに最新バージョンの MySQL サーバーをインストールする方法のグラフィック チュートリアル

最近、MySQL データベースを勉強していて、設定ファイルを頻繁に変更したため、MySQL データベ...

数十行のjsを使用してクールなキャンバスインタラクティブ効果を実現する方法を教えます

目次1. 円を描く2. マウスで動かした円3. マウスでドラッグした粒子4. カラーグラデーション粒...

Ubuntu で apt-get を使用して mysql をインストールおよび完全にアンインストールする方法の詳細な説明

1. mysqlをインストールします。 udo apt-getでmysql-serverをインストー...