- PDF Free Download

Size: px

Start display at page:

Download ""

おきまさくだら
5 years ago
Views:

3 Oracle と Java は Oracle Corporation 及びその子会社関連会社の米国及びその他の国における登録商標です Eclipse は米国およびその他の国における Eclipse Foundation, Inc. の商標もしくは登録商標です MySQL の名称及びロゴは Oracle Corporation の登録商標または商標です Apache Tomcat Tomcat Apache は Apache Software Foundation の登録商標または商標です Windows は米国 Microsoft Corporation の米国およびその他の国における登録商標ですその他記載された会社名およびロゴ製品名などは該当する各社の商標または登録商標です本書ではおよびの記載は省略しました

4 はじめにインターネットが人々の生活基盤と位置付けられて久しくなった今日特にWebアプリを利用した情報の入力や活用はより重要性を増しています本書は Webアプリケーションの構築方法として入門的なApache Tomcatサーバに焦点を当てその動作のしくみの学習とWebアプリケーションを作る手順について小さなサンプル作成を通して学んでいくものですまたインターネットを身近に利用するとき今日ではサーバのしくみに脆弱性対策は欠かせない条件となっており本書はこうした観点にも触れることとしました Javaを学習した方が実用的なプログラムとしてWebアプリケーションを作る一助となれば幸いです対象とする読者本書は次のような技術に関する基礎的な知識を有している人を対象にサーバサイドJavaを使って Webアプリケーションを構築できるようになることを目標としています Javaプログラミングの基礎知識オブジェクト指向技術 ( 継承インスタンス実装ポリモルフィズムなど ) の簡単なプログラムをJava で作成することができるデータベースに関する基礎知識リレーショナルデータベースに関して基礎知識とテーブルの作成検索更新削除などをSQL 命令で操作できる HTMLの基礎知識 <table> や <form> など基本的タグを理解しているまた HTMLを使ってWebページを作成することができるインターネットプロトコルの基礎知識 TCP/IPの概略とOSI 階層を理解しているクライアント / サーバ間のパケットの要求応答を理解している

5 サポート情報 / サンプルプログラム本書に記載された項目に関する最新情報やサンプルプログラムなどを必要に応じて公開しています <URL> 本書の概要 / 標準学習時間章概要学習時間 (1 時限 =90 分 ) 第 1 章 Webサーバの構成要素 TCP/IPにおけるリクエストとレスポンス動的 Webコンテンツ 1.0 時限第 2 章簡単なWebアプリケーション EclipseとTomcatによる初歩的サーブレット作成方法 6.0 時限第 3 章 JSP JSPの基本文法 4.0 時限第 4 章プログラム間のつながり第 5 章 JavaBeans 第 6 章 JDBCドライバによるDB 操作第 7 章ユーザ認証第 8 章システムの統合化第 9 章セキュリティ確保の実現第 10 章フールプルーフ第 11 章総合演習付録 1 セッションの概念を中心に複数ページで構成されるWebアプリの考慮事項 JavaBeansの基本事項 MySQL を操作する JDBC 例題 Web アプリでのログイン方法 1~7 章の技術を総復習した実習安全な Web アプリ構築方法利用者の誤操作への対策第 8 章の構築実習に基づいた応用実習 ( 模範解答は本書には記載していません上記のサポート情報ページからダウンロードすることができます ) Eclipse Tomcat MySQLなどのインストール作業合計 4.0 時限 4.0 時限 3.0 時限 2.0 時限 3.0 時限 1.0 時限 1.0 時限 15.0 時限 1.0 時限 45.0 時限学習時間はあくまでも目安です理解度に合わせてさらに時間をかけて学習しても構いません

6 プログラムのソースコード本書ではソースコードがどこにあるかが一目でわかるようにソースコードに背景色を付けていますまたソースコードで使用する文字で紛らわしいものに関しては以下のように区別しやすい形にしてあります表記意味 1 数字の1( イチ ) l 英小文字の (l エル ) I 英大文字の (I アイ ) 0 数字の0( ゼロ ) o 英小文字のo( オー ) O 英大文字のO( オー ) ナビゲーションマップ本書の学習の順序は以下を想定しています付録 1 第 1 章必修内容第 2 章選択省略可第 3 章第 4 章第 5 章第 6 章先行する章は必須の前提知識途中の章知識第 7 章を習得済みであれば省略可能第 8 章第 9 章第 11 章第 10 章

