fc2ブログ

Webアプリを作る(1)

まっさらな状態からWebアプリの開発環境を作るための手順・ノウハウを書き殴りレベルで記したものです。
Eclipseをベースにしています。

■Eclipseのセットアップ
・日本語化が面倒なので、「Pleiades All in One」を使用。タイプはUltimate、バージョンは3.7(4.2は遅いらしい)。ダウンロード元
・Zipファイルを解凍。JDKやTomcatのフォルダもあるので、解凍先のフォルダを作った上で解凍。

■Servlet/JSPの作成
・Eclipseを起動後、プロジェクトを新規作成。プロジェクトタイプは「Web/動的 Web プロジェクト」(Java プロジェクトだとデバッグができない)。プロジェクト作成における属性は以下の通り。
 - ターゲット・ランタイム = Tomcat
 - 動的 web モジュール バージョン = 2.5
 - 構成 = Apache Tomcat vX.X デフォルト構成
・上記手順で作成したプロジェクト配下の「Java Resources/src」にサーブレットを作成。サンプルはこんな感じ。
package test;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class TestServlet extends HttpServlet {

public void doGet(HttpServletRequest request,
HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html; charset=Shift_JIS");

request.setAttribute("test", "今日は晴天なり");

getServletContext().getRequestDispatcher("/hello.jsp").forward(request, response);
}
}

・プロジェクトの「WebContent」フォルダ配下にjspを作成する。「WEB-INF」配下に作成すると(デフォルトでは)外部からアクセス不可(フォワード先として無効)なので注意。サンプルはこんな感じ。

<%@ page contentType="text/html; charset=Shift_JIS" %>
<html>
<%
String item = "Hello JSP!";
if( request.getAttribute("test") != null && request.getAttribute("test").toString().length()>0 ){
item = request.getAttribute("test").toString();
}
%>
<head>
<title>Hello! JSP</title>
</head>
<body>
<h2>
<%=item%>
<h2/>
</body>
</html>

・デフォルトで用意される「web.xml」の「web-app」XMLタグ内に以下のXMLタグを追加。

<servlet>
<servlet-name>Test</servlet-name>
<servlet-class>test.TestServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>Test</servlet-namev
<url-pattern>/TestServlet</url-pattern>
</servlet-mapping>

・ソースファイルや設定ファイルのバグを除去したら、Eclipseの「サーバー」ビューを表示し、「新規サーバー・ウィザード」からサーバを新規作成。サーバー上に構成するリソースとして当該プロジェクトも追加。
・サーバを起動後、ブラウザを起動して「http://localhost:8080/{作成プロジェクト名}/TestServlet」とアドレスバーに入力すれば、プログラムが起動される。サーバをデバッグモードで起動すればServlet、JSPのスクリプトレット(<%~%>)部分でプログラム実行のブレイクが可能。
スポンサーサイト



コメントの投稿

非公開コメント

プロフィール

白虎

Author:白虎

最新記事
月別アーカイブ
カテゴリ
検索フォーム
RSSリンクの表示
リンク