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

推薦する

Nginx 構成の実装 HTTPS セキュリティ認証

1. HttpとHttpsの違いHTTP: インターネットで最も広く使用されているネットワーク プロ...

CSS 要素の非表示の原則と display:none および visibility:hidden

1. CSS 要素の非表示<br />CSS では、要素を非表示にする (つまり、画面の...

Docker で ElasticSearch と Kibana をインストールするためのサンプル コード

1. はじめにElasticsearchは現在非常に人気があり、多くの企業が利用しているため、esを...

単一の MySQL テーブル内の行数が 500 万を超えてはいけないのはなぜですか?

今日は、興味深いトピックについてお話ししましょう。データベースとテーブルを分割することを検討する前に...

Nginx を使用してポート転送 TCP プロキシを実装する例

目次需要背景Nginx を使用する理由は何ですか? Nginx によるポート転送依存関係をインストー...

Alibaba Cloud Centos 7.5 に MySQL をインストールするチュートリアル

CentOS 7 の yum ソースには、MySQL を正常にインストールするための mysql-s...

Vue で親コンポーネントから子コンポーネントにデータを渡すいくつかの方法

最近、Vue のソースコードを勉強していて、Vue で親コンポーネントと子コンポーネント間でデータを...

Docker環境でJenkinsを設定すると、タスクをビルドするときにコンソールログに文字化けした中国語の文字が表示されます

目次1. 問題の説明: 2. Jenkins設定のトラブルシューティング3. コードログのエンコード...

IDEA は MySQL への接続時にエラーを報告します。サーバーが無効なタイムゾーンを返します。タブに移動して serverTimezone プロパティを設定してください。

これからの道は常に困難で、棘だらけです。歯を食いしばって、乗り越えられると信じてください。さあ、さあ...

JavaScript で localStorage を使用する方法

.NET の世界に参入したい開発者であれば、何が可能なのかを知る必要があります。 .NET Fram...

JavaScript 配列メソッド - 体系的な概要と詳細な説明

目次一般的な配列メソッド配列要素の追加と削除配列ヘッダーの操作配列の末尾を操作する任意の場所に追加ま...

ウェブサイトのビジュアルデザインパスはユーザーの習慣に合わせる必要がある

クーパー氏は、一般的に上から下、左から右に向かうユーザーの視覚経路について話しました。優れたビジュア...

SQL でテーブルにフィールドとコメントを追加する方法

1. フィールドを追加します。 alter table テーブル名 ADD フィールド名 タイプ;例...

初心者向けウェブサイト構築チュートリアル: 10 日間でウェブサイトの構築方法を学ぶ

10 日間のチュートリアルでは、最も理解しやすい言語を使用し、最も基本的なことから始めて、誰もが W...

Mysql論理アーキテクチャの詳細な説明

1. 全体的なアーキテクチャ図他のデータベースと比較すると、MySQL は、そのアーキテクチャがさま...