8 目次第 1 章 Webサーバの構成要素 Webサーバの構成 HTTPリクエストとHTTPレスポンス静的 Webコンテンツと動的 Webコンテンツ本書での開発と実行環境 10 第 2 章簡単なWebアプリケーション Eclipseによるサーブレットの開発手順サーブレットの基本事項サーブレットでの文字コードとエンコードリクエストによる入力値の受け取り 47 練習問題 63 第 3 章 JSP JSPとははじめてのJSP JSPコンパイル JSPの基本的なタグディレクティブ (Directive) コメント 91 練習問題 93 第 4 章プログラム間のつながりクッキーセッションフォワードリダイレクトスコープとJSP 暗黙オブジェクト 147 練習問題 157 目次 i

9 第 5 章 JavaBeans JavaBeansとは JSPのアクションタグ JSP,Beansを応用したMVCモデル学生登録アプリケーションの作成 181 練習問題 193 第 6 章 JDBCドライバによるDB 操作 JDBCドライバとは DB 準備 DB 操作するサーブレット概要表の参照行の挿入行の更新行の削除 218 練習問題 222 第 7 章ユーザ認証 Tomcatのユーザ認証機能ユーザ認証のサンプルプログラムユーザ認証機能のポイント 249 第 8 章システムの統合化システムの統合化 252 第 9 章セキュリティ確保の実現 SQLインジェクションクロスサイトスクリプティング (XSS) ディレクトリトラバーサルその他の脆弱性について 294 ii 目次

10 第 10 章フールプルーフなぜフールプルーフが必要なのか注意が必要なユーザの操作想定外ナビゲーションの対策方法サンプルコードフールプルーフの実装例 306 第 11 章総合演習つぶやきアプリ概要機能概要データベース仕様画面遷移画面レイアウト例第 1 段階つぶやき機能作成第 2 段階削除とユーザ認証機能の作成第 3 段階ユーザ管理機能の作成 331 付録 1 開発環境の準備 335 付録 1-1 JDKの入手とインストール 336 付録 1-2 Apache Tomcatの入手とインストール 341 付録 1-3 MySQLの入手とインストール 348 付録 1-4 Eclipseの入手とインストール 362 付録 2 Tomcat ディレクトリ構造とアプリケーションのリリース 371 索引 377 目次 iii

12 第 1 章 Web サーバの構成要素

1-1 Web サーバの構成 1 今日インターネットの利用でWebを閲覧するとき閲覧するユーザの手元にはWebブラウザと呼ばれるクライアント用ソフトウェアを準備しますまた閲覧される情報であるWebページを保管しているWeb サーバも必要となります

サーバ HTTP リクエスト HTTP レスポンス Web ブラウザ Web コンテンツ図 1.

WebブラウザがWebサーバに要求する情報をHTTPリクエストといいますまたWebサーバがこれに応答し返信する情報をHTTPレスポンスといいます Webコンテンツは文字画像音楽映像などのひとまとまりの情報で表現方法のルールはHTML 2 に従ってタグを利用して記述します

13 1-1 Web サーバの構成 1 今日インターネットの利用でWebを閲覧するとき閲覧するユーザの手元にはWebブラウザと呼ばれるクライアント用ソフトウェアを準備しますまた閲覧される情報であるWebページを保管しているWeb サーバも必要となります WebブラウザからWebサーバにホームページ情報を要求し Webサーバはこれに返信することでWebブラウザはホームページを閲覧することができますホームページまたはWeb ページで表現される情報を情報の内容物という意味でWebコンテンツともいいますクライアント PC Web サーバ HTTP リクエスト HTTP レスポンス Web ブラウザ Web コンテンツ図 1.1 Web サーバの構成要素クライアントPCとWebサーバ間ではインターネットの通信手順であるTCP/IPプロトコルでデータが送受信されますホームページデータを要求受信する手順はこのTCP/IPの上位レイヤープロトコルである HTTP 1 というプロトコルに従います WebブラウザがWebサーバに要求する情報をHTTPリクエストといいますまたWebサーバがこれに応答し返信する情報をHTTPレスポンスといいます Webコンテンツは文字画像音楽映像などのひとまとまりの情報で表現方法のルールはHTML 2 に従ってタグを利用して記述します記述したホームページデータは主に.html または.htm という拡張子をファイル名に付けて保存します <HTML> <HEAD> <TITLE>My Web Page</TITLE> </HEAD> <BODY> <H2>Welcome to Hogehoge</H2> </BODY> </HTML> 1 HTTP HyperText Transfer Protocol の略 2 HTML HyperText Markup Language の略図 1.2 HTML の例 2 第 1 章 Web サーバの構成要素

