English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Eclipse JSP/Servlet環境の構築

本文ではJDK環境が既にインストールされていることを前提としています。もしインストールされていない場合は、以下を参照してください: Java開発環境の設定

Eclipseを使用してJSP開発環境を構築できます。まず、ソフトウェアパッケージをそれぞれダウンロードしてください:

Tomcatのダウンロードとインストール

あなたのシステムに応じて対応するパッケージをダウンロードできます(以下はWindowsシステムの例です):

ダウンロード後、圧縮ファイルをDドライブに解凍してください(あなた自身で選択できます):

注意:ディレクトリ名には中国語やスペースを含めないようにしてください。ディレクトリの紹介は以下の通りです:

  • bin:バイナリ実行ファイル。その中で最もよく使われるファイルはstartup.bat、LinuxやMacシステムの場合、起動ファイルは startup.sh

  • conf: 設定ディレクトリ。その中で最も核心のファイルはserver.xml。ポート番号を変更するなど、そこで変更することができます。デフォルトのポート番号は8080、つまり、このポート番号は他のアプリケーションで使用できないことを意味します。

  • lib:ライブラリファイル。Tomcatが実行時に必要なjarパックが含まれるディレクトリ。

  • logs:ログ。

  • temp:一時的に生成されるファイル、すなわちキャッシュ。

  • webapps:webアプリケーション。webアプリケーションをこのディレクトリに配置すると、ブラウザで直接アクセスできます。

  • work:コンパイル後のclassファイル。

次に、startup.batをダブルクリックしてTomcatを起動し、以下のウィンドウが表示されます:

この時点で、ローカルのサーバーが構築されています。サーバーを閉じる場合は、上のウィンドウを閉じるか、Ctrlを入力して閉じます。+Cサービスを停止します。

次に、ブラウザで以下に入力します: http://localhost:8080/、以下のウィンドウが表示された場合は、Tomcatのインストールが成功し、起動しています:

ブラウザでテストしてみましょう:

まずD:\apache-tomcat-8.0.14\webapps\ROOTディレクトリにjspファイルを作成します:

test.jsp ファイルのコードは以下の通りです:

<%@ page contentType="text/html;charset=UTF-8" %>
<%
out.print("JSP教程 : http:\//ja.oldtoolbag.com");
%>

次に、ブラウザで以下のアドレスにアクセスします: http://localhost:8080/test.jsp, 出力結果は以下の通りです:

TomcatとEclipseを関連付ける

Eclipse J2EEをダウンロードして、解凍して使用できます。Java EEを開き、メニューのWindowsを選択します。-->preferences(MacシステムのEclipse)-->設定(MacシステムのEclipse)

上図で「add」をクリックした追加ボタンをクリックして、以下のウィンドウが表示されます:

オプションの中で、対応するTomcatバージョンを選択し、「Next」をクリックして、Tomcatのインストールディレクトリを選択し、インストールしたJava環境を選択します:

「Finish」をクリックして、設定を完了します。

サンプルを作成

「File」を選択-->New-->Dynamic Web Project"、TomcatTestプロジェクトを作成:

上図の赤い枠部分をクリックして、以下のウィンドウが表示されます:

もし、前にインストールしたTomcatとJDKが既にデフォルトで選択されていれば、この手順をスキップできます。

その後、finishをクリックして、続行:

プロジェクトファイル構造:

上図の各ディレクトリの解釈:

  • deployment descriptor:デプロイメントの説明。

  • Web App Libraries:自分で追加したパッケージをそこに入れる。

  • build:コンパイル後のファイルを入れる。

  • WebContent:書き込んだページをここに配置します。

WebContentフォルダーにtest.jspファイルを作成します。以下の図では、デフォルトのコードが見られます:

<%@ page language="java" contentType="text/html;charset=UTF-8" %>/html; charset=UTF-8-8"
    pageEncoding="UTF-8-8"%>
!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv-equiv="Content-Type-Type" content="text/html; charset=UTF-8-8">
<title>Insert title here</title>
</head>
<body>
</body>
</html>

次に、test.jspファイルのコードを以下のように修正します:

<%@ page language="java" contentType="text/html;charset=UTF-8" %>/html; charset=UTF-8-8"
    pageEncoding="UTF-8-8"%>
!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv-equiv="Content-Type-Type" content="text/html; charset=UTF-8-8">
<title>基础教程网</title>
</head>
<body>
<%
    out.println("Hello World!");
%>
</body>
</html>

プログラムを実行する前に、ブラウザのオプションを変更します:

次に、プロジェクトを実行します:

実行中に以下のエラーが表示されます:(エラーがない場合は無視してください)

その理由は、私たちが以前にTomcatインストールパッケージのstartup.batをクリックしたためです。これにより、手動でTomcatサーバーが開始されましたが、これは余分です。なぜなら、プログラムが実行中にEclipseが自動的にTomcatサーバーを開始するからです。したがって、まず手動でTomcatソフトウェアを停止し、プログラムを再び実行します。コンソール情報は以下の通りです:

ブラウザでアクセス http://localhost:8080/TomcatTest/test.jsp、正常な結果が表示されます:

Servlet サンプルの作成

上記の環境を使用してServletファイルを作成することもできます。"File"を選択して、-->New-->Servlet":

TomcatTestプロジェクト内に位置しています。 /TomcatTest/src フォルダーに「HelloServlet」クラスを作成し、パッケージとして「com.w」を設定します。3codebox.test":

HelloServlet.java  以下はコードの例です:

package com.w;3codebox.test;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
/**
 * Servlet実装クラスHelloServlet
 */
@WebServlet("/HelloServlet")
public class HelloServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public HelloServlet() {
        super();
        // TODO 自動-生成コンストラクタスタブ
    }
    /**
     * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // GBKを使用して中国語を正常に表示する
        response.setCharacterEncoding("GBK");
        response.getWriter().write("JSPチュートリアル:http://ja.oldtoolbag.com");
    }
    /**
     * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO 自動-生成メソッドスタブ
        doGet(request, response);
    }
}

作成 /TomcatTest/WebContent/WEB-INF/web.xmlファイル(なければ)、以下のようになります:

<?xml version="1.0" encoding="UTF-8"?>  
<web-app version="2.5"   
    xmlns="http://java.sun.com/xml/ns/javaee"   
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"   
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee   
    http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">  
  <servlet  
     <!-- クラス名 -->  
    <servlet-name>HelloServlet</servlet-name>  
    <!-- のパッケージ -->  
    <servlet-class>com.w3codebox.test.HelloServlet</servlet-class>  
  </servlet>  
  <servlet-mapping>  
    <servlet-name>HelloServlet</servlet-name>  
    <!-- 訪れるURL -->  
    <url-pattern>/TomcatTest/HelloServlet</url-pattern>  
    </servlet-mapping>  
</web-app>

次にTomcatを再起動し、ブラウザでhttp:にアクセスします//localhost:8080/TomcatTest/HelloServlet:

参考記事リンク:http://www.cnblogs.com/smyhvae/p/4046862.html