Rainbow Planet (GT×IT×SP×SA)

IT技術を分かりやすく簡潔にまとめることによる学習の効率化、また日常の気付きを記録に残すことを目指します。

01_IT技術 (Technology)

Javaの動的Webプロジェクト作成での事前設定と雛形Webプロジェクト作成

投稿日:2019年6月22日 更新日:

「動的Webプロジェクト」とはHTMLのような静的ページのみならず、ServletやJSPを用いてWebアプリケーション開発をする際に作成します。本記事ではEclipseにて「動的Webプロジェクト」の作成に際して必要なアプリケーションサーバー関連の設定(今回はTomcat)と、動的Webプロジェクトの雛形作成の手順を示します。

(0)目次&概説

(1) 前提条件
(2) Eclipseの事前設定
 (2-1) アプリケーションサーバー(Tomcat)を設定
(3) 動的Webプロジェクトの作成
 (3-1) パースペクティブの切り替え
 (3-2) 動的Webプロジェクトの作成
(4) 動的Webプロジェクトのディレクトリ構造

(1) 前提条件

以降に記載する手順の前提事項は下記3点になります。
(a) JDKがインストールされている事 ⇒こちらを参照
(b) IDE(統合開発環境)がインストールされている事 ⇒こちらを参照
(c) サーブレットコンテナ(Tomcat)がインストールされている事 ⇒こちらを参照

(2) Eclipseの事前設定

まずは開発環境(Eclipse)に使用するサーブレットコンテナ(Tomcat)を認識させます。

(2-1) アプリケーションサーバー(Tomcat)を設定

メニューバーの[Window](ウィンドウ)→[Preferences](プリファレンス)を選択します。

 「Preferences」の窓が出てきたら左のツリーから「Tomcat」を選択します。

・Tomcat Version
Tomcatの入力欄に切り替わったら、まずはTomcatのバージョンを選択します。私の場合はバージョンが「8.5.42」なので「8.X」を選択します。

・Tomcat home
Tomcatのホームディレクトリを指定します。ホームディレクトリは環境変数「CATALINA_HOME」の値を出力する事でも確認ができます。

[admin@host ~]$ echo $CATALINA_HOME
/usr/local/src/apache-tomcat-8.5.42
[admin@host ~]$

ホームディレクトリの確認が出来たら、そのパスを指定します。

上記が完了したら「Apply and Close」を押下します。

目次にもどる 

(3) 動的Webプロジェクトの作成

(3-1) パースペクティブの切り替え

「パースペクティブ」はいわばモードの切り替えのようなもので、実行する作業に応じて「Java」や「Java EE」や「デバッグ」などを切り替える事ができます。これは行う作業に応じて必要な機能だけを表示するという発想から来ています。

今回はWeb開発ができる「Java EE」に切り替えます。
メニューバーの[Window](ウィンドウ)→[Perspective](パースペクティブ)→[Open Perspective](パースペクティブを開く)→[Other](その他)と選択します。

詳細画面が開いたら「Java EE」を選択します。


目次にもどる

(3-2) 動的Webプロジェクトの作成

メニューバーの[File]→[New]→[Dynamic Web Project(動的Webプロジェクト)]を選択します。

次の画面が開いたら、以下を設定します。

項目 説明 設定値
プロジェクト名 [※任意の名前] RainbowPlanetWeb
ターゲットランタイム [※各自のTomcatのバージョンを指定] Apache Tomcat v8.5
動的Webモジュールバージョン [※デフォルト値] 3.1
構成 [※デフォルト値] Apache Tomcat v8.5 デフォルト構成


・Target Runtime(ターゲット・ランタイム)

ターゲットラインタイム設定では、プロジェクトを実行するアプリケーションサーバーとそのバージョンの指定を行います。今回の場合は「Tomcat」の「8.5.42」です。この指定を行うと以降のアプリのテストやデバッグを簡易操作で行えるようになります。

右側にある「New Runtime」のボタンを押下すると、「New Server Runtime Environment」というTomcatのバージョン選択画面に遷移します。

 ここでご自身のバージョンを選択して「Next」を押下します。

次に「Tomcat Server」というTomcatのインストール領域を指定する画面に遷移します。「Tomcat installation directory:」には先程と同様の「CATALINA_HOME」の環境変数の値を入力して「Finish」を押下します。

再度「Finish」を押下します。

左側のツリーに自身のプロジェクトが追加されている事が確認できれば完了です。

目次にもどる

(4) 動的Webプロジェクトのディレクトリ構造

Servletを開発する場合は「scr」配下に作成し、JSPを開発する場合は「WebContent」配下の「WEB-INF」内に配備します。

[動的Webプロジェクト名]
 ∟Deployment Descriptor : [動的Webプロジェクト名]
 ∟JAX-WS Web Services
 ∟Java Recouces
  ∟src
   ∟[パッケージ名]
    ∟[サーブレット名].java ⇒※ここにController(Servlet)を実装します
    ∟[JavaBeans名].java ⇒※ここにModel(JavaBeans)を実装します
  ∟Libraries
 ∟JavaScript Recouces
 ∟build
 ∟WebContent ・・・④
  ∟css
  ∟META-INF
    ∟MANIFEST.MF ⇒※jarファイルのバージョンや作成に利用したツールについて記載されたファイル
  ∟WEB-INF
    ∟[JSP名].jsp ⇒※ここにView(JSP)を実装します

目次にもどる

Adsense審査用広告コード


Adsense審査用広告コード


-01_IT技術 (Technology)

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

OracleデータベースとSQL Serverを冗長性の機能面での比較検討

(0)目次 (1) 冗長性の機能(Oracle)  (1-1) Oracle RAC  (1-2) Oracle Fail Safe (2) 冗長性の機能(SQL Server)  (2-1) Alw …

Linuxのテキスト入力で日本語が文字化けした時の対処法と解説

Linuxのテキスト入力等で日本語が文字化けした時の対処方法を紹介します。 (0)目次&概説 (1) 障害・不具合の概要 (2) 文字化けの対処法 (3) 解説(文字コードについて) (1) 障害・不 …

Linuxサーバ(CentOS6)にEclipse(OXYGEN)をインストールする

0.目次 (1) JDKの概要  (1-1) JDKの種類  (1-2) JDKのバージョン(2018年2月時点) (2) JDKのインストール  (2-1) wget コマンドでJDK の rpm …

Linux基礎コマンド(第1回) TeraTermログイン・pwd・cd

初めてLinuxを触る人向けにTeraTermのログイン方法からコマンドを入力する方法まで数回にわたり解説していきます。本記事はその第1弾です。 (0)目次&概説 >(1) Linuxのディレクトリ構 …

サーバサイドJava(JSP&サーブレット)における画面遷移の手法とそのサンプルコードの紹介

(0)目次&概説 (1) 画面遷移の代表手法  (1-1) フォワード  (1-2) リダイレクト (2) 画面遷移手法のご紹介  (2-1) 方法1:formタグ+Submitボタン(JSP/Ser …

Top