1-2 HTTP リクエストと HTTP レスポンス前述の HTTP のプロトコルで実際に送受信される例を紹介しますクライアント

Page</TITLE> </HEAD> <BODY> <H2>Welcome to Hogehoge</H2> Myself

14 1-2 HTTP リクエストと HTTP レスポンス前述の HTTP のプロトコルで実際に送受信される例を紹介しますクライアント PC 1 HTTP リクエスト Web サーバページのアドレス <HTML> <HEAD> <TITLE>My Web Page</TITLE> </HEAD> <BODY> <H2>Welcome to Hogehoge</H2> Myself Picture<br> <img src="henomoheji.jpg"> </BODY> </HTML> sample.htm HTTP レスポンス図 1.3 HTTP リクエストと HTTP レスポンスの見本環境上図のデータ送受信をパケット追跡のツール WireShark 1 でとらえた例が次のページの図です一般にブラウザでページ閲覧した際は通信プロトコルの裏舞台に隠れて画面などには見えない送受信データの交換の様子が見えてきますまずクライアントPCのブラウザは入力したアドレスから 1HTTPリクエストにおいてWebサーバへホームページデータが存在するディレクトリ ( パスといいます ) およびファイル名 ( この場合は sample.htm でこれをリソースともいいます ) を送信します送信の最初にはリクエストメソッドをGETという種類にして送信しています 1 WireShark 入手先 : 1-2 HTTP リクエストと HTTP レスポンス 3

15 1 に応答して 2HTTP レスポンスが HTML ファイルの中身をブラウザへ返答します 2HTTPレスポンスを受信したブラウザは内容を解析しこのページに画像ファイルが含まれることを判定して 3HTTPリクエストでそのファイル henomoheji.jpg を要求します 1 最後に 4HTTP レスポンスではその画像ファイルをエンコードして返信しています 1HTTP リクエスト 2HTTP レスポンスこの部分は sample.htm の中身そのものを返信している 3HTTP リクエスト 4HTTP レスポンス図 1.4 HTTP リクエストと HTTP レスポンスの実際の例そのホームページにほかにも画像などの内容 ( コンテンツ ) が含まれればその都度 3のようにリクエストし受信します HTTPリクエストとHTTPレスポンスの内容をもう少し見ましょう 4 第 1 章 Web サーバの構成要素

1-2-1 HTTP リクエスト HTTPリクエストはメッセージヘッダーとメッセージボディから構成されさらにヘッダーはリクエストラインと複数のヘッダーフィールドから構成されますリクエストラインはメソッドリクエストURI 1 HTTPバージョンによって成り立ちます HTTP リクエスト 1 メッセージヘッダーリクエストラインメソッドリクエスト URI HTTP

16 1-2-1 HTTP リクエスト HTTPリクエストはメッセージヘッダーとメッセージボディから構成されさらにヘッダーはリクエストラインと複数のヘッダーフィールドから構成されますリクエストラインはメソッドリクエストURI 1 HTTPバージョンによって成り立ちます HTTP リクエスト 1 メッセージヘッダーリクエストラインメソッドリクエスト URI HTTP バージョンヘッダーフィールドヘッダーフィールドメッセージボディリクエストラインメソッドリクエスト URI HTTP バージョンヘッダーフィールド図 1.5 HTTP リクエストの構成メソッドは Web サーバへの命令の種類を表します主なものを以下に示します表 1.1 HTTP リクエストメソッドの主な種類メソッド意味 GET リソースの取得要求 HEAD リソースの取得要求 ( ヘッダーのみ ) POST データの送信と処理の要求 PUT ファイルの転送 DELETE ファイルの消去 TRACE 経由サーバのトレース 1 URI Uniform Resource Identifier の略 URL(Uniform Resource Locator) を拡張し URL と URN(Uniform Resource Name) をまとめた概念として考えられました 1-2 HTTP リクエストと HTTP レスポンス 5

