IDEA を使用して Web プロジェクトを作成し、Tomcat に公開する方法

IDEA を使用して Web プロジェクトを作成し、Tomcat に公開する方法

ウェブ開発

1. Web開発の概要

•Web 開発を学習するには、まず Web サーバーをインストールし、開発した Web プロジェクトを外部アクセス用の Web サーバーにデプロイする必要があります。

WEB サーバーは数多くありますが、人気のあるものには Tomcat、WebSphere、WebLogic、Jboss などがあります。

小規模なアプリケーション システムや特別なニーズのあるシステムでは、無料の Web サーバーを使用できます。
すべての JSP および Servlet 仕様をサポートする Apache の Tomcat。

Tomcatのインストールと設定

Tomcat 公式サイト: http://tomcat.apache.org

Tomcatインストールパッケージを入手する

– tar.gzファイルはLinuxオペレーティングシステムのインストールバージョンです

– zipファイルはWindows用の圧縮バージョンです

ここに画像の説明を挿入

Tomcatをインストールする

–Tomcatの圧縮ファイルを解凍します

JDK をインストールします (JDK インストール チュートリアルについてはここをクリックしてください)

– JAVA_HOME環境変数を設定する

– PATH環境変数を設定する

2. Web開発環境の構築

ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入

サーバーを起動し、インストールが成功したかどうかを確認します

ここに画像の説明を挿入

ここに画像の説明を挿入

3. Webプロジェクトを作成して公開する

1. Javaプロジェクトを作成する

2. ウェブを追加

ここに画像の説明を挿入

ここに画像の説明を挿入

この方法では、HTMLファイルを保存するための追加のWebフォルダがあります

ここに画像の説明を挿入

3. Tomcatを設定してWebファイルを自動的に公開する

ここに画像の説明を挿入

ここに画像の説明を挿入

ここに画像の説明を挿入

ここに画像の説明を挿入

4. 「適用」をクリックした後、index.jspにhello worldと書いて起動します。

ここに画像の説明を挿入

5. 成功

ここに画像の説明を挿入

IDEA を使用して Web プロジェクトを作成し、Tomcat に公開する方法についての記事はこれで終わりです。 IDEA を使用して Web プロジェクトを作成し、Tomcat に公開する方法についての詳細は、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。 今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • Eclipseで作成されたWebプロジェクト(非Maven)をIdeaにインポートする方法を説明します。
  • IDEA2020.3でJavawebプロジェクトを作成する方法を教えます
  • IDEA 2020.3.1 で Tomcat をデプロイし、最初の Web プロジェクトを作成するプロセスの詳細な説明
  • 2020.2.3に更新されたアイデアについて、ライブラリが指定されていないためWebプロジェクトを作成できません
  • IDEA2020.1.2 Webプロジェクトの作成とTomcatの設定に関する詳細なチュートリアル
  • Idea2020.2 JavaWebプロジェクトの作成方法(Tomcatのデプロイ)の詳しい説明
  • idea2020.1.3では、Webプロジェクトを段階的に作成する方法を説明します。
  • 作成したJava WebプロジェクトをTomcatにデプロイするプロセスの詳細なグラフィック説明
  • IntelliJ IDEA2019はWebプロジェクト作成例を実装します
  • IntelliJ IDEA を使用して Maven Web プロジェクトを作成するためのグラフィカルな手順 (IDEA 初心者向け)
  • アイデアのMavenWebプロジェクトのソリューションではサーブレットを作成できない
  • IntelliJ IDEA で最初の動的 Web プロジェクトを作成する手順
  • Idea2019 メソッドを使用して Springboot Web プロジェクトを作成する手順
  • Java Web プロジェクトを作成し、IDEA を使用してデプロイする方法についてのグラフィック チュートリアル
  • IntelliJ IDEA の新バージョンは Maven をビルドし、Maven で Web プロジェクトを作成します (グラフィック チュートリアル)
  • IntelliJ IDEA 15 と Maven を使用して Java Web プロジェクトを作成する (グラフィックス)
  • アイデアを使ってWebプロジェクトを作成する方法を教えます

<<:  IE6 での背景画像キャッシュ

>>:  ElementUIはカスケードセレクタを実装します

推薦する

sqlmap インジェクションの詳細なグラフィック説明

目次1. この Web サイトには SQL インジェクションの脆弱性がある可能性があることが判明しま...

怖いハロウィーン Linux コマンド

ハロウィーンではありませんが、Linux の不気味な側面に注目する価値はあります。幽霊、魔女、ゾンビ...

純粋な CSS で「テキストオーバーフローの切り捨てと省略」を実装するいくつかの方法

私たちの日常的な開発作業では、テキストのオーバーフロー、切り捨て、省略は、考慮する必要がある非常に一...

Webフロントエンドインターフェースの設計に必須のスキル

[必須] ユーザーインターフェースPhotoShop/花火デザインアーティストと協力して、スケッチを...

Windows 10 Home Edition に Docker for Windows をインストールする

0. 背景ハードウェア: Xiaomi Notebook Air 13/Inter Core i7-...

MySQLデスクトップツールSQLyogのリソースとアクティベーション方法は、白黒のコマンドラインに別れを告げます

では、早速リソースについて見ていきましょう。 123WORDPRESS.COM ダウンロードSQLy...

CSS トランジションを使用した円形ホバー効果のサンプルコード

この記事では ソースコードのオンラインプレビューとダウンロード今日のチュートリアルでは、円のホバー効...

Navicat for MySQL チュートリアル

まず、Navicat for MySQL をダウンロードしてインストールする必要があります。正規版の...

vue+elementuiは、共有箇条書きボックスの追加と変更の完全なコードを実装します。

目次1. 新しいII. 変更element-ui は、Ele.me のフロントエンド チームが開発者...

JavaScript オブジェクト指向クラス継承ケースの説明

1. オブジェクト指向のクラス継承これまでの章では、JavaScript のオブジェクト モデルがプ...

CSS3は小さな矢印のさまざまなグラフィック効果を実現します

CSS を使ってさまざまなグラフィックを実現できるのは素晴らしいことです。画像を切り取る必要はなく、...

CSS で隠し要素を実現する 7 つの興味深い方法

序文非表示要素の 3 つの属性である表示、可視性、不透明度の類似点と相違点は、フロントエンドの就職面...

入力と画像を揃えるためにvertical-alignを使用します

input と img を同じ行に配置すると、img タグが常に input より 1 つ上になり、...

MySQL パスワード変更方法の概要

MySQL 5.7 より前のバージョンのパスワードを変更する方法:方法1: SET PASSWORD...

Linuxで権限が拒否された場合の解決策の詳細な説明

許可が拒否されました:その理由は、ファイルの読み取り、書き込み、作成、削除などの権限がないためです。...