Web出力Hello


こんにちは!今日、Apache Tomcatサーバとeclipseに接続し、Web上でHello出力を公開します.😀

Apache Tomcatのインストール


まず、Apacheホームページに入り、APACHEPROJECTLISTのTomcatをクリックします.

筆者ダウンロードApache tomcat 8.5
8.5.77

Binary Distributions

- Core:
 > 32-bit/64-bit Windows Service Installer(pgp, sha512)
Windows Service Installerをクリックしてインストールを続行します.
  • のインストールが完了したら、サーバーのシャットダウンポート、HTTP/1.1接続ポートを設定し、Tomcat Administrator Loginでユーザー名とパスワードを設定します.
  • Tomcatの起動方法
    インストールパスに移動し、ApacheソフトウェアFoundationフォルダをクリックし、Tomcat 8.5フォルダをクリックし、binフォルダ、Tomcat 8 Wに入ります.「exe」をクリックし、startで開始します.

    スタートをクリックして起動すると、インターネットにlocalhost:ポート番号を入力するとManaer画面が表示されます.

    画面右上にあるServer Statusをクリックします.

    サーバーのステータスを表示します.
    ✔注意事項:サービスステータスがStopped、またはファイアウォールなどの問題がある場合は、サイトに接続できません.

    eclipse encoding setting


    Tomcatとeclipseを接続する前に、このクリップコードをWindows PreferencesからUTF-8に設定します.
    General Setting
    まず、eclipseのWindows Preferences General Content Types Java Class Fileの下部画面で、Default符号化にUTF-8を入力して更新します.

    次に、General-workspace-Text file encoding-otherでUTF-8を選択して適用します.

    最後に,「UTF−8」(UTF−8)をGeneral−EDitors−Text Editors Spelling−Encodeで調べて適用した.

    Web Setting
    まず、Web-CSSファイル-エンコーディングでISO 10646/Unicode(UTF-8)をクリックして適用します.

    次に、Web HTML FILEs-Encodeの10646/Unicode(UTF-8)をクリックして適用します.

    最後に、Web-JSPファイル-エンコーディングで、10646/Unicode(UTF-8)をクリックして適用します.

    XML Setting
    XML-XML Files-Encodingで、基本設定を10646/Unicode(UTF-8)、Apply、Apply、Closeボタンをクリックします.

    Tomcatをクリップに挿入する


    このクリップで、Window Preferencesのサーバーをクリックし、Runtime Environmentsウィンドウの右側にあるAdd.をクリックします.ボタンをクリックします.

    New Server Runtime環境でApache Tomcat v 8.5を選択し、Nextをクリックし、Tomcatインストールアドバイザ:Browseボタンをクリックし、Tomcat 8.5のパスを選択し、Finishボタンをクリックし、Apply and Closeをクリックします.

    最後に、このクリップの下部にある「Server」タブを選択します.
    No servers are available. Click this link to create a new server... リンクをクリックすると、
    「Define a New Server」ウィンドウでサーバータイプ:Tomcat v 8を選択します.5サーバーを選択し、「Finish」をクリックします.

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


    このクリップの左上隅で、「ファイル-新規-その他-a選択ウィザード」で「動的」を検索し、「動的Webプロジェクト」を選択します.

    「次へ」をクリックしてプロジェクト名を入力し、「次へ」をクリックして「Webモジュール」ウィンドウにWebを作成します.xmlデプロイメント記述子チェックボックスをチェックし、「Finish」をクリックします.

    新しいアイテムにTomcatプラグインを挿入


    [新規プロジェクト](New Projects)を右クリックし、[パスを生成-生成パスを構成](Generate Path-Configuration Generate Path)をクリックします.
    Libraryタブをクリックし、右側に外部JARSを追加...ボタンをクリックします.
    Tomcat 8.5libフォルダでライブラリ全体を選択し、Java Build PathウィンドウでApplyをクリックし、ApplyとCloseをクリックします.

    このタスクが正常に完了すると、ライブラリがライブラリに参照されていることがわかります.

    最後に、Window-Web Browserで3を選択します.Chromeを選んだらChrome出力の準備は終わりです.

    Web出力Hello


    作成したプロジェクトで、Webコンテンツにhtml、jspフォルダを作成し、htmlフォルダでマウスを右クリックして-new-HTMLファイルを使用してHTMLファイルを作成します.

    次に、jspフォルダでマウスの右ボタン-new-JSPファイルを使用してJSPファイルを作成します.

    hello.html
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    	Hello HTML !!!
    </body>
    </html>
    ファイルを実行すると、chromeウィンドウに次の結果が表示されます.(Tomcat v 8.5 Server at localhostがStartを実行すると仮定します.)
    出力結果

    クロムウィンドウに正常に出力されました.
    hello.jsp
    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    	Hello Jsp !!!<br>
    	<hr>
    <%
    	out.println("Hello JSP !!!!");
    	out.println("<hr>");
    	java.util.Date d = new java.util.Date();
    	out.println("Date >>> : " + d + "<br>");
    %>	
    </body>
    </html>
    出力結果

    jspもクロムウィンドウに正常に現れた.
    以上がWeb出力Helloからの位置決め😀