1-2-2 HTTP レスポンス 1 HTTPレスポンスはステータスラインとメッセージボディから構成されますステータスラインは HTTPバージョンステータスコードそれに関連したテキストフレーズから成り立ちます HTTP レスポンスステータスライン HTTP バージョンステータスコードテキストフレーズメッセージボディ HTTP バージョンステータスコードテキストフレーズ

17 1-2-2 HTTP レスポンス 1 HTTPレスポンスはステータスラインとメッセージボディから構成されますステータスラインは HTTPバージョンステータスコードそれに関連したテキストフレーズから成り立ちます HTTP レスポンスステータスライン HTTP バージョンステータスコードテキストフレーズメッセージボディ HTTP バージョンステータスコードテキストフレーズステータスラインメッセージボディ図 1.6 HTTP レスポンスの構成ステータスコードの概要と主なものを以下に示します表 1.2 ステータスコードの概要コード意味説明 1xx 肯定先行正しいコマンドを受け付けて処理中である 2xx 肯定完了正しいコマンドを受け付けて処理を完了した 3xx 肯定中間正しいコマンドを受け付けて次に別のコマンドを要求する 4xx 一時否定完了誤ったコマンドを受け付けた再送を望む 5xx 否定完了サーバの状態によりコマンドを受け付けることができない 6 第 1 章 Web サーバの構成要素

18 表 1.3 主なステータスコードステータス応答フレーズ説明 200 OK 正常にリクエストを受け付けた 202 Created 正常にリソースを作成した 205 Not Content 正常にリクエストを受け付けたが応答するリソースなし 301 Movement Permanently リソースは稼働している 304 OK リソースは更新されていない 400 Bad Request 開始行メッセージヘッダーの構文にミスがあり受け取れない 401 Unauthorized リソースには認証が必要であり認証されていない 403 Forbidden コマンドは正常だがサーバがその実行を拒否した 404 Not Found リソースは存在しない 405 Method Not Allowed そのメソッドの実行は許可されない 500 Internal Server Error サーバ内部のエラー 501 Not Implemented コマンドを実行する機能が存在しない 1 たとえばホームページを閲覧するときアドレスを間違えている場合に表示されるコード 404 はこの表にあるリソースは存在しないという意味です 1-2 HTTP リクエストと HTTP レスポンス 7

19 1-3 静的 Web コンテンツと動的 Web コンテンツ Web アプリケーションここまでインターネットの主流のひとつとして普及したホームページの送受信の流れを紹介しましたが Webサーバは通信プロトコルHTTPの手順に沿って送受信を行うアプリケーションですそして送受信のデータはHTMLの表現形式に従って記述される情報であり基本的にHTMLファイルとしてWebサーバに保管されていますこのHTMLファイルは作成者が作り出し内容を書き換えていかない限りそのページはいつも同じ内容であるということになりますこうしたHTMLデータファイルのコンテンツを静的 Webコンテンツといいますこれに対してページを見る人によって内容が変化するページがありますたとえばページ訪問者の数が表示されるようなアクセスカウンタというページのしくみは表示する人によってその数字が変わってきます別の例では検索結果を表示するページは検索の条件次第で違う結果が表示されますこれらのページはいずれも処理を行うしくみがWebサーバに用意されていて処理の実行結果をHTMLデータファイルであるかのように表示しているのですそのしくみのためにはWebサーバ側で実行するプログラム処理が必要となりますこうした処理の結果がブラウザに表示されるコンテンツを動的 Webコンテンツといいます Webサーバ技術のなかで理解しやすい分野が静的コンテンツといえますつまり HTMLデータファイルや表示される画像データファイルを用意し HTMLやCSSなどで体裁を整える技術の習得ということですこれに対して本書で勉強するWebアプリケーションとは文字どおり Webサーバのもとで実行されて動的 Webコンテンツを処理するアプリケーションプログラムのことをいいます 8 第 1 章 Web サーバの構成要素

静的 Web コンテンツクライアント PC Web サーバ 1 あらかじめ用意された HTML

Webアプリケーションとして本書では Servlet( サーブレット ) を学びます

サーブレットのほかにも動的 Webコンテンツを生成できるプログラムの種類として有名なものに

20 静的 Web コンテンツクライアント PC Web サーバ 1 あらかじめ用意された HTML ファイルなど動的 Web コンテンツクライアント PC Web サーバ Web アプリケーション図 1.7 動的 Web コンテンツと静的 Web コンテンツの比較サーブレットとは Webアプリケーションとして本書では Servlet( サーブレット ) を学びますサーブレットとはWebサーバで実行される Javaで記述したアプリケーションプログラムのことですサーブレットのほかにも動的 Webコンテンツを生成できるプログラムの種類として有名なものに CGI 1 があります CGIはWebサーバとプログラム間でリクエストとレスポンスをやりとりする規約でプログラム言語としては主にPerlやC 言語で記述されてきました CGIはリクエストの都度に処理を起動しておりこれに対してサーブレットはWebサーバのメモリ上に常駐し効率よくマルチスレッド処理ができるなどの長所がありますまたJavaの特徴であるオブジェクト指向での開発に向いており Java 仮想マシンによりさまざまなプラットフォームで動作できるようになります 1 CGI Common Gateway Interface の略 1-3 静的 Web コンテンツと動的 Web コンテンツ 9

21 1-4 本書での開発と実行環境 Tomcat サーブレットの実行にはサーブレットを受け入れて動作させるWebサーバが必要になりますサーブレットというWebアプリケーションをコンテンツ ( 中身 ) として格納動作させる役割がこのWebサーバであることからサーブレットコンテナ ( サーブレットの入れ物 ) とも呼ばれます Javaサーブレットを動作させるコンテナ環境のひとつとして Tomcat 1 があります現在コンテナとしてはTomcat 以外にJBoss Glassfish WebLogicなどがあります本書で紹介する Tomcatは Apache Software Foundationのもとで開発されたオープンソースソフトウェアであり無償で利用できるものです 1 トムキャットと読む正式名は Apache Tomcat( アパッチトムキャット ) と呼ばれます Web ファイルサーブレットコンテンツ Web ファイル Apache Tomcat Web サーバコンテナ JVM (Apache など ) OS(Windows など ) OS(Windows など ) 図 1.8 Tomcat と Web サーバの構成比較開発環境 JDK と Eclipse およびデータベース MySQL 本書のアプリケーションを開発するためには Java Developers Kit(JDK) を準備する必要があります開発用ツールとしてプログラムコード作成のエディタは Eclipse を利用します Eclipseはコード作成を支援しコードの実行を追跡できるなどさまざまな機能を持っていますまた本書で紹介するデータベース操作のプログラム例題の環境にはデータベースソフト MySQL 2 を使用しますそれぞれのソフトウェアの入手およびインストールの手順は本書巻末の付録を参照してください第 2 章からはインストールの準備が完了しているという前提で紹介します 2 オープンソースのデータベースであり無償で利用できるものと有償の商用版があります 10 第 1 章 Web サーバの構成要素

22 第 2 章簡単な Web アプリケーション

2-1 Eclipse によるサーブレットの開発手順 2-1-1 Eclipse の初期設定本章では付録に紹介している開発環境のインストールが完了していることを前提に話を進めますサーブレットの開発をはじめる前に開発ツール Eclipse の初期設定を行いますインストールした

23 2-1 Eclipse によるサーブレットの開発手順 Eclipse の初期設定本章では付録に紹介している開発環境のインストールが完了していることを前提に話を進めますサーブレットの開発をはじめる前に開発ツール Eclipse の初期設定を行いますインストールした Eclipseを起動します 2 図 2.1 Eclipse 起動ワークスペースランチャーこのまま [OK] をクリックして進めます図 2.2 Eclipse の起動ようこそ画面この画面でメニューのウィンドウから設定を選びます 12 第 2 章簡単な Web アプリケーション

3 Eclipse 設定テキストエディター (2) テキストファイルのエンコード設定左側のメニューで一般ワークスペース

24 (1) 行番号の表示下図の左側のメニューで一般エディターテキストエディターの順に展開選択します次に右側で行番号の表示をチェックして [ 適用 ] をクリックします 2 図 2.3 Eclipse 設定テキストエディター (2) テキストファイルのエンコード設定左側のメニューで一般ワークスペースを選びます次に右側でテキストファイルのエンコードを UTF-8 に変更して [ 適用 ] をクリックします図 2.4 Eclipse 設定ワークスペース 2-1 Eclipse によるサーブレットの開発手順 13

5 Eclipse 設定エラー / 警告 ~ 潜在的なプログラミングの問題同じく右側で注釈を展開し @Override 注釈の欠落を

25 (3) コンパイラーの警告設定左側のメニューで Java コンパイラーエラー/ 警告を選びます次に右側で潜在的なプログラミングの問題を展開し serialversionuidなしのシリアライズ可能クラスを無視に変更して [ 適用 ] をクリックします 2 図 2.5 Eclipse 設定エラー / 警告 ~ 潜在的なプログラミングの問題同じく右側で注釈注釈の欠落を警告に変更して [ 適用 ] をクリックします図 2.6 Eclipse 設定エラー / 警告 ~ 注釈 14 第 2 章簡単な Web アプリケーション

26 また [ 適用 ] をクリックしたときに以下のフルビルドを行いますかのダイアログボックスが表示されるので [ はい ] をクリックします図 2.7 Eclipse 設定適用の確認 (4) JSP ファイルのエンコード変更左側のメニューで Web JSPファイルを展開選択し右側でエンコードを ISO 10646/ ユニコード (UTF-8) に変更して [ 適用 ] をクリックします 2 図 2.8 Eclipse 設定 JSP ファイル 2-1 Eclipse によるサーブレットの開発手順 15

27 (5) Tomcat7 の設定左側のメニューでサーバーランタイム環境を展開選択し右側で [ 追加 ] をクリックします 2 図 2.9 Eclipse 設定サーバーランタイム環境表示された新規サーバーランタイム環境のウィンドウのフィルター入力から Apache Tomcat v7.0 を選択し [ 次へ ] をクリックします図 2.10 Eclipse 設定サーバーランタイム環境 ~ タイプを選択 16 第 2 章簡単な Web アプリケーション

$ここではC:\Program Files\Apache Software Foundation\Tomcat 7.$ 0のフォルダを指定しています ) 次に JRE の項目で[ インストール済みのJRE] をクリックします 2 図 2.

28 ウィンドウ内に Tomcatサーバーが表示されます Tomcatインストールディレクトリーの [ 参照 ] をクリックして Tomcatがインストールされたフォルダを指定します ( ここではC:\Program Files\Apache Software Foundation\Tomcat 7.0のフォルダを指定しています ) 次に JRE の項目で[ インストール済みのJRE] をクリックします 2 図 2.11 Eclipse 設定サーバーランタイム環境 ~ Tomcat サーバー jre7 が表示されているだけですがここにJDKフォルダのJREを追加するために[ 追加 ] をクリックします図 2.12 Eclipse 設定サーバーランタイム環境 ~ インストール済みの JRE 2-1 Eclipse によるサーブレットの開発手順 17

29 続いて JRE の型で標準 VM を選択し [ 次へ ] をクリックします 2 図 2.13 Eclipse 設定サーバーランタイム環境 ~ JRE の型表示された JRE 定義では JREホームの [ ディレクトリー ] をクリックして JDKがインストールされたフォルダを指定します図 2.14 Eclipse 設定サーバーランタイム環境 ~ JRE 定義フォルダを選択すると上図のように JRE システムライブラリーが展開されて表示されます [ 完了 ] をクリックします 18 第 2 章簡単な Web アプリケーション

30 インストール済みの JRE へ戻り [OK] をクリックします図 2.15 Eclipse 設定サーバーランタイム環境 ~ インストール済みの JRE 2 Tomcatサーバーへ戻るので JRE のプルダウンメニューから上図で追加したJDKフォルダのJRE ( この例ではjdk1.7.0_04) を選び [ 完了 ] をクリックします図 2.16 Eclipse 設定サーバーランタイム環境 ~ Tomcat サーバー以上で Tomcat の設定が完了します 2-1 Eclipse によるサーブレットの開発手順 19

31 本書でのコード体裁について本書で取り扱うプログラムコードは限られたページ幅に書き表すためEclipseに以下の体裁を施しています Eclipseの設定メニュー Java コードスタイルフォーマッターと展開しますここで [ 新規 ] をクリックしてフォーマットのプロファイルを作成して適用しています 2 図 2.17 Eclipse 設定フォーマッター 20 第 2 章簡単な Web アプリケーション

32 プロファイルの行折り返しで行の最大幅を70 文字その下のデフォルトインデントをそれぞれ2 文字で設定し適用します図 2.18 Eclipse 設定フォーマッター ~ プロファイル 2 プログラムソースを編集する際はエディタ画面を開いているときにソースメニューからフォーマットを選びフォーマットの体裁を適用します 2-1 Eclipse によるサーブレットの開発手順 21

33 2-1-2 簡単なサーブレットの作成 Eclipseの環境の準備が整ったところでワークスペースにもっとも簡単なサーブレットを作成してみますここでは以下のようなホームページ結果が表示されるサーブレットの作成から実行までの作業を確認しましょう図 2.19 簡単なサーブレットを実行した結果 2 (1) Eclispe のファイルメニューから [ 新規 ] 動的 Web プロジェクト 1 を選択します図 2.20 Eclipse 動的 Web プロジェクトの作成メニュー 1 Eclipse では開発の作業に関するファイルや実行の環境などの情報をプロジェクトというフォルダで管理します本書で紹介している例題や練習問題はその演習の区切りを単位にプロジェクトを作成しますまたこれらプロジェクトと一連の開発作業環境はまとめてワークスペースというフォルダへ保存されています 22 第 2 章簡単な Web アプリケーション

34 プロジェクト名に HelloWorldPJ と入力して [ 完了 ] をクリックします 2 図 2.21 Eclipse 動的 Web プロジェクト画面左側のプロジェクトエクスプローラーに HelloWorldPJ プロジェクトが作成されます (2) 三角形アイコンをクリックしてプロジェクトを展開し内容を確認します図 2.22 Eclipse 動的 Web プロジェクトを作成した直後 2-1 Eclipse によるサーブレットの開発手順 23

35 (3) プロジェクトを選択した状態でメニューのファイルから新規サーブレットを選択します図 2.23 Eclipse サーブレット作成メニュー 2 (4) Javaパッケージに chapter2 クラス名に HelloWorldServlet と入力して [ 次へ ] をクリックします図 2.24 Eclipse サーブレット作成その 1 24 第 2 章簡単な Web アプリケーション

36 表示される項目を確認しますここではそのまま [ 次へ ] をクリックします図 2.25 Eclipse サーブレット作成その 2 2 スーパークラスからのコンストラクターのチェックを外します継承された抽象メソッドの種類で dopost のチェックを外し doget だけをチェックして [ 完了 ] をクリックします図 2.26 Eclipse サーブレット作成その 3 サーブレットの Java ソースプログラムとして最小限のコードが作成されます 2-1 Eclipse によるサーブレットの開発手順 25

37 (5) 画面左側のプロジェクトエクスプローラーでは HelloWorldPJ プロジェクト Java Resources src に chapter2 パッケージが作成されて HelloWorldServlet.java が格納されていることがわかります 2 図 2.27 Eclipse 警告への対処プログラムの中央部分で警告のアイコンが表示されていますマウスを近づけると次のように警告の原因が表示されます 26 第 2 章簡単な Web アプリケーション

38 こうした場合には警告の黄色のアイコンをクリックして注釈を追加しますを選びますアノテーションが追加されます続いてメニューのファイル保管を実行すると警告が消えます 2 簡単な出力処理の記述 dogetメソッド部に簡単な出力処理を記述します ( 下記の例で26~34 行を追加 ) 2-1 Eclipse によるサーブレットの開発手順 27

39 ここでも警告表示されています警告の赤いアイコンをクリックして PrintWriter をインポートしますを選びます 2 java.io.printwriter の import 文が追加されて警告が消えます 28 第 2 章簡単な Web アプリケーション

40 これまでの作業で完成したサーブレットのコードは次のようになりますファイル : HelloWorldServlet.java ソースコード 01: 02: 03: 04: 05: 06: 07: 08: 09: 10: 11: 12: 13: 14: 15: 16: 17: 18: 19: 20: 21: 22: 23: 24: 25: 26: 27: 28: 29: 30: 31: 32: 33: 34: 35: 36: 37: 38: package chapter2; import java.io.ioexception; import java.io.printwriter; 追加した行 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 implementation class HelloWorldServlet public class HelloWorldServlet extends HttpServlet { private static final long serialversionuid = 1L; /** HttpServlet#doGet(HttpServletRequest request, * HttpServletResponse response) */ protected void doget(httpservletrequest request, HttpServletResponse response) throws ServletException, IOException { PrintWriter out = response.getwriter(); out.println("<html>"); out.println("<head>"); out.println("<title>hello World!</title>"); out.println("</head>"); out.println("<body>"); out.println("<h1>hello World!</h1>"); out.println("first Servlet<p>"); out.println("</body></html>"); } } 追加した行 Eclipse によるサーブレットの開発手順 29

41 ここまでの作業で完成した Eclipse のワークスペースは以下のファイルフォルダ構成になっていますプロジェクト名 : HelloWorldPJ HelloWorldPJ src chapter2 HelloWorldServlet.java 完成したソースプログラムでのアノテーション 2 完成したソースプログラムではアノテーションが15 行 (@WebServlet) 23 行 (@Override) に設定されていますアノテーション自体は注釈ですがコンパイルでのチェックや定型処理の点検支援が可能となり開発作業が改善される利点がありますサーブレットでは HttpServletクラス ) のdoGetメソッドをオーバーライドすることを明示しています開発時によくありがちなミスの一つの例としてメソッド名は正しいが引数を間違えるすなわちシグニチャの不一致があります継承によりスーパークラスをオーバーライドしているつもりでもシグニチャが不一致ではコンパイルエラーにはならず実行して初めてその誤りを発見することになりますこのようなミスを実行前に防止するにはサブクラスはこのようなメソッドをオーバーライドしますよと宣言させることでを参照してください Eclipse 画面の \ 記号表示について Eclipseのテキストエディタでは表示されるフォントが欧文フォントであるため \ 記号を入力すると \ ( バックスラッシュ ) と表示されます 30 第 2 章簡単な Web アプリケーション

42 (6) 作成したサーブレットを実行しますプロジェクトエクスプローラーで HelloWorldServlet.java を右クリックし実行 1 サーバーで実行を選択します図 2.28 Eclipse サーバーで実行メニュー Eclipse によるサーブレットの開発手順 31

43 サーバーで実行ではフィルター入力は Tomcat v7.0サーバーサーバーのホスト名は localhost サーバーランタイム環境は Apache Tomcat v7.0 が既定で表示されますこれを確認して [ 完了 ] をクリックします 2 図 2.29 Eclipse サーバーで実行なおサーバーを作成した後にサーバー起動する場合は上図のサーバーの選択方法で既存のサーバーを選択と選びます 32 第 2 章簡単な Web アプリケーション

Eclipse の Servers フォルダに作られたものを参照します Tomcat のプログラムやライブラリは Tomcat がインストールされたフォルダ内のものを使用します 2 図 2.

44 数分経過してから以下のようにEclipseの内部ブラウザに Hello World! が表示されますまたプロジェクトエクスプローラーには Servers フォルダ 1 が新しく表示されます 1 Eclipse は Tomcat の Web サーバ機能を呼び出します Tomcat サーバ定義は Eclipse の Servers フォルダに作られたものを参照します Tomcat のプログラムやライブラリは Tomcat がインストールされたフォルダ内のものを使用します 2 図 2.30 Eclipse の内部ブラウザでの表示結果 Eclipse 以外のブラウザ ( ここではインターネットエクスプローラ ) を使う場合は以下のアドレスを入力すると表示されます図 2.31 インターネットエクスプローラでの表示結果 2-1 Eclipse によるサーブレットの開発手順 33

Webアプリケーション構築　Java 7版

Webアプリケーション構築　Java 7版好評発売中! Javaバイブルシリーズ Java入門 Java7版本体,800 円税 B5変 371頁定価本体,000円税好評発売中! Javaバイブルシリーズオブジェクト指向プログラミング Java7版 B5変 41頁定価本体,000円税好評発売中! HTML演習 HTML５対応版著者中島省吾 B5変 305頁定価本体,000円税 Webアリ構築カー.indd