サーブレットの活用事例ある飲食チェーン店の例条件全国の店舗や取引先のパソコンに特別なソフトをインストールすることはできない全国の店舗や取引先に特別な教育をすることはできない本部側で対応できる仕組みとして JAVA サーブレットを採用 1

Size: px

Start display at page:

Download "サーブレットの活用事例ある飲食チェーン店の例条件全国の店舗や取引先のパソコンに特別なソフトをインストールすることはできない全国の店舗や取引先に特別な教育をすることはできない本部側で対応できる仕組みとして JAVA サーブレットを採用 1"

けいしょうおとべ
5 years ago
Views:

1 JAVA サーブレット IS04 システム組込

2 サーブレットの活用事例ある飲食チェーン店の例条件全国の店舗や取引先のパソコンに特別なソフトをインストールすることはできない全国の店舗や取引先に特別な教育をすることはできない本部側で対応できる仕組みとして JAVA サーブレットを採用 1

3 2

4 ショッピングサイト 1. インターネット利用による市場の変化今までの死に筋を積み上げれば口コミ情報一定以上のシェアや規模 ( アクセス数 ) がないと商売が成り立たないユーザがつい書き込みしたくなるような魅力的なサイト構成 3

5 HTML によるホームページの閲覧インターネットでホームページを閲覧するにはホームページのアドレスを指定して該当するファイルを受信しこれをブラウザで解析して自分の画面に表示するという手順をふみますこの手順を司るソフトウェアを Web サーバと言いますインターネットでは初期の頃から HTML で記述されたファイルが使われてきましたページの要求サーバクライアント Web サーバ index.html next.html 応答 : ファイルが送信される <HTML> <HEAD> <TITLE> 名前 </TITLE> </HEAD> <BODY> 私の名前はです <BR> どうぞよろしく </BODY> </HTML> 4

サーバサイドプログラミング HTML は決まった内容の情報しか表示することができませんそこでサーバ側に状況に応じて HTML を自動生成するプログラムを用意しましたそのときの環境やデータによって異なった HTML を作成することができるのですこのようなプログラムをサーバサイドプログラミングと言いますページの要求 http://www.page.wo.mitai.co.

6 サーバサイドプログラミング HTML は決まった内容の情報しか表示することができませんそこでサーバ側に状況に応じて HTML を自動生成するプログラムを用意しましたそのときの環境やデータによって異なった HTML を作成することができるのですこのようなプログラムをサーバサイドプログラミングと言いますページの要求サーバクライアント Web サーバ HTML 作成応答 : 作成されたファイルが送信されるプログラムクライアントで受け取るのは従来と同じ HTML ですからサーバ側で行われていることを知るよしもありません普通のブラウザで表示することができますデータ処理のすべてをサーバ側が引き受けているので改版が必要なときはサーバ側だけを修正すればよいのですまたクライアント側に特別なソフトやハードウエアを用意する必要がないということは保守運用の点で大きなメリットとなりますクライアント側に送られてくるのは普通の HTML しかし状況に応じて変化します <HTML> <HEAD> <TITLE> 名前 </TITLE> </HEAD> <BODY> 私の名前はです <BR> どうぞよろしく </BODY> </HTML> 5

7 web データベースシステムデータの保存場所としてデータベースを利用したものを web データベースシステムと言います本講座で利用する MySQL はオープンソースのリレーショナルデータベース管理システム (RDBMS) です無料でダウンロードして利用することができるマルチスレッドマルチユーザのデータベースサーバです無料でありながら堅牢で処理速度が速くアメリカの Yahoo ファイナンスや NASA をはじめ世界的に多くの企業で利用されていますデータベースサーバとはデータベースを利用したいプログラムからの要求に対して応答するデータベースシステムですデータベースに対する要求は SQL と呼ばれる言語で行いますページの要求サーバクライアント Web サーバ HTML 作成応答 : 作成されたファイルが送信されるプログラム SQL の発行要求に応じたデータデータベースクライアント側に送られてくるのはやっぱり普通の HTML しかしデータに応じて変化します <HTML> <HEAD> <TITLE> 名前 </TITLE> </HEAD> <BODY> 私の名前はです <BR> どうぞよろしく </BODY> </HTML> 6

が開発されました JSPは HTML の記述の中に Javaの命令を埋め込んだそんなイメージの言語ですまたデータをオブジェクト化するために設計した Java のクラスを JavaBeans と言います JavaBeans はコーヒー豆

8 サーブレット JSP JavaBeans サーバーサイドプログラミングを JAVA で記述したものをサーブレットと言いますサーブレットはスレッドで動作しますので複数のクライアントが同じページを要求しても一度しかプログラムはロードされませんクライアントごとにスレッドが生成されますサーブレットは CGI と同様データの処理を行った結果に基づいて HTML を作成するのが目的ですそこで簡単に HTML を生成することのできる言語 JSP(Java Server Pages) が開発されました JSPは HTML の記述の中に Javaの命令を埋め込んだそんなイメージの言語ですまたデータをオブジェクト化するために設計した Java のクラスを JavaBeans と言います JavaBeans はコーヒー豆の名前のとおりサーバーアプリケーションにとっての重要な小さな部品ですそして JavaBeans はデータを扱いますのでその後ろのデータベースとの連携も重要ですこのようにサーバサイドアプリケーションはサーブレットと JSP それに JavaBeans の絶妙な連携で実現されるのです 7

9 8

簡単な Web サーバを作ってみよう通信するには複数のコンピュータが接続されているネットワーク環境でコンピュータ同士がデータのやり取りをするにはお互いに送受信の手順を約束しておかなければなりませんこの約束をプロトコルと言いますインターネットでは TCP/IP プロトコルが使用されています IP アドレスとポート番号 TCP/IP では IP アドレスでコンピュータを識別しますが

10 簡単な Web サーバを作ってみよう通信するには複数のコンピュータが接続されているネットワーク環境でコンピュータ同士がデータのやり取りをするにはお互いに送受信の手順を約束しておかなければなりませんこの約束をプロトコルと言いますインターネットでは TCP/IP プロトコルが使用されています IP アドレスとポート番号 TCP/IP では IP アドレスでコンピュータを識別しますがそれだけでは 1 台のコンピュータで1つの接続しかできませんのでポートという考え方が導入されていますポートは論理的な入口に付けられた 1 番から65535 番までの番号で実際にこれだけの数のハードウエアが装備されているわけではありませんソフトスイッチのようなものです TCP/IP プロトコルでは IP アドレスとポート番号の組を指定して通信を行いますソケット TCP/IP プロトコルに沿って通信するプログラムを書くためには TCP/IP の規約の詳細を知らなければなりませんこれらの規則を包含したアプリケーションプログラムのことをソケットと言いますソケットを使うと詳細を気にすることなくあたかもファイルとの入出力と同じ感覚でプログラムを書くことができますつまりソケットを使って 2 台のコンピュータの間にストリームを確立するのです Java ではソケットとして Socket クラスと ServerSocket クラスが用意されていますクライアント側の Socket からの接続要求をサーバ側の ServerSocket が常に監視し両者が接続したときそこにストリームを確立してデータの送受信をすることができます 9

11 ソケットを使って 2 台のコンピュータを接続するプログラムを作りましょう片方をサーバ他方をクライアントとします (1) サーバ側 ServerSocket クラスのオブジェクトをインスタンス化してサーバをスタートさせますこのときサーバが使用するポート番号を指定します ssock = new ServerSocket( ポート番号 ); accept メソッドでクライアントからの接続要求を待ちます受信すると Socket クラスのオブジェクトを受け取ります sock = ssock.accept(); 受けとった Socket クラスのオブジェクトを調べることにより接続を要求してきたクライアントの IP アドレスを知ることができます InetAddress sockip = sock.getinetaddress(); (2) クライアント側 Socket クラスのオブジェクトをインスタンス化することによりサーバに接続要求を出しますこのとき要求先のマシンのホスト名または IP アドレスとポート番号を指定します sock = new Socket( サーバ名, ポート番号 ); 接続を終了するときはソケットをクローズします sock.close(); このプログラムではホスト名 ( または IP アドレス ) とポート番号はプログラム起動時にコマンドから指定することにしましょう 10

12 サーバ側 1: /****************************************************************** 2: SesrverTest: サーバー起動 3: ******************************************************************/ 4: import java.net.*; 5: 6: public class ServerTest{ 7: /************* main ************************/ 8: public static void main(string[] args){ 9: 10: 11: ServerSocket ssock = null; // サーバー側のソケット 12: Socket sock = null; // クライアント側のソケット 13: 14: // サーバースタート 15: System.out.println("Server start..."); 16: try{ 17: ssock = new ServerSocket(8088); 18: //8088 番ポートをサーバとして起動 19: while(true){ 20: sock = ssock.accept(); // クライアントからの待ち 21: // 受信したら 22: InetAddress sockip = sock.getinetaddress(); 23: System.out.println("accept from " + sockip); 24: 25: 26: catch(exception e){ 27: System.exit(1); 28: 29: 30: 11

13 クライアント側 /* ClientTest: クライアント側コマンド ClientTest サーバ名ポート番号 */ import java.io.ioexception; import java.net.*; public class ClientTest{ /*************** main *****************************/ public static void main(string[] args){ Socket sock = null; // クライアント用ソケット if(args.length == 2){ try{ sock = new Socket(args[0],Integer.parseInt(args[1])); // ソケット接続要求 catch(exception e){ System.out.println("Socket エラー "); finally{ // ソケットをクローズする try { if(sock!= null){ sock.close(); catch (IOException e1) { System.out.println("Socket closeエラー "); else{ System.out.println(" ホスト名とポート番号を指定してください "); 複数のコンピュータがネットワークで接続されている環境であれば異なるマシン間で接続実験をしてみてください 12

接続が成功したらサーバからクライアントへクライアントからサーバへデータを送信します次のようなやりとりをすることをクライアントとサーバとで約束することにしますストリームの確立データの送受信をするにはまずお互いにデータの通る道を作ります Socket クラスには InputStream と OutputStream を取得するメソッドが用意されています InputStream

14 接続が成功したらサーバからクライアントへクライアントからサーバへデータを送信します次のようなやりとりをすることをクライアントとサーバとで約束することにしますストリームの確立データの送受信をするにはまずお互いにデータの通る道を作ります Socket クラスには InputStream と OutputStream を取得するメソッドが用意されています InputStream fin = sock.getinputstream(); OutputStream fout = sock.getoutputstream(); これらのストリームをラップして文字列を扱えるようにしましょう BufferedReader in = new BufferedReader(new InputStreamReader(fin)); PrintWriter out = new PrintWriter(fout,true); PrintWriter コンストラクタの 2 番目の引数はストリームのバッファを自動的にフラッシュすることを指定するものです 13

15 データの送受信ストリームが確立されればあとはそれぞれのストリームクラスのメソッドを使ってデータを送受信します出力には PrintWriter クラスの Println() 入力には BufferedReader クラスの readline() サーバ側 /****************************************************************** SesrverTest: サーバー起動 ******************************************************************/ import java.io.*; import java.net.*; public class ServerTestA { public static void main(string[] args) throws IOException{ ServerSocket ssock = null; // サーバー側のソケット Socket sock = null; // クライアント側のソケット InputStream fin = null; // 入力ストリーム OutputStream fout = null; // 出力ストリーム PrintWriter out = null; // 文字列入力ストリーム BufferedReader in = null; // 文字列出力ストリーム int counter=0; // 要求クライアントへのID 番号 // サーバースタート System.out.println("Server start..."); ssock = new ServerSocket(8088); //20 番ポートをサーバとして起動 while(true){ sock = ssock.accept(); // クライアントからの待ち System.out.println("accept..."); // 受信しました counter++; // クライアントのID // ストリームの確立 fin = sock.getinputstream(); fout = sock.getoutputstream(); in = new BufferedReader(new InputStreamReader(fin)); out = new PrintWriter(fout,true); //ID 番号送信 out.println("counter="+counter); // 送信 System.out.println("counter="+counter); // ログ // クライアントからのメッセージ受信 String s = in.readline(); System.out.println("accept data>" + s ); 14

16 // 確認送信 out.println("ok"); // 送信 System.out.println("ok to counter="+counter); // ログ // クローズ in.close(); out.close(); sock.close(); クライアント側 /*************************************************************** ClientTestA: クライアント側コマンド ClientTestA サーバ名ポート番号 ***************************************************************/ import java.io.*; import java.net.*; public class ClientTestA{ /*************** main *****************************/ public static void main(string[] args) throws Exception{ Socket sock = null; // クライアント用ソケット BufferedReader in = null; // サーバからの入力ストリーム PrintWriter out = null; // サーバへの出力ストリーム InputStream fin=null; OutputStream fout = null; // キーボードからの入力ストリーム BufferedReader keyin = new BufferedReader(new InputStreamReader(System.in)); if(args.length == 2){ sock = new Socket(args[0],Integer.parseInt(args[1])); // ソケット接続要求 // ストリームの確立 fin = sock.getinputstream(); fout = sock.getoutputstream(); in = new BufferedReader(new InputStreamReader(fin)); out = new PrintWriter(fout,true); 15

17 // サーバから受付番号を受信 String myno = in.readline(); System.out.println("server:"+myNo); // サーバにメッセージ送信 System.out.print("key in>"); // プロンプト String msg = keyin.readline(); // キー入力 out.println(myno + ";" + msg); // 送信 // サーバから確認を受信 String ack = in.readline(); System.out.println("server:"+ack); // 閉じる in.close(); out.close(); sock.close(); else{ System.out.println(" ホスト名とポート番号を指定してください "); 実験ここでこのプログラムを使って通信の実験をしてみましょうこのプログラムはサーバからの ID を受信したクライアントはキボードからの入力を待って入力されたデータをサーバに送信しますこれは時間のかかる処理です人間がすぐにはキー入力をしないかもしれないからですこの長い時間の間に別のクライアントが接続要求をしてきたらどうなるかという実験です MS-DOS プロンプトを 3 枚起動します 1 枚はサーバ用残りの 2 枚は 2 人のクライアント用とします 1 サーバを起動します >c:\javasrc\java ServerTestA Server start... 2 クライアント1を起動します >c:\javasrc\java ClientTestA localhost 8088 サーバから ID が送られてきてキーボ server from:counter=1 ード入力待ちになります key in> 3 クライアント2を起動しますサーバからは ID が送られてきません! >c:\javasrc\java ClientTestA localhost

18 これはサーバのプログラムがクライアント1からの受信を待ったまま止まっているので次の要求をうけつることができないのですクライアント1がキーボード入力を終えデータを送信するとクライアント2は接続を受け付けられて ID 番号をもらえます実際のサーバが一人としか接続できないのでは困ります前ページの実験を解決するのがスレッドですスレッドを使って同時に何人もの要求を処理できるサーバを作りましょう 17

マルチスレッドマルチスレッドは複数の処理を同時に行うためのプログラミングテクニックです接続を受信したらスレッドを生成してあとの処理 (

19 (1) サーバーソケットの待ち行列サーバーソケットにあるクライアントからの接続要求があったときすでに他のクライアントとの接続中であったとしても待ち行列を形成し接続要求を受け付けることができますつまり同時に複数のクライアントと 1 個のポートでやりとりができるのです (2) マルチスレッドマルチスレッドは複数の処理を同時に行うためのプログラミングテクニックです接続を受信したらスレッドを生成してあとの処理 ( 送受信 ) はスレッドに任せてしまいますこうするとメインプログラムはすぐに次の接続要求を待つことができます Thread クラスを拡張したクラスを作ります 18

20 /****************************************************************** SesrverTestThread: スレッドを使ったサーバ ******************************************************************/ import java.io.*; import java.net.*; public class ServerTestThread{ public static void main(string[] args) throws IOException{ ServerSocket ssock = null; // サーバー側のソケット Socket sock = null; // クライアント側のソケット int counter=0; // 要求クライアントへのID 番号 // サーバースタート System.out.println("Server start..."); ssock = new ServerSocket(20); //20 番ポートをサーバとして起動 while(true){ sock = ssock.accept(); // クライアントからの待ち System.out.println("accept..."); // 受信しました counter++; // クライアントのID ServerToClient t = new ServerToClient(sock,counter); t.start(); スレッドの生成と起動 ServerToClient クラスの run が呼び出される /********************************************************* クライアントとの通信を担当するスレッド *********************************************************/ class ServerToClient extends Thread { private Socket sock; private InputStream fin = null; // 入力ストリーム private OutputStream fout = null; // 出力ストリーム private PrintWriter out = null; // 文字列入力ストリーム private BufferedReader in = null; // 文字列出力ストリーム private int counter; //ID 番号 /******** コンストラクタ *****************/ public ServerToClient(Socket sock,int id){ this.sock = sock; counter = id; /************ run ****************/ public void run(){ try{ // ストリームの確立 fin = sock.getinputstream(); fout = sock.getoutputstream(); in = new BufferedReader(new InputStreamReader(fin)); 19

21 out = new PrintWriter(fout,true); //ID 番号送信 out.println("counter="+counter); // 送信 System.out.println("counter="+counter); // ログ // クライアントからのメッセージ受信 String s = in.readline(); System.out.println("accept data>" + s ); // 確認送信 out.println("ok"); // 送信 System.out.println("ok to counter="+counter); // ログ catch(ioexception e){ System.out.println(" エラー " + e); finally{ try{ // クローズ if(in!= null){ in.close(); if(out!= null){ out.close(); if(fin!= null){ fin.close(); if(fout!= null){ fout.close(); if(sock!= null){ sock.close(); catch(ioexception e){ System.out.println(" エラー " + e); 20

22 サーブレットの構成サーブレットは HttpServlet クラスを継承して作りますサーブレットの基本構成を以下に示しますサーブレットの基本構造 package パッケージ名 import public class クラス名 extends HttpServlet{ クラス変数の宣言 public void init(){ 初期化処理 public void dopost( ){ public void doget( ){ doget メソッドは HTTP の GET リクエストに対し呼び出されますまた dopost メソッドは POST リクエストに対して呼び出されますクライアントが URL を指定してサーブレットを要求すると doget メソッドが呼び出され HTML のフォームから POST 指定で要求すると dopost メソッドが呼び出されますいづれも以下の2つの引数をとります HttpServletRequest: クライアントからのリクエスト情報 HttpServletResponse: サーバ側からの応答情報コンテントタイプの設定クライアントに応答する形式を設定します HTML を生成して出力するときは res.setcontenttype("text/html"); と書きますこの文は次の HTML の送信より先に書かなければなりませんブラウザに表示したい内容が日本語の場合にはこのままでは文字化けしてしまいますこれはサーブレットのデフォルトの文字コードが iso という規格にあるのに対し,Windows がシフト JIS であって異なるためです文字化けを防ぐために setcontenttype では漢字コードの指定をします res.setcontenttype("text/html; charset=utf-8"); 21

23 HTML の生成 HttpServletResponse クラスの getwriter メソッドを使うと PrintWriter クラスの出力ストリームを確立することができます PrintWriter out = res.getwriter(); HTML はテキストですから 1 行作成するたびに println メソッドで送信します MS-DOS の画面に表示したときと全く同様に文字列をクライアントに送信することができます out.println("<html><head>"); //HTML の送信 out.println("<title>hello Servlet</title>"); out.println("</head><body>"); out.println(" こんにちは <BR>"); out.println(" はじめてのサーブレットです "); out.println("</body></html>"); 22

24 POST メソッドによるクライアントからの受信エコーバックします indata.html の form はどのように書いたらよいでしょうか? <form action=" servlet/confdata " method="post"> web.xml は? <servlet> <servlet-name>confdata</servlet-name> <display-name>this is the display name of my J2EE component</display-name> <description>this is the description of my J2EE component</description> <servlet-class>servlets.confdata</servlet-class> </servlet> <servlet-mapping> <servlet-name>confdata</servlet-name> <url-pattern> servlet/confdata </url-pattern> /confdata </servlet-mapping> 23

25 サーブレット側でのパラメータの受け取り HTML のフォームから METHOD = POST でサーブレットを呼び出すと HTTP プロトコルの POST コマンドが発行されサーブレットの dopost メソッドが呼び出されますブラウザから URL を指定してサーブレットを呼び出す GET HTTP プロトコルの GET コマンド発行サーブレット class servlet extends HttpServlet{ public void doget( ){ ブラウザに配置されたボタンでサーグレットを呼び出す public voif dopost( ){ 送信 HTTP プロトコルの POST コマンド発行 POST HTML からは NAME と VALUE の組が渡されますサーブレット側では NAME を指定して対応する VALUE を取得します String p = request.getparameter( NAME で指定した識別子 ); request: サーブレットの dopost メソッドに引数として渡される HttpRequest クラスのオブジェクトこれは取得できるデータが1つであれば HTML でのフォームの種類に因りませんつまりテキストボックスに入力されたデータもラジオボタンで選ばれたデータもみなこの形式で受け渡しができます NAME が変数名のようなもので VALUE がその内容といったイメージです複数の VALUE 値が渡される場合には配列になります String[] p=request.getparametervalues( NAME で指定した識別子 ); request: サーブレットの dopost メソッドに引数として渡される HttpRequest クラスのオブジェクト 24

26 日本語の取り扱いブラウザからの入力データの文字コードは iso であり Windows のそれと異なるためこのままでは文字化けしてしまいますそこで取得した文字列を一度 iso モードでバイト列に変換しこれを今度は自動認識モード utf-8 モードで String クラスに変換しなおします String p = req.getparameter("param1"); // パラメータを取得 byte[] b = p.getbytes("iso "); // バイト型の配列に変換 String text = new String(b,"utf-8"); // 指定された文字セットを使用してバイト配列から新しい String クラスを // インスタンス化するコンストラクタ package servlets; 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 ConfData extends HttpServlet { public void dopost(httpservletrequest request, HttpServletResponse response) throws ServletException, IOException { String p = request.getparameter("name"); String name = new String(p.getBytes("iso "), "utf-8"); p = request.getparameter("kana"); String kana = new String(p.getBytes("iso "), "utf-8"); response.setcontenttype("text/html;charset=utf-8"); PrintWriter out = response.getwriter(); out.println("<!doctype HTML PUBLIC "-//W3C//DTD HTML

27 Transitional//EN ">"); out.println("<html>"); out.println(" <head>"); out.println(" <title> 入力確認 </title>"); out.println(" </head>"); out.println(" <body>"); out.println(" 氏名 :" + name + "<br>"); out.println(" ふりがな :" + kana + "<br>"); out.println(" </body>"); out.println("</html>"); out.flush(); out.close(); 26

練習 HTML の 1 つのフォームの中に複数個のボタンがありどのボタンが押されたかによって

黄色い画面 1つのフォーム内に3つの submit ボタンが配置してありますのでどのボタンが押されても

28 練習 HTML の 1 つのフォームの中に複数個のボタンがありどのボタンが押されたかによって異なる動作をさせてみましょう赤ボタンを押すと緑ボタンを押すと赤い画面緑の画面黄色ボタンを押すと黄色い画面 1つのフォーム内に3つの submit ボタンが配置してありますのでどのボタンが押されても PostServletButton.java の dopost メソッドが呼び出されますですからこのメソッド内でどのボタンが押されたのかを調べそれぞれに対応する処理を行うことになります if(request.getparameter( 識別子 )!= null){ 識別子を持つボタンが押されたときの処理 27

29 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>insert title here</title> </head> <body> ボタンを押すと色が変わります <br> <form action="servlet/selectservlet" method="post"> <input type="submit" name="red" value=" 赤 "> <input type="submit" name="green" value=" 緑 "> <input type="submit" name="yellow" value=" 黄 "> </form> </body> </html> 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 SelectServlet extends HttpServlet { public void dopost(httpservletrequest request, HttpServletResponse response) throws ServletException, IOException { String colorcode = ""; if(request.getparameter("red")!= null){ colorcode = "#FF0000"; if(request.getparameter("green")!= null){ colorcode = "#00FF00"; 28

30 if(request.getparameter("yellow")!= null){ colorcode = "#FFFF00"; response.setcontenttype("text/html"); this.preventcaching(request, response); PrintWriter out = response.getwriter(); out.println("<!doctype HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">"); out.println("<html>"); out.println(" <head>"); out.println(" <title>a Servlet in POST</title>"); out.println("<style type='text/css'>"); out.println("body{"); out.println("background-color:"+colorcode+";"); out.println(""); out.println("</style>"); out.println(" </head>"); out.println(" <body>"); out.print(" This is <b>"); out.print(this.getclass().getname()); out.println("</b>, using the <b>post</b> method <br>"); out.println(" </body>"); out.println("</html>"); out.flush(); out.close(); 29

31 JSP で受け取ると indata.html の form は <form action=" " method="post"> 普通に HTML で書けるので CSS なども簡単に実装できます page language="java" contenttype="text/html;charset=utf-8" %> <% String p = request.getparameter("name"); String name = new String(p.getBytes("iso "), "utf-8"); p = request.getparameter("kana"); String kana = new String(p.getBytes("iso "), "utf-8"); %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title> 入力確認 </title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <style type="text/css"> td, th{ border-style:solid; border-color:#0000ff; border-width:1px; table{ border-collapse:collapse; th{ text-align:right; </style> </head> <body> <table> <tr> <th> 氏名 :</th> <td><%= name %></td> </tr> <tr> <th> ふりがな :</th> <td><%= kana %></td> </tr> </table> </body> </html> 30

32 JSP(Java Server Pages) は HTML の中に JAVA のコードを埋め込むことができる言語です JSP は JAVA のようにコンパイルする必要がありませんソースファイルをそのままサーバーに置きます JSP が通常の完全なインタプリタと異なる点は実行時に実行に先立ってサーブレットに変換されコンパイルされることですサーブレットへの変換やコンパイルがうまくできないと実行できません従って通常の完全なインタプリタのようにとりあえずできたところまで動かしてみるというわけにはいかないのですまた初めて実行したときは変換したりコンパイルしたりする時間がかかりますが一度実行されるとメモリ上にロードされたまま何度も使われるので 2 度目からは高速に動作できます << 注意 >> JSP のファイルを同じ名前で作り直して差し替えた場合ファイルのタイムスタンプが現在コンパイルされているものより新しい場合のみサーブレットに変換されコンパイルされます古いファイルに差し替えようとすると変換されませんので, 一度保存しなおしてタイムスタンプを最新にしてから実行してください 31

33 JSP はサーブレットと全く同じことができますですから JSP だけでサーブレットを記述することもできますしかし JSP は HTML を出力する機能に優れておりサーブレットのうち画面出力の部分だけを担当することによりプログラミングの経験の浅いデザイナでも HTML さえ知っていれば容易に記述することができますそれによりプログラマとデザイナが同時に作業を進行することできますし画面デザインだけが変更された場合には JSP だけを差し替えればすむというメリットがあります逆に JAVA のコードも記述できますので JAVA の for 文や if 文などのロジックを加えた動的なページを作ることができますサーブレットでは一般に3つの役割に分け以下のように分担しますモデル必要なデータの保持と業務ロジック JAVABeans ビュー画面デザイン JSP コントロール入力情報を受け取りモデルとビューをコントロールサーブレットこのような分担の方法を MVC モデルと言います JSP を構成する要素 JSP の記述は 3つの要素に分類することができます 1. ディレクティブ (Directive) JSP ファイルを実行する JSP コンテナに対する指令です例 page language="java" contenttype="text/html;charset=shift_jis" %> 2. スクリプト (Script) HTML を動的に生成するための JAVA コードを記述します例 <% for(int i=0;i<5;i++){ %> 3. アクション (Action) JavaBeans や他の JSP を呼び出すための記述をします例 <jsp:usebean id= beanid scope= page class= MyBeans /> 32

34 ページの属性はじめにこのページの属性を指定します JSP では属性を指定するタグは以下のように書きます page 属性名 = 属性 %> 属性名は下表の中から必要なものを指定します複数の属性を指定したいときは並べて書くことができます属性名説明例 language いつも = java と書く language = java extends サーブレットの extends にあたりま ( ほとんと使用しない ) す import ページの中で利用しているクラスが所 import = 属するパッケージを指定しますサー java.util.*,java.text.* ブレットの import にあたります import したいパッケージが複数あるときは, で区切って並べます以下のパッケージは指定がなくても import されます java.lang.* javax.servlet.* javax.servlet.http.* javax.servlet.jsp.* session true のとき session 管理するするが session = true false のときは session を作らないデフォルトで true buffer HTML をクライアントに送信する際の buffer = 8KB バッファサイズをキロバイト単位で指定デフォルトでは8KB autoflush true のときバッファを自動的にフラ autoflush = true ッシュする指定がなければ true isthreadsafe true のときはマルチスレッドにし isthreadsafe = true false1 のときは SingleThreadModel にするデフォルトでは true info この JSP ページに関する情報 ( 作成日や制作者など ) を記録しておく他のページから getservletinfo() で読み出す文字列を info = ore_ga_tukutta 33

35 errorpage contenttype iserrorpage 設定エラーが発生したときに表示するページを指定する HTTP ヘッダの ContentType を設定サーブレットの setcontettype にあたる ture であるときこのページがエラー発生時に呼び出されるページであることを示す errorpage = err.html contenttype = text/html;charset = Shift_JIS iserrorpage = true 例 <%@ page language="java" contenttype="text/html;charset=shift_jis" %> contenttype に html を指定し文字セットとして Shift_JIS を指定してます文字セットの指定をしないとサーブレット同様日本語を正しく表示することができません HTML の記述通常の HTML はそのまま記述します JSP 内に Java の構文を書く JSP 内に Java の構文を埋め込むには以下のタグで囲みます <% Java の構文 %> 文の途中でも JAVA の命令の部分だけこのタグで囲みますこのタグで囲まれた中には Java の命令を何でも書くことができます例 ) <% for(int i = 0;i<3;i++){ %> こんにちは <BR> <% %> こんにちはを3 回表示します 34

36 変数の内容を HTML としてクライアントに送信する通常の決まった文字であればそのまま書きますが ( 前ページの例のこんにちはのように ) 変数の内容を HTML としてクライアントに送信するには以下のタグで囲みます <%= 送信したい内容 %> 変数の内容やメソッドを実行した結果などを送信したいときに使います例 <%= text %> 変数 text の内容を送信します変数名 text はあらかじめ宣言されてデータが記録されていなければなりません <% %> と組み合わせると配列の内容を1つずつ送信することができます例 <% for(int i = 0;i<kamoku.length;i++){ %> <%= kamoku[i]+" " %> <% %> クラス変数の宣言 <% %> タグの中で変数の宣言を行うとローカル変数として宣言されますクラス変数を宣言したいときには以下のタグを使います <%! クラス変数の宣言 %> クラス変数はスレッドが終了しても継続して使うことができますがその反面複数のスレッドが同時に起動されていても1つしか存在しないのでその取り扱いには注意が必要です例 <%! int Total = 0; %> この total は JSP がロードされている間最初の1 回しか初期化されないため合計値を求めようとすると履歴のすべてが累積されてしまいます HTML のコメント文 HTML にもコメントを沢山入れておきましょう HTML では以下のタグで囲まれた部分は無視されます  このタグは HTML のタグです従ってこのタグで囲まれた部分クライアントに送信されます 35

37 JSP のコメント文 JSP にもコメントを沢山入れておきましょう <% %> で囲まれた部分は JAVA なので JAVA のコメント /* */ と // がそのまま使えますその他に下記のタグが JSP のコメント文となりクライアントにも送信されません <%-- コメント文 --%> 暗黙のオブジェクト JSP では宣言せずに使える暗黙のオブジェクト名が用意されています以下に一覧表を示します暗黙のオブジェクト変換後のクラス説明 request ServletRequest サーブレットの doget や dopost の1つ目の引数にあたりますクライアントからの要求情報を保持します例 <% request.getparameter( ); %> response ServletResponse サーブレットの doget や dopost の2つ目の引数にあたりますクライアントに対する応答情報を保持します例 <% response.getwriter(); %> pagecontext PageContext PageContext クラスはサーブレットで持っているセッションやオブジェクトの情報を管理するクラスです JSP 内ではあまり使われません session HttpSession HttpSession はセッション情報を保持するクラスです例 <% session.getattribute(); %> application ServletContext ServletContext クラスはサーブレットの環境情報を保持しているクラスで API のバーションやファイルが実際に置かれているパス名などを取り出すことができますが JSP 内ではあまり使われません out JSPWriter クライアントに対する文字列の出力先です例 <% out.print(text); %> config ServletConfig ServletConfig クラスはサーブレットの設定情報を保持しているクラスす JSP 内ではあまり使われません page Object サーブレットの this と同じです exception Throwable Throwable はエラー情報を保持するクラスです 36

38 サーブレットからのリクエストの転送本来は ID とパスワードはデータベースから取得するのですがここでは ID に IS04 パスワードに kamata と入力されたときだけログインできることにしましょう login.html のフォームは? <form action=" servlet/logincheck " method="post"> 37

39 package servlets; 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 LoginCheck extends HttpServlet { public void dopost(httpservletrequest request, HttpServletResponse response) throws ServletException, IOException { String id = request.getparameter("id"); String pass = request.getparameter("pass"); boolean loginok = false; // 本来はここでデータベースに接続する //SELECT * FROM users where id =? if(id.equals("is04")){ if(pass.equals("kamata")){ loginok = true; response.setcontenttype("text/html;charset=utf-8"); PrintWriter out = response.getwriter(); out.println("<!doctype HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">"); out.println("<html>"); out.println(" <head>"); out.println(" <title> ログイン </title>"); out.println(" </head>"); out.println(" <body>"); if (loginok){ out.println(" ログインできました "); else{ out.println("id またはパスワードが違います "); out.println(" </body>"); out.println("</html>"); out.flush(); out.close(); 38

40 サーブレットからのリクエストをほかのサーブレットや JSP に転送するには RequestDispatcher インターフェイスの forword メソッドを使って次のように書きます getservletcontext().getrequestdispatcher(" 転送先 ").forward(request, response); ここでの転送先にはコンテキストルートからの絶対パスを書きます絶対パスですから先頭は必ず / で始まります JSP や HTML は拡張子まで書きますがサーブレットの場合にはサーブレット名を指定するので拡張子は書きませんサーブレットからほかのサーブレットや JSP にリクエストを転送する際 serattribute メソッドを使ってパラメータを一緒に転送することができますパラメータはパラメータ名とパラメータ値を一対の組として指定しますパラメータ値は文字列でなければなりませんがパラメータ値はオブジェクトをなんでも指定できます req.setattribute(" パラメータ名 ", パラメータ値 ); 転送先では以下のようにパラメータを取り出します ( パラメータ値の型 )request.getattribute( パラメータ名 ); 39

41 実際にはログインしたときはコンテンツを表示しできなかったときは入力画面に移動します package servlets; import java.io.ioexception; import javax.servlet.servletexception; import javax.servlet.http.*; public class LoginCheck extends HttpServlet { public void dopost(httpservletrequest request, HttpServletResponse response) throws ServletException, IOException { String id = request.getparameter("id"); String pass = request.getparameter("pass"); boolean loginok = false; // 本来はここでデータベースに接続する //SELECT * FROM users where id =? if(id.equals("yokohama")){ if(pass.equals("system")){ loginok = true; if(loginok){ getservletcontext().getrequestdispatcher("/loginok.html").forward(request, response); else{ getservletcontext().getrequestdispatcher("/loginng.html").forward(request, response); 40

42 loginok.html <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>insert title here</title> </head> <body> ログインできました </body> </html> loginng.html <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>insert title here</title> </head> <body> IDまたはパスワードがちがいます </body> </html> 41

43 html を jsp に変えて id を表示します loginok.jsp page language="java" import="java.lang.*,java.util.*" contenttype="text/html;charset=utf-8" %> <% String path = request.getcontextpath(); String basepath = " String id = (String)request.getAttribute("id"); %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basepath%>"> <title>my JSP 'loginok.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=iso ">  </head> <body> This is my 'loginok.jsp' JSP page. <br> 受け取ったIDは <%= id %> </body> </html> 42

44 loginng.jsp page language="java" import="java.lang.*,java.util.*" %> <% String path = request.getcontextpath(); String basepath = " %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basepath%>"> <title>my JSP 'loginng.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=iso ">  </head> <body> This is my 'loginng.jsp' JSP page. <br> </body> </html> 43

45 logincheck.java public void dopost(httpservletrequest request, HttpServletResponse response) throws ServletException, IOException { String id = request.getparameter("id"); String pass = request.getparameter("pass"); // 本来はここでデータベースに問い合わせる // テーブル名 :users // フィールド名 :id passwordである場合 //"SELECT * from users where id='"+id+ // "' and password='"+pass+"'" // 本来はセキュリティを考える boolean loginok; if (id.equals("is04") && pass.equals("kamata")){ loginok = true; else{ loginok = false; request.setattribute("id", id); if (loginok){ this.getservletcontext().getrequestdispatcher("/loginok.jsp"). forward(request, response); else{ this.getservletcontext().getrequestdispatcher("/loginng.jsp"). forward(request, response); 44

46 45

47 練習ラジオボタンで画面を振り分ける 46

48 language.html <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>insert title here</title> </head> <body> <form action="servlet/selectlanguage" method="post"> <input type="radio" name="select" value="0" checked>english<br> <input type="radio" name="select" value="1" > 日本語 <br> <input type="submit" value=" 選択 "> </form> </body> </html> SelectLanguage.java public void dopost(httpservletrequest request, HttpServletResponse response) throws ServletException, IOException { String p = request.getparameter("select"); int lang = Integer.parseInt(p); String[] htmlname ={"/english.html", "/Japanese.html"; this.getservletcontext().getrequestdispatcher(htmlname[lang]). forward(request, response); 47

49 JavaBeans の設計情報をまとめてクラス化することを JavaBeans といいまた作成したクラスを Bean と言います Beans はパッケージに収めておかなければなりません Bean の条件 Bean は今まで作成してきたクラスとなんら変わりませんが以下のような条件があります引数なしのコンストラクタが用意されていることインスタンス化するだけのコンストラクタセッタゲッタが用意されていること JSP のコマンドによりセッタゲッタを呼び出すときメソッド名ではなくメンバ変数名を使う JSP による Bean の利用 JSP では Bean のオブジェクトを利用するためのタグが用意されています 1 <jsp:usebean> アクションこのタグにより指定のクラスのオブジェクトが利用できるようになります <jsp:usebeans id= オブジェクト名 scope= オブジェクト有効範囲 class= クラス名 /> または <jsp:usebean id= オブジェクト名 scope= オブジェクト有効範囲 class= クラス名 /> bean に関する処理 </jsp:usebean> 各属性には以下のような値を与えます属性説明 id オブジェクト名を与えるこのタグ以降 JSP に埋め込まれた Java コード中でインスタンス化されたオブジェクトとして利用できる scope 以下のいずれか値説明 page このページ中でのみ参照できるデフォルト request このリクエストの処理の間参照できる include されたページ中でも参照できる 48

50 session application セッションが継続する間参照できるセッションにこの id のオブジェクトが存在した場合あらためてインスタンス化せず同じものを参照するセッションにバインドされていない場合には新しくインスタンス化するアプリケーションが継続している間参照できるセッションを超えてほかのサーブレットや JSP から同一のオブジェクトが参照できる 2 <jsp:setproperty> アクション Bean のセッタメソッドを呼び出してフィールドに値を設定する <jsp:setproperty name= オブジェクト名 property= フィールド名 value= 値 /> または <jsp:setproperty name= オブジェクト名 property= フィールド名 param= パラメータ名 /> フィールドに設定する値を直接書く場合は前者を使いますフォームを持つ JSP や HTML から呼び出されパラメータを伴う場合は後者を使います 3 <Jsp:getProperty> アクション Bean のゲッタメソッドを呼び出してフィールドに設定されている値を取得するタグです <jsp:getproperty name= オブジェクト名 property= フィールド名 /> 49

51 学生を扱う JavaBean package datas; public class Personal { // メンバ変数 private String id; private String name; private int age; // 学籍番号 // 名前 // 年齢 // コンストラクタ public Personal(){ id = null; name = null; age = 0; public Personal(String id, String name, int age){ this.id = id; this.name = name; this.age = age; public void setid(string id){ this.id = id; public String getid(){ return id; public String getname() { return name; public void setname(string name) { this.name = name; public int getage() { return age; public void setage(int age) { this.age = age; 50

学生情報をホームページに表示してみましょう import java.io.ioexception; import java.io.printwriter; import javax.servlet.servletexception; import javax.servlet.http.httpservlet; import javax.servlet.http.httpservletrequest; import javax.

52 学生情報をホームページに表示してみましょう 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; import datas.personal; public class DispPersonal extends HttpServlet { /** * The doget method of the servlet. <br> * * This method is called when a form has its tag value method equals to get. * request the request send by the client to the server response the response send by the server to the client ServletException if an error occurred IOException if an error occurred */ public void doget(httpservletrequest request, HttpServletResponse response) throws ServletException, IOException { Personal p1 = new Personal("K101C0000", " じゅげむじゅげむ ", 20); response.setcontenttype("text/html ; charset=utf-8"); this.preventcaching(request, response); PrintWriter out = response.getwriter(); out.println("<!doctype HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">"); out.println("<html>"); out.println(" <head>"); 51

53 out.println(" <title>a Servlet in GET</title>"); out.println(" </head>"); out.println(" <body>"); out.println(" 学籍番号 :" + p1.getid() + "<br>"); out.println(" 氏名 :" + p1.getname() + "<br>"); out.println(" 年齢 :" + p1.getage() + "<br>"); out.println(" </body>"); out.println("</html>"); out.flush(); out.close(); /** * Prevents navigator from caching data. * request the request send by the client to the server response the response send by the server to the client */ protected void preventcaching(httpservletrequest request, HttpServletResponse response) { // see String protocol = request.getprotocol(); if ("HTTP/1.0".equalsIgnoreCase(protocol)) { response.setheader("pragma", "no-cache"); else if ("HTTP/1.1".equalsIgnoreCase(protocol)) { response.setheader("cache-control", "no-cache"); // "no-store" work also response.setdateheader("expires", 0); スタイルシートを入れて表にしてみましょう 52

54 html <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>insert title here</title> <style>  </style> </head> <body> <table> <tr> <th> 学籍番号 </th> <td>k010c0000</td> </tr> <tr> <th> 氏名 </th> <td> じゅげむじゅげむ </td> </tr> <tr> <th> 年齢 </th> <td>20 才 </td> </tr> </table> </body> </html> の部分が Bean からのデータになります 53

55 JSP で表示してみましょう page language="java" import="java.lang.*,java.util.*,datas.*" contenttype="text/html; charset=utf-8" %> <% Personal p1 = new Personal("K101C0000", " じゅげむじゅげむ ", 20); %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>my JSP 'disppersonal.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <style>  </style>  </head> <body> <table> <tr> <th> 学籍番号 </th> <td><%= p1.getid() %></td> 54

56 </tr> <tr> <th> 氏名 </th> <td><%= p1.getname() %></td> </tr> <tr> <th> 年齢 </th> <td><%= p1.getage() %> 才 </td> </tr> </table> </body> </html> JSP には JavaBeans を扱う特別な記述があります page language="java" import="java.lang.*,java.util.*,datas.*" contenttype="text/html; charset=utf-8" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>my JSP 'disppersonal.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <style>  </style> 55

57  </head> <body> <jsp:usebean id="p1" class="datas.personal" scope="request" /> <jsp:setproperty name="p1" property="id" value="k010c0000" /> <jsp:setproperty name="p1" property="name" value = " じゅげむじゅげむ " /> <jsp:setproperty name="p1" property="age" value="20" /> <table> <tr> <th> 学籍番号 </th> <td><jsp:getproperty name="p1" property="id" /></td> </tr> <tr> <th> 氏名 </th> <td><jsp:getproperty name="p1" property="name" /></td> </tr> <tr> <th> 年齢 </th> <td><jsp:getproperty name="p1" property="age" /> 才 </td> </tr> </table> </body> </html> 56

58 データを取り込みたいときは <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>insert title here</title> </head> <body> <form action="servlet/getpersonal" method="post"> 学籍番号 :<input type="text" name="id"><br> 氏名 :<input type="text" name="name"><br> 年齢 :<input type="text" name="age"><br> <input type="submit" value=" 送信 "> </form> </body> </html> 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; 57

59 import datas.personal; public class GetPersonal extends HttpServlet { /** * The dopost method of the servlet. <br> * * This method is called when a form has its tag value method equals to post. * request the request send by the client to the server response the response send by the server to the client ServletException if an error occurred IOException if an error occurred */ public void dopost(httpservletrequest request, HttpServletResponse response) throws ServletException, IOException { String id = (String)request.getParameter("id"); String p = (String)request.getParameter("name"); String name = new String(p.getBytes("iso "),"utf-8"); int age = Integer.parseInt((String)request.getParameter("age")); Personal p1= new Personal(id, name, age); response.setcontenttype("text/html;charset=utf-8"); this.preventcaching(request, response); PrintWriter out = response.getwriter(); out.println("<!doctype HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">"); out.println("<html>"); out.println(" <head>"); out.println(" <title>a Servlet in POST</title>"); out.println(" </head>"); out.println(" <body>"); out.println(" 学籍番号 :" + p1.getid() + "<br>"); out.println(" 氏名 :" + p1.getname() + "<br>"); out.println(" 年齢 :" + p1.getage() + "<br>"); out.println(" </body>"); out.println("</html>"); out.flush(); out.close(); 58

60 /** * Prevents navigator from caching data. * request the request send by the client to the server response the response send by the server to the client */ protected void preventcaching(httpservletrequest request, HttpServletResponse response) { // see String protocol = request.getprotocol(); if ("HTTP/1.0".equalsIgnoreCase(protocol)) { response.setheader("pragma", "no-cache"); else if ("HTTP/1.1".equalsIgnoreCase(protocol)) { response.setheader("cache-control", "no-cache"); // "no-store" work also response.setdateheader("expires", 0); JSP では <%@ page language="java" import="java.lang.*,java.util.*,datas.*" contenttype="text/html; charset=utf-8" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>my JSP 'disppersonal.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <style> <!-- table{ border-collapse:collapse; td,th{ 59

61 padding:5px; border-style:solid; border-color:#0033ff; border-width:1px; --> </style>  </head> <body> <jsp:usebean id="p1" class="datas.personal" scope="request" /> <jsp:setproperty name="p1" property="id" param="id" /> <jsp:setproperty name="p1" property="name" param = "name" /> <jsp:setproperty name="p1" property="age" param="age" /> <table> <tr> <th> 学籍番号 </th> <td><jsp:getproperty name="p1" property="id" /></td> </tr> <tr> <th> 氏名 </th> <td><jsp:getproperty name="p1" property="name" /></td> </tr> <tr> <th> 年齢 </th> <td><jsp:getproperty name="p1" property="age" /> 才 </td> </tr> </table> </body> </html> 文字化けしちゃいました 60

62 Bean を直します public void setname(string p) { String name; try { name = new String(p.getBytes("iso "),"utf-8"); catch (UnsupportedEncodingException e) { // TODO Auto-generated catch block name = "*****"; this.name = name; うまくいきました Java ではこのように複数のファイルが連携して動作するのでソースの管理はとても重要です HTML の name と Bean のメンバ名が完全に一致しているときは次のように書けます <jsp:setproperty name="p1" property="*" /> 61

63 今のままでは空欄があったらそのまま渡されてしまいます inputdata.html <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>insert title here</title> </head> <body> <form action="servlet/datacheck" method="post"> 学籍番号 :<input type="text" name="id"><br> 氏名 :<input type="text" name="name"><br> 年齢 :<input type="text" name="age"><br> <input type="submit" value=" 送信 "> </form> </body> </html> 62

64 空欄があったら元の画面に戻して再度入力を促すようにしてみましょう一部の情報だけ入力されていない場合にはそこだけ再入力させたいものですたとえば学籍番号だけ入力するのを忘れたら入力された内容は表示されるようにしたい HTML 資料を改定してあります 63

65 DataCheck.java 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 DataCheck extends HttpServlet { /** * The dopost method of the servlet. <br> * * This method is called when a form has its tag value method equals to post. * request the request send by the client to the server response the response send by the server to the client ServletException if an error occurred IOException if an error occurred */ public void dopost(httpservletrequest request, HttpServletResponse response) throws ServletException, IOException { String id = request.getparameter("id"); String name = request.getparameter("name"); String age = request.getparameter("age"); if(!id.equals("") &&!name.equals("")&&!age.equals("")){ // 次に進む datas.personal p1 = new datas.personal(id,name,integer.parseint(age)); request.setattribute("data", p1); this.getservletcontext().getrequestdispatcher("/disp.jsp").forward(request, response); else{ // 戻す request.setattribute("id", id); request.setattribute("name", name); request.setattribute("age", age); this.getservletcontext().getrequestdispatcher("/inputdata.jsp").forward(request, response); 64

66 inputdata.jsp import="datas.personal"%> page language="java" import="java.lang.*,java.util.*" contenttype="text/html;charset=utf-8" %> <% String id = (String)request.getAttribute("id"); String name = (String)request.getAttribute("name"); String age = (String)request.getAttribute("age"); %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>my JSP 'inputdata.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <!-- 65

67 <link rel="stylesheet" type="text/css" href="styles.css"> --> </head> please input all datas<br> <form action="datacheck" method="post"> number:<input type="text" name="id" value="<%= id %>"><br> name:<input type="text" name="name" value="<%= name %>"><br> age:<input type="text" name="age" value="<%= age %>"><br> <input type="submit" value="send"> </form> <body> This is my 'inputdata.jsp' JSP page. <br> </body> </html> そして学籍番号だけ入れなおして再送したら何が起きたでしょうか? 転送先を servlet/ DataCheck にしていると 404 になる 66

68 参考 JavaScript で入力値のチェック JavaScript はクライアント側で動作するプログラムですサーブレットがサーバサイドで動作して HTML を出力するのに対し JavaScript はプログラムをそのままクライアント側に送りますそのためクライアント側で発生したイベントに応じた処理を実装できます JavaScript は Java と似て非なるものですインドとインドネシアくらい違います if 文や for 文の文法は同じですが変数に型がありません var 変数名 ; のように宣言します関数の定義は以下のように記述します function 関数名 ( 仮引数名の並び ){ return 戻り値 ; 呼び出し側は HTML に埋め込んで書きます <input type= submit value= 送信 onclick= return 関数名 () > この例では関数の戻りが true のときだけ submit が有効になり false のときは submit はキャンセルされますまた JavaScript により表示領域に文字を書き込んだりスタイルを変更したりすることができますスタイルシートの ID と組み合わせて使います以上を利用するとクライアント側で入力の状態をチェックし条件を満たしたときだけサーバ側に送信することができるようになります 67

69 全部入力されたときだけサーバ側に飛ばす 68

70 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title> 情報の入力 </title> <style type="text/css">.errmsg{ color:red; font-weight:bold; font-style:italic; </style> <script type="text/javascript"> function checkit(){ var done = true; var id = document.getelementbyid("id").value; if(id == ""){ document.getelementbyid("idmessage").innerhtml ="idを入力してください "; done = false; else{ document.getelementbyid("idmessage").innerhtml =""; var name = document.getelementbyid("name").value; if(name == ""){ document.getelementbyid("namemessage").innerhtml =" 氏名を入力してください "; done = false; else{ document.getelementbyid("namemessage").innerhtml 69

71 =""; var age = document.getelementbyid("age").value; if(age == ""){ document.getelementbyid("agemessage").innerhtml =" 年齢を入力してください "; done = false; else{ document.getelementbyid("agemessage").innerhtml =""; return done; </script> </head> <body> <form action="servlet/getpersonal" method="post"> 学籍番号 :<input type="text" name="id" id="id"><span id="idmessage" class="errmsg"></span><br> 氏名 :<input type="text" name="name" id="name" ><span id="namemessage" class="errmsg"></span><br> 年齢 :<input type="text" name="age" id="age"><span id="agemessage" class="errmsg"></span><br> <input type="submit" value=" 送信 " onclick="return checkit();"> </form> </body> </html> 70

72 情報がいっぱい Personal クラスのインスタンスがたくさんあったらそれをまとめて表示してみましょう Personal クラスを ArrayList で管理すると可変長配列になります HashMap で管理すると連想配列になりますサーブレットで import java.io.ioexception; import java.io.printwriter; import java.util.arraylist; import java.util.list; import javax.servlet.servletexception; import javax.servlet.http.httpservlet; import javax.servlet.http.httpservletrequest; import javax.servlet.http.httpservletresponse; import datas.personal; public class DiapPersonalList extends HttpServlet { cc public void doget(httpservletrequest request, HttpServletResponse response) throws ServletException, IOException { // データがいっぱい List<Personal> list = new ArrayList<Personal>(); list.add(new Personal("K010C0000", " じゅげむ ", 20)); list.add(new Personal("K010C9999", " ごこうのすりきり ",62)); list.add(new Personal("K010C8888", " かいじゃりすいぎょ ", 43)); 71

73 response.setcontenttype("text/html;charset=utf-8"); PrintWriter out = response.getwriter(); out.println("<!doctype HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">"); out.println("<html>"); out.println(" <head>"); out.println(" <title>a Servlet in GET</title>"); out.println(" </head>"); out.println(" <body>"); for(int i = 0; i < list.size(); i++){ out.println(list.get(i).getid() + ":" + list.get(i).getname() + ":" + list.get(i).getage() + " 才 <br>"); out.println(" </body>"); out.println("</html>"); out.flush(); out.close(); 繰り返しの部分は以下のようにも書けます for(personal p : list){ out.println(p.getid() + ":" + p.getname() + ":" + p.getage() + " 才 <br>"); 72

74 JSP では page language="java" import="java.lang.*,java.util.*,datas.*" contenttype="text/html; charset=utf-8" %> <% %> // データがいっぱい List<Personal> list = new ArrayList<Personal>(); list.add(new Personal("K010C0000", " じゅげむ ", 20)); list.add(new Personal("K010C9999", " ごこうのすりきり ",62)); list.add(new Personal("K010C8888", " かいじゃりすいぎょ ", 43)); <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>my JSP 'disppersonallist.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=utf-8">  </head> <body> <% for(personal p : list){ %> <%= p.getid() %>:<%= p.getname() %>:<%= p.getage() %> 才 <br> 73

75 <% %> </body> </html> 74

76 メモリの共有実験 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 { int counter = 0; /** * The doget method of the servlet. <br> * * This method is called when a form has its tag value method equals to get. * request the request send by the client to the server response the response send by the server to the client ServletException if an error occurred IOException if an error occurred */ public void doget(httpservletrequest request, HttpServletResponse response) throws ServletException, IOException { counter++; response.setcontenttype("text/html"); PrintWriter out = response.getwriter(); out.println("<!doctype HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">"); out.println("<html>"); out.println(" <head>"); out.println(" <title>a Servlet in GET</title>"); 75

77 out.println(" </head>"); out.println(" <body>"); out.println("counter=" + counter); out.println(" </body>"); out.println("</html>"); out.flush(); out.close(); 各クライアントからのリクエスト要求で counter の値は 1 ずつ増加していくこれを利用して各クライアントからの情報の入力を受け付けると情報をためることができます 76

78 データがたまっていく HTML <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>insert title here</title> </head> <body> <form action="servlet/testservlet" method="post"> 学籍番号 :<input type="text" name="id"><br> 氏名 :<input type="text" name="name"><br> 年齢 :<input type="text" name="age"><br> <input type="submit" value=" 送信 "> </form> </body> </html> 77

79 TestServelt import java.io.ioexception; import java.io.printwriter; import java.util.arraylist; import java.util.list; import javax.servlet.servletexception; import javax.servlet.http.httpservlet; import javax.servlet.http.httpservletrequest; import javax.servlet.http.httpservletresponse; import datas.personal; public class TestServlet extends HttpServlet { List<Personal> list = new ArrayList<Personal>(); /** * The doget method of the servlet. <br> * * This method is called when a form has its tag value method equals to get. * request the request send by the client to the server response the response send by the server to the client ServletException if an error occurred IOException if an error occurred */ public void dopost(httpservletrequest request, HttpServletResponse response) throws ServletException, IOException { String id = request.getparameter("id"); String name = request.getparameter("name"); int age = Integer.parseInt(request.getParameter("age")); Personal p = new Personal(id, name, age); list.add(p); response.setcontenttype("text/html"); 78

80 this.preventcaching(request, response); PrintWriter out = response.getwriter(); out.println("<!doctype HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">"); out.println("<html>"); out.println(" <head>"); out.println(" <title>a Servlet in GET</title>"); out.println(" </head>"); out.println(" <body>"); for(personal p1 : list){ out.println(p1.getid()+":"+p1.getname()+":"+p1.getage()+" 才 <br>"); out.println(" </body>"); out.println("</html>"); out.flush(); out.close(); 79

81 はじめに 1 回だけリストの初期化をします上のプログラムでは List<Personal> list = new ArrayList<Personal>(); のように初期化で対応しましたが最初の 1 回だけやりたいというときは init() メソッドに書きます import java.io.ioexception; import java.io.printwriter; import java.util.arraylist; import java.util.list; import javax.servlet.servletexception; import javax.servlet.http.httpservlet; import javax.servlet.http.httpservletrequest; import javax.servlet.http.httpservletresponse; import datas.personal; public class TestServlet extends HttpServlet { List<Personal> public void init() throws ServletException { list = new ArrayList<Personal>(); public void dopost(httpservletrequest request, HttpServletResponse response) throws ServletException, IOException { String id = request.getparameter("id"); String name = request.getparameter("name"); name = new String(name.getBytes("iso "), "utf-8"); int age = Integer.parseInt(request.getParameter("age")); Personal p = new Personal(id, name, age); list.add(p); response.setcontenttype("text/html;charset=utf-8"); PrintWriter out = response.getwriter(); out.println("<!doctype HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN ">"); out.println("<html>"); out.println(" <head>"); out.println(" <title>a Servlet in GET</title>"); out.println(" </head>"); 80

82 out.println(" <body>"); for(personal p1 : list){ out.println(p1.getid()+":"+p1.getname()+":"+p1.getage()+" 才 <br>"); out.println(" </body>"); out.println("</html>"); out.flush(); out.close(); 81

HashMap による管理 HashMap は連想配列と言われるもので配列の添字を 0 からはじまる連番の整数以外にできるという考え方のものですこれを使うと検索ができます <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/tr/html4/loose.

83 HashMap による管理 HashMap は連想配列と言われるもので配列の添字を 0 からはじまる連番の整数以外にできるという考え方のものですこれを使うと検索ができます <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>insert title here</title> </head> <body> <form action="servlet/hashservlet" method="post"> 学籍番号 :<input type="text" name="id"> <input type="submit" value=" 検索 "/> </form> </body> </html> 82

84 HashServlet.java import java.io.ioexception; import java.io.printwriter; import java.util.hashmap; import java.util.map; import javax.servlet.servletexception; import javax.servlet.http.httpservlet; import javax.servlet.http.httpservletrequest; import javax.servlet.http.httpservletresponse; import datas.personal; public class HashServlet extends HttpServlet { Map<String, Personal> map; public void init() throws ServletException { map = new HashMap<String, Personal>(); map.put("k010c0000", new Personal("K010C0000", "abc", 20)); map.put("k010c9999", new Personal("K010C9999", "bbc", 22)); map.put("k010c8888", new Personal("K010C8888", "nhk", 28)); public void dopost(httpservletrequest request, HttpServletResponse response) throws ServletException, IOException { String id = request.getparameter("id"); Personal p = map.get(id); response.setcontenttype("text/html;charset=utf-8"); PrintWriter out = response.getwriter(); out.println("<!doctype HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">"); out.println("<html>"); out.println(" <head>"); out.println(" </head>"); out.println(" <body>"); if(p!= null){ out.println(p.getid()+":"+p.getname()+":"+p.getage()+" 歳 "); 83

85 else{ out.println(" 該当なし "); out.println(" </body>"); out.println("</html>"); out.flush(); out.close(); 84

セッション HTTP では 1 回のリクエストに対して 1 回のレスポンスで接続が切れてしまいます ( ステートレス ) そのためさっきリクエストした人と今度の人が同じであるという識別ができませんそこでサーバ側のメモリに番号札のついた荷台を置いておき番号札をやり取りしてさっきと同じ人からのリクエストかどうかを判定します

86 セッション HTTP では 1 回のリクエストに対して 1 回のレスポンスで接続が切れてしまいます ( ステートレス ) そのためさっきリクエストした人と今度の人が同じであるという識別ができませんそこでサーバ側のメモリに番号札のついた荷台を置いておき番号札をやり取りしてさっきと同じ人からのリクエストかどうかを判定しますセッションを使うと個人に専用のデータセットを作成することができますセッションの取得戻り値メソッドの詳細 HttpSession getsession() HTTP リクエストに対応するセッションを取得しますまだセッションがない場合には新しくセッションを作成します HttpSession session = request.getsessino(); 85

87 HttpSession クラスセッションを管理するために HttpSession インタフェイスが用意されています主なメソッドは以下のとおりです戻り値メソッドの詳細 void invalidate() セッションを終了しバインドされている情報を無効にします boolean isnew() セッションが新しく作られたものであるときは true をすでに存在していたときは false を返します String getid() セッション ID を取得しますセッションに情報をバインド戻り値メソッドの詳細 void setattribute(string name, Object value) 1 組の情報セッションにバインドします session.setattribute( userinfomation, userid); バインドされたオブジェクトを取得する戻り値メソッドの詳細 Object getattribute(string name) バインドされたオブジェクトの中から name に該当するオブジェクトを取得します PersonalList list = (PersonalList)session.getAttribute( datas ); JSP では暗黙のオブジェクトとして session が用意されておりサーブレットでは書かなければならない HttpSession session = request.getsessino(); を省略していきなり session を使います 86

88 セッションを切るには以下のいずれかを行います 1. ブラウザを全て閉じる 2. プログラムでセッションを切る 3.Tomcat を停止する同じブラウザからだと継続する 87

89 ブラウザが異なるとユーザが違うのでセッションは継続しない 88

90 豆を入れて台車に乗せるための缶 PersonalLIst.java package datas; import java.util.arraylist; import java.util.list; public class PersonalList { List<Personal> list; // コンストラクタ public PersonalList() { list = new ArrayList<Personal>(); // セッタゲッタ public List<Personal> getlist() { return list; public void setlist(list<personal> list) { this.list = list; // メソッド public Personal getpersonal(int index){ return list.get(index); // 豆を缶に入れるためのメソッド public void add(personal p){ list.add(p); 89

91 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title> ログイン </title> </head> <body> </body> </html <form action="servlet/login" method="post"> </form> Login.java key:<input type="text" name="key"><br> pass:<input type="password"name="pass"><br> <input type="submit" value=" ログイン "> 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; import javax.servlet.http.httpsession; import datas.personal; import datas.personallist; import datas.user; public class SessionServlet extends HttpServlet { public void dopost(httpservletrequest request, HttpServletResponse response) throws ServletException, IOException { // セッションを取得する HttpSession session = request.getsession(); PersonalList list = (PersonalList) session.getattribute("datas"); if (list == null){ // 初めてだったら缶を作る list = new PersonalList(); 90

92 //HTML 側から情報ゲット String id = request.getparameter("id"); String name = request.getparameter("name"); name = new String(name.getBytes("iso "), "utf-8"); int age = Integer.parseInt(request.getParameter("age")); Personal p = new Personal(id, name, age); list.add(p); // 豆を缶に入れる // 缶を台車に載せる session.setattribute("datas", list); response.setcontenttype("text/html;charset=utf-8"); PrintWriter out = response.getwriter(); out.println("<!doctype HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN ">"); out.println("<html>"); out.println(" <head>"); out.println(" <title>a Servlet in POST</title>"); out.println(" </head>"); out.println(" <body>"); for(int i = 0; i < list.getlist().size();i++){ p = list.getpersonal(i); out.println(p.getid()+":"+p.getname() + ":" + p.getage()); out.println(" </body>"); out.println("</html>"); out.flush(); out.close(); 91

93 ログインしているときだけ豆を積むログインしていないときはログインしてくださいと表示するログインするとログインした後であれば豆を積むことができる 92

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/tr/html4/loose.

94 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title> ログイン </title> </head> <body> <form action="servlet/login" method="post"> key:<input type="text" name="key"><br> pass:<input type="password"name="pass"><br> <input type="submit" value=" ログイン "> </form> </body> </html> 93

95 Login.java 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; import javax.servlet.http.httpsession; import datas.user; public class Login extends HttpServlet { public void dopost(httpservletrequest request, HttpServletResponse response) throws ServletException, IOException { HttpSession session = request.getsession(); String key = request.getparameter("key"); String pass = request.getparameter("pass"); // 本当はここで DB などで正しいかどうかをチェックする // みんな正しいとする User user = new User(key, pass); session.setattribute("user", user); response.setcontenttype("text/html;charset=utf-8"); PrintWriter out = response.getwriter(); out.println("<!doctype HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">"); out.println("<html>"); out.println(" <head>"); out.println(" <title>a Servlet in POST</title>"); out.println(" </head>"); out.println(" <body>"); out.println("login できました "); out.println(" </body>"); out.println("</html>"); out.flush(); out.close(); 94

96 SessionServlet.java 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; import javax.servlet.http.httpsession; import datas.personal; import datas.personallist; import datas.user; public class SessionServlet extends HttpServlet { public void dopost(httpservletrequest request, HttpServletResponse response) throws ServletException, IOException { // セッションを取得する HttpSession session = request.getsession(); PersonalList list = (PersonalList) session.getattribute("datas"); // ログインしているかどうかを調べる User user = (User) session.getattribute("user"); boolean flg; if (user == null){ // ログインしていない flg = false; else{ // ログインしているときだけ豆を缶に入れる flg = true; if (list == null){ // 初めてだったら缶を作る list = new PersonalList(); //HTML 側から情報ゲット String id = request.getparameter("id"); String name = request.getparameter("name"); name = new String(name.getBytes("iso "), "utf-8"); int age = Integer.parseInt(request.getParameter("age")); Personal p = new Personal(id, name, age); 95

97 list.add(p); // 豆を缶に入れる // 缶を台車に載せる session.setattribute("datas", list); response.setcontenttype("text/html;charset=utf-8"); PrintWriter out = response.getwriter(); out.println("<!doctype HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN ">"); out.println("<html>"); out.println(" <head>"); out.println(" <title>a Servlet in POST</title>"); out.println(" </head>"); out.println(" <body>"); if(flg){ // ログインしている for(int i = 0; i < list.getlist().size();i++){ Personal p = list.getpersonal(i); out.println(p.getid() + ":" + p.getname() + ":" + p.getage()); else{ // ログインしていない out.println(" ログインしてください "); out.println(" </body>"); out.println("</html>"); out.flush(); out.close(); 96

98 97

99 ブラウザが変わるとユーザが違うので 98

package datas; public class Music { String id; // 番号 String player; // 歌手 String song; // 曲 // コンストラクタ public Music(String id, String player, String song) { this.id = id; this.player = player; this.

100 package datas; public class Music { String id; // 番号 String player; // 歌手 String song; // 曲 // コンストラクタ public Music(String id, String player, String song) { this.id = id; this.player = player; this.song = song; public Music() { // セッタゲッタ public String getid() { return id; public void setid(string id) { this.id = id; public String getplayer() { return player; public void setplayer(string player) { this.player = player; public String getsong() { return song; public void setsong(string song) { this.song = song; 99

101 package datas; import java.util.hashmap; import java.util.map; public class MusicMap { private Map<String, Music> map; public MusicMap() { map = new HashMap<String, Music>(); // セッタゲッタ public Map<String, Music> getmap() { return map; public void setmap(map<string, Music> map) { this.map = map; // 音楽を追加 public void add(music m){ map.put(m.getid(), m); // 取り出す public Music get(string key){ return map.get(key); 100

102 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>insert title here</title> </head> <body> <form action="servlet/buymusic" method="post"> 番号 :<input type="text" name="id"><br> 歌手 :<Input type="text" name="player"><br> 曲 :<input type="text" name="song"><br> <input type="submit" value=" 購入 "> </form> </body> </html> import java.io.ioexception; import java.io.printwriter; import java.util.set; import javax.servlet.servletexception; import javax.servlet.http.httpservlet; import javax.servlet.http.httpservletrequest; import javax.servlet.http.httpservletresponse; import javax.servlet.http.httpsession; import datas.music; import datas.musicmap; public class BuyMusic extends HttpServlet { public void dopost(httpservletrequest request, HttpServletResponse response) throws ServletException, IOException { HttpSession session = request.getsession(); 101

103 MusicMap kan = (MusicMap) session.getattribute("music"); if (kan == null){ kan = new MusicMap(); String id = request.getparameter("id"); String player = request.getparameter("player"); player = new String(player.getBytes("iso "), "utf-8"); String song = request.getparameter("song"); song = new String(song.getBytes("iso "), "utf-8"); Music m = new Music(id, player, song); kan.add(m); // 缶に入れる session.setattribute("music", kan); response.setcontenttype("text/html;charset=utf-8"); PrintWriter out = response.getwriter(); out.println("<!doctype HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">"); out.println("<html>"); out.println(" <head>"); out.println(" <title>a Servlet in POST</title>"); out.println(" </head>"); out.println(" <body>"); out.println(" 購入しました "); out.println(kan.getmap().size() + " 曲購入されています "); out.println(" </body>"); out.println("</html>"); out.flush(); out.close(); 102

104 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>insert title here</title> </head> <body> <form action="servlet/listen" method="post"> 番号 :<input type="text" name="id"> <input type="submit" value=" 聞く "> </form> </body> </html> 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; import javax.servlet.http.httpsession; import datas.music; import datas.musicmap; public class Listen extends HttpServlet { public void dopost(httpservletrequest request, HttpServletResponse response) throws ServletException, IOException { HttpSession session = request.getsession(); MusicMap mm = (MusicMap) session.getattribute("music"); 103

105 String id = request.getparameter("id"); // 番号 Music music = null; if (mm!= null){ music = mm.get(id); response.setcontenttype("text/html;charset=utf-8"); PrintWriter out = response.getwriter(); out.println("<!doctype HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">"); out.println("<html>"); out.println(" <head>"); out.println(" <title>a Servlet in POST</title>"); out.println(" </head>"); out.println(" <body>"); if(music!= null){ out.println(" 歌手 :" + music.getplayer() + "<br>"); out.println(" 曲 :" + music.getsong() + "<br>"); else{ out.println(" 聞く権利がありません "); out.println(" </body>"); out.println("</html>"); out.flush(); out.close(); 104

106 サーブレットでためて JSP で表示 105

107 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; import javax.servlet.http.httpsession; import datas.personal; import datas.personallist; public class IntoData extends HttpServlet { public void dopost(httpservletrequest request, HttpServletResponse response) throws ServletException, IOException { HttpSession session = request.getsession(); PersonalList list = (PersonalList) session.getattribute("datas"); if(list == null){ list = new PersonalList(); String id = request.getparameter("id"); String name = request.getparameter("name"); name = new String(name.getBytes("iso "), "utf-8"); int age = Integer.parseInt(request.getParameter("age")); Personal p1 = new Personal(id, name, age); list.add(p1); session.setattribute("datas", list); this.getservletcontext().getrequestdispatcher("/sessionlist.jsp").forward(request, response); 106

108 sessionlist.jsp page language="java" import="java.lang.*,java.util.*,datas.*" contenttype="text/html; charset=utf-8" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>my JSP 'sessionlist.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <style type="text/css"> table{ border-collapse:collapse; td,th{ padding:5px; border-style:solid; border-color:#0000ff; border-width:1px; </style> </head> <body> セッションに保存されたデータは以下のとおりです <Br> <jsp:usebean id="datas" class="datas.personallist" scope="session" /> <table> <tr> <th> 学籍番号 </th> <th> 氏名 </th> 107

109 <th> 年齢 </th> </tr> <% for(personal p : datas.getlist()){ %> <tr> <td><%= p.getid() %></td> <td><%= p.getname() %></td> <td><%= p.getage() %> 才 </td> </tr> <% %> </table> </body> </html> 108

jp/apache/dist/jakarta/taglibs/standard/binaries/

110 標準タグライブラリ for 文や if 文出力も HTML ライクに記述するためにまた国による通貨や日付の表記の違いを吸収するためになど JSP に Java を記述しないためのタグが開発されています jakarta-taglibs-standard zip をダウンロードして解凍し jstl.jar standard.jar を WEB-INF\lib にコピーしてください 109

111 種類に分かれていますライブラリ URI プリフィックスコア taglib prefix="c" uri=" %> c XML <%@ taglib prefix="xml" uri=" %> x 国際化 <%@ taglib prefix="xml" uri=" %> fmt データベース <%@ taglib prefix="xml" uri=" %> sql この URI をページのはじめに必要なものを入れてください <%@ page language="java" contenttype="text/html;charset=utf-8" %> <%@ taglib prefix="c" uri=" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>my JSP 'easy.jsp' starting page</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <body> <h1>jsp is as easy as...</h1> <%-- Calculate the sum of dynamically --%> = <c:out value="${ " /> </body> </html> 110

112 EL 式演算や変数を使うためには EL 式を使います EL 式は JSTL との組み合わせでないと利用できません <% %> で宣言した変数は JSTL では使えません c:out 属性名 Java 型動的な値の受け説明取り value 任意の型 Yes 必須レスポンスに追加する値 escapexml Boolean Yes オプション true: 値に含まれる特殊文字を変換 false: 変換しない ( デフォルト ) default 任意の型 Yes オプション値が null の場合に使用する値 c:foreach 属性名 Java 型動的な値の受け説明取り items コレクション Yes オプション繰り返し処理を行う値のコレクション値が null のとき繰り返しは行われないこの指定がないときは begin end が必要 var String No オプション現時点で保持している値を格納する変数名 varstatus String No オプション LoopTagStatus オプションを保持している変数名 begin int Yes オプション 0 からはじまる最初の添字 end int Yes オプション 0 からはじまる最後の添字 step int Yes オプション繰り返しの増分 c:if 属性名 Java 型動的な値の受け説明取り test boolean Yes 必須 true または false になる式 var String No オプション論理型の結果を保持する変数の名前 scope String No オプション変数のスコープ page, request, session, application 111

113 c:when 属性名 Java 型動的な値の受け説明取り test boolean Yes 必須 true または false になる論理式 c:set 属性名 Java 型動的な値の受け説明取り value 任意の型 Yes ボディで値を提供しない限り必須セットする値 var String No オプション値を保持する変数名指定されない場合は target と property を使用 scope String No オプション変数のスコープ page, request, session, application target Java Bean Yes オプション property の値 Map property String Yes オプション target で指定されるプロパティ各国による通貨や日付の表現の違いを吸収し文字セットを指定する fmt:formatdate 属性名 Java 型動的な値説明の受け取り value java.util.date Yes 必須形式化される日付 pattern String Yes オプション日付と時刻の両方に適用される独自の形式パターン type String Yes オプション形式化する部分 time,date,both デフォルトは date datestyle String Yes オプション日付部分に適用される定義済みパターン default,short,medium,long,full デフォルトは default timestyle String Yes オプション時刻部分に適用する定義済みパターン default,short,medium,long,full デフォルトは default timezone String or Yes オプション日付 / 時刻に対するタイムゾーン java.util.timezone var String No オプション形式化された値を保持する変数の名前 112

114 scope String No オプション変数のスコープ page,request,session,application デフォルトは page fmt:formatnumber 属性名 Java 型動的な値の説明受け取り value String or Yes ボディで指定されない限り必須形式化される数値 Number pattern String Yes オプションパターン type String Yes オプション number,currency,percentage currencycode String Yes オプション ISO-4217 の通貨コード日本円は JPY currencysymbol String Yes オプション通貨記号 var String No オプション形式化された値を保持する変数名 scope String No オプション変数のスコープ page,request,session,application デフォルトは page fmt:requestencoding 属性名 Java 型動的な値の受け取り説明 value String or Number Yes オプションパラメータの文字セット 113

115 入力されたデータをセッションにためる JSP を taglib を使って書き直すと sessionlist.jsp page language="java" import="java.lang.*,java.util.*,datas.*" contenttype="text/html; charset=utf-8" %> taglib prefix="c" uri=" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>my JSP 'sessionlist.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <style type="text/css"> table{ border-collapse:collapse; td,th{ padding:5px; border-style:solid; border-color:#0000ff; border-width:1px; </style> </head> <body> セッションに保存されたデータは以下のとおりです <Br> <jsp:usebean id="datas" class="datas.personallist" scope="session" /> <table> <tr> <th> 学籍番号 </th> <th> 氏名 </th> <th> 年齢 </th> </tr> <c:foreach var="p" items="${datas.list" > <tr> <td><c:out value="${p.id" /></td> <td><c:out value="${p.name" /></td> <td><c:out value="${p.age" /> 才 </td> </tr> 114

116 </c:foreach> </table> </body> </html> 20 歳以上のときだけ * を付ける <%@ page language="java" import="java.lang.*,java.util.*,datas.*" contenttype="text/html; charset=utf-8" %> <%@ taglib prefix="c" uri=" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>my JSP 'sessionlist.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <style type="text/css"> table{ border-collapse:collapse; td,th{ padding:5px; 115

117 border-style:solid; border-color:#0000ff; border-width:1px; </style> </head> <body> セッションに保存されたデータは以下のとおりです <Br> <jsp:usebean id="datas" class="datas.personallist" scope="session" /> <table> <tr> <th> 学籍番号 </th> <th> 氏名 </th> <th> 年齢 </th> <th> 大人 </th> </tr> <c:foreach var="p" items="${datas.list" > <tr> <td><c:out value="${p.id" /></td> <td><c:out value="${p.name" /></td> <td><c:out value="${p.age" /> 才 </td> <td> <c:if test="${p.age > 20"> * </c:if> </td> </tr> </c:foreach> </table> </body> </html> 116

118 page language="java" import="java.lang.*,java.util.*,datas.*" contenttype="text/html; charset=utf-8" %> taglib prefix="c" uri=" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>my JSP 'sessionlist.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <style type="text/css"> table{ border-collapse:collapse; td,th{ padding:5px; border-style:solid; border-color:#0000ff; border-width:1px; </style> 117

119 </head> <body> セッションに保存されたデータは以下のとおりです <Br> <jsp:usebean id="datas" class="datas.personallist" scope="session" /> <table> <tr> <th> 学籍番号 </th> <th> 氏名 </th> <th> 年齢 </th> <th> 大人 </th> </tr> <c:foreach var="p" items="${datas.list" > <tr> <td><c:out value="${p.id" /></td> <td><c:out value="${p.name" /></td> <td><c:out value="${p.age" /> 才 </td> <td> <c:choose> <c:when test="${p.age > 20"> 大人 </c:when> <c:otherwise> 未成年 </c:otherwise> </c:choose> </td> </tr> </c:foreach> </table> </body> </html> 118

120 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>insert title here</title> </head> <body> <h2> アンケート1</h2> <form action="servlet/get1" method="post"> <h3> 問 1: 性別 </h3> <input type="radio" name="sex" value="0" checked> 男 <input type="radio" name="sex" value="1"> 女 <h3> 問 2: 年齢 </h3> <select name="age"> <option value="0" selected>~16 歳 </option> <option value="1">17~22 才 </option> <option value="2">23~30 才 </option> <option value="3">31 才 ~ </option> </select> <p> <input type="submit" value=" 次へ "> </p> </form> </body> </html> 119

121 bean package answer; public class AnswerData { // メンバ変数 private int sex; // 性別 private int age; // 年齢帯 private int salary; // 時給 // コンストラクタ public AnswerData() { public AnswerData(int sex, int age) { this.sex = sex; this.age = age; // セッタゲッタ public int getsex() { return sex; public void setsex(int sex) { this.sex = sex; public int getage() { return age; public void setage(int age) { this.age = age; public int getsalary() { return salary; public void setsalary(int salary) { this.salary = salary; 120

122 servlet 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; import javax.servlet.http.httpsession; import answer.answerdata; public class Get1 extends HttpServlet { public void dopost(httpservletrequest request, HttpServletResponse response) throws ServletException, IOException { HttpSession session = request.getsession(); int sex = Integer.parseInt(request.getParameter("sex")); int age = Integer.parseInt(request.getParameter("age")); AnswerData data = new AnswerData(sex, age); session.setattribute("ans", data); this.getservletcontext().getrequestdispatcher("/index2.html").forward(request, response); 121

123 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>insert title here</title> </head> <body> <h2> アンケート2</h2> <form action="get2" method="post"> <h3> 問 3: 時給 </h3> <input type="text" name="salary" > <p> <input type="submit" value=" 終わり "> </p> </form> </body> </html> 122

124 servlet Get2 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; import javax.servlet.http.httpsession; import answer.answerdata; public class Get2 extends HttpServlet { public void dopost(httpservletrequest request, HttpServletResponse response) throws ServletException, IOException { HttpSession session = request.getsession(); AnswerData ans = (AnswerData) session.getattribute("ans"); int salary = Integer.parseInt(request.getParameter("salary")); ans.setsalary(salary); session.setattribute("ans", ans); this.getservletcontext().getrequestdispatcher("/final.jsp"). forward(request, response); 123

125 final.jsp page language="java" import="java.lang.*,java.util.*" contenttype="text/html; charset=utf-8" %> taglib prefix="c" uri=" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>my JSP 'final.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=utf-8">  </head> <body> <jsp:usebean id="ans" class="answer.answerdata" scope="session"/> 年齢 :<c:out value="${ans.age" /><br> 性別 :<c:out value="${ans.sex" /><br> 時給 :<c:out value="${ans.salary" /><br> </body> </html> これでは表示が貧弱すぎるので 124

<%@ page language="java" import="java.lang.*,java.util.*" contenttype="text/html; charset=utf-8" %> <%@ taglib prefix="c" uri="http://java.sun.com/jstl/core" %> <!

126 page language="java" import="java.lang.*,java.util.*" contenttype="text/html; charset=utf-8" %> taglib prefix="c" uri=" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>my JSP 'final.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> </head> <body> <jsp:usebean id="ans" class="answer.answerdata" scope="session"/> 年齢 : <c:choose> <c:when test="${ans.age == 0">~16 才 </c:when> <c:when test="${ans.age == 1">17 才 ~22 才 </c:when> <c:when test="${ans.age == 2">23 才 ~30 才 </c:when> <c:otherwise>31 才 ~</c:otherwise> </c:choose> <br> 性別 : <c:choose> <c:when test="${ans.sex == 0"> 男 </c:when> <c:otherwise> 女 </c:otherwise> </c:choose> <br> 時給 :<c:out value="${ans.salary" /> 円 <br> </body> </html> 125

127 Beans に変換機能を持たせる方法もあります package answer; public class AnswerData { // メンバ変数 private int sex; // 性別 private int age; // 年齢帯 private int salary; // 時給 // コンストラクタ public AnswerData() { public AnswerData(int sex, int age) { this.sex = sex; this.age = age; // セッタゲッタ public int getsex() { return sex; << 中略 >> public String getsex2(){ if(sex == 0){ return " 男 "; else{ return " 女 "; public String getage2(){ String s; switch(age){ case 0: s = "~16 才 "; break; case 1: s = "17 才 ~22 才 "; 126

128 break; case 2: s = "23 才 ~30 才 "; break; default: s = ""; return s; final.jsp <%@ page language="java" import="java.lang.*,java.util.*" contenttype="text/html; charset=utf-8" %> <%@ taglib prefix="c" uri=" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>my JSP 'final.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> </head> <body> <jsp:usebean id="ans" class="answer.answerdata" scope="session"/> 年齢 :<c:out value="${ans.age2 " /><br> 性別 :<c:out value="${ans.sex2 " /><br> 時給 :<c:out value="${ans.salary" /> 円 <br> </body> </html> 127

129 セッションを切る以前のデータはなくなっている 128

130 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; import javax.servlet.http.httpsession; public class Logout extends HttpServlet { public void doget(httpservletrequest request, HttpServletResponse response) throws ServletException, IOException { HttpSession session = request.getsession(); session.invalidate(); response.setcontenttype("text/html;charset=utf-8"); PrintWriter out = response.getwriter(); out.println("<!doctype HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">"); out.println("<html>"); out.println(" <head>"); out.println(" <title>a Servlet in GET</title>"); out.println(" </head>"); out.println(" <body>"); out.println(" セッションを切りました "); out.println(" </body>"); out.println("</html>"); out.flush(); out.close(); 129

131 アプリケーション全体で共有するメモリセッションが異なってもリクエストが異なっても共通に使えるメモリを用意します ServletContext application = this.getservletcontext(); application.setattribute(" パラメータ名 ", パラメータ値 ); application.getattribute(" パラメータ名 "); JSP では scope が application になります <jsp:usebean id=" パラメータ名 " class=" クラス名 " scope="application" /> アンケート結果一覧を表示してみましょうアンケート結果をまとめるための Bean を作成 package answer; import java.util.arraylist; import java.util.list; public class AnswerList { private List<AnswerData> list; // コンストラクタ public AnswerList() { list = new ArrayList<AnswerData>(); // セッタゲッタ public List<AnswerData> getlist() { return list; 130

132 public void setlist(list<answerdata> list) { this.list = list; // 回答を追加 public void add(answerdata data){ list.add(data); Get2.java import java.io.ioexception; import java.io.printwriter; import java.util.arraylist; import java.util.list; import javax.servlet.servletcontext; import javax.servlet.servletexception; import javax.servlet.http.httpservlet; import javax.servlet.http.httpservletrequest; import javax.servlet.http.httpservletresponse; import javax.servlet.http.httpsession; import answer.answerdata; import answer.answerlist; public class Get2 extends HttpServlet { public void dopost(httpservletrequest request, HttpServletResponse response) throws ServletException, IOException { HttpSession session = request.getsession(); AnswerData ans = (AnswerData) session.getattribute("ans"); int salary = Integer.parseInt(request.getParameter("salary")); ans.setsalary(salary); session.setattribute("ans", ans); ServletContext application = this.getservletcontext(); 131

133 AnswerList list = (AnswerList) application.getattribute("answers"); if(list == null){ list = new AnswerList(); list.add(ans); application.setattribute("answers", list); this.getservletcontext().getrequestdispatcher("/final.jsp"). forward(request, response); 回答 Bean にメソッド追加 package answer; public class AnswerData { // メンバ変数 private int sex; // 性別 private int age; // 年齢帯 private int salary; // 時給 // コンストラクタ public AnswerData() { public AnswerData(int sex, int age) { this.sex = sex; this.age = age; // セッタゲッタ略 //1 行分の文字列を取得 public String getall(){ return getsex2() + " " + getage2() + " " + getsalary() + " 円 "; 132

134 表示用 JSP page language="java" import="java.lang.*,java.util.*" contenttype="text/html; charset=utf-8" %> taglib prefix="c" uri=" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>my JSP 'result.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> </head> <body> <jsp:usebean id="answers" class="answer.answerlist" scope="application" /> <h2> アンケート結果 </h2> <c:foreach var="ans" items="${answers.list "> <c:out value="${ans.all " /><br> </c:foreach> </body> </html> 133

135 演習 : ショッピングサイトまず HTMLで書いてみましょう <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>insert title here</title> <style>  </style> </head> 134

136 <body> <h2> 商品一覧 </h2> <table> <tr> <th> 商品番号 </th> <th> 商品名 </th> <th> 単価 </th> <th> 買う </th> </tr> <form aciton="" method="post"> <tr> <td>a001</td> <td> 東京タワー </td> <td class="num">300</td> <td> <input type="hidden" name="id" value="a001" > <input type="submit" value=" 買う "> </td> </tr> </form> <form aciton="" method="post"> <tr> <td>a002</td> <td> ピサの斜塔 </td> <td class="num">300</td> <td> <input type="hidden" name="id" value="a002" > <input type="submit" value=" 買う "> </td> </tr> </form> <form aciton="" method="post"> <tr> <td>a003</td> <td> スカイツリー </td> <td class="num">500</td> 135

137 <td> <input type="hidden" name="id" value="a003" > <input type="submit" value=" 買う "> </td> </tr> </form> <form aciton="" method="post"> <tr> <td>a004</td> <td> 国会議事堂 </td> <td class="num">250</td> <td> <input type="hidden" name="id" value="a004" > <input type="submit" value=" 買う "> </td> </tr> </form> </table> </body> </html> データ部分を配列で書くためには 1 件分のBeanとそれを束ねるBeanが必要です 136

138 Bean package shopdata; public class Product { private String id; // 商品番号 private String name; // 商品名 private int price; // 単価 // コンストラクタ public Product(String id, String name, int price) { this.id = id; this.name = name; this.price = price; public Product() { // セッタゲッタ public String getid() { return id; << 略 >> 束ねる Bean package shopdata; import java.util.hashmap; import java.util.map; public class ProductList { private Map<String, Product> list; // コンストラクタ public ProductList() { 137

139 list = new HashMap<String, Product>(); // セッタゲッタ public Map<String, Product> getlist() { return list; public void setlist(map<string, Product> list) { this.list = list; // データを追加 public void add(product p){ list.put(p.getid(), p); これを使って JSP で表示をします Map から 1 ずつデータを取り出した場合 key と value の組が出るのでこれを扱うには以下のように書きます <c:foreach var = "p" items="${productlist.list "> <c:out value="${p.key " /> keyの取り出し <c:out value="${p.value.name " /> valueのうちの1つ </c:foreach> 取り出される順はバラバラになってしまうので順番はメチャメチャになります 138

140 商品リストは最初の1 回だけ作成すればよいサーブレット /* * 商品データを作成する */ import java.io.ioexception; import java.io.printwriter; import javax.servlet.servletcontext; import javax.servlet.servletexception; import javax.servlet.http.httpservlet; import javax.servlet.http.httpservletrequest; import javax.servlet.http.httpservletresponse; import shopdata.product; import shopdata.productlist; public class Lineup extends HttpServlet { // 最初の1 回だけ呼ばれる public void init() throws ServletException { ProductList list = new ProductList(); list.add(new Product("A001", " 東京タワー ", 300)); list.add(new Product("A002", " ピサの斜塔 ", 300)); list.add(new Product("A003", " スカイツリー ", 500)); list.add(new Product("A004", " 国会議事堂 ", 250)); ServletContext application = this.getservletcontext(); application.setattribute("productlist", list); public void doget(httpservletrequest request, HttpServletResponse response) throws ServletException, IOException { //GET の処理は何もなくすぐ JSP を呼ぶ 139

141 this.getservletcontext().getrequestdispatcher("/lineuplist.jsp"). forward(request, response); page language="java" import="java.lang.*,java.util.*" contenttype="text/html; charset=utf-8" %> taglib prefix="c" uri=" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title> 商品一覧 </title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <style>  </style> </head> <body> <jsp:usebean id="productlist" class = "shopdata.productlist" scope = "application" /> <h2> 商品一覧 </h2> <table> <tr> <th> 商品番号 </th> 140

142 <th> 商品名 </th> <th> 単価 </th> <th> 買う </th> </tr> <c:foreach var = "p" items="${productlist.list "> <form action="buy" method="post"> <tr> <td><c:out value="${p.key " /></td> <td><c:out value="${p.value.name " /></td> <td class="num"><c:out value="${p.value.price " /></td> <td> <input type="hidden" name="id" value="<c:out value="${p.key " />" > <input type="submit" value=" 買う "> </td> </tr> </form> </c:foreach> </table> </body> </html> 右クリック - ソースの表示画面上で右クリックして HTML のソースを表示してみてください 141

143 ソースの一部 <form action="buy" method="post"> <tr> <td>a002</td> 一致 <td> ピサの斜塔 </td> <td class="num">300</td> <td> <input type="hidden" name="id" value="a002" > <input type="submit" value=" 買う "> </td> </tr> </form> <form action="buy" method="post"> <tr> <td>a001</td> 一致 <td> 東京タワー </td> <td class="num">300</td> <td> <input type="hidden" name="id" value="a001" > <input type="submit" value=" 買う "> </td> </tr> </form> 2 か所の商品番号が一致していることを確認買うボタンが押されたら hidden で指定された値 ( 商品番号 ) を引いて POST メソッドが発行されるまず何を買ったのかを表示する A003 が買われたとき 142

A001 が買われたとき /* * 商品を買ったとき */ import java.io.ioexception; import java.io.printwriter; import javax.servlet.servletexception; import javax.servlet.http.httpservlet; import javax.servlet.http.httpservletrequest; import javax.

144 A001 が買われたとき /* * 商品を買ったとき */ 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 Buy extends HttpServlet { public void dopost(httpservletrequest request, HttpServletResponse response) throws ServletException, IOException { String id = request.getparameter("id"); response.setcontenttype("text/html"); PrintWriter out = response.getwriter(); out.println("<!doctype HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN ">"); out.println("<html>"); out.println(" <head>"); out.println(" <title>a Servlet in POST</title>"); out.println(" </head>"); out.println(" <body>"); out.println("id=" + id); out.println(" </body>"); out.println("</html>"); out.flush(); out.close(); これをセッションに積み全部表示するまず商品番号だけ 143

145 商品番号をためるBean /* * 買ったものを入れる */ package shopdata; import java.util.arraylist; import java.util.list; public class Cart { private List<String> cartlist; // 購入した商品の商品番号 // コンストラクタ public Cart() { cartlist = new ArrayList<String>(); // セッタゲッタ public List<String> getcartlist() { return cartlist; public void setcartlist(list<string> cartlist) { this.cartlist = cartlist; 144

146 // 購入商品を追加 public void add(string id){ サーブレット cartlist.add(id); /* * 商品を買ったとき */ 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; import javax.servlet.http.httpsession; import shopdata.cart; public class Buy extends HttpServlet { public void dopost(httpservletrequest request, HttpServletResponse response) throws ServletException, IOException { String id = request.getparameter("id"); // 購入した商品番号を取得 HttpSession session = request.getsession(); // セッションから Cart cart = (Cart) session.getattribute("cart"); // 買い物かごを取り出す if (cart == null){ // 初めてのときは cart = new Cart(); // かごを作成 cart.add(id); // 今買った商品をかごに入れる session.setattribute("cart", cart); // セッションに載せる this.getservletcontext().getrequestdispatcher("/kago.jsp"). forward(request, response); 145

147 page language="java" import="java.lang.*,java.util.*" contenttype="text/html; charset=utf-8" %> taglib prefix="c" uri=" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title> かご </title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <style>  </style> </head> <body> <jsp:usebean id="cart" class="shopdata.cart" scope="session" /> <h3> お客様のかごの内容は以下のとおりです </h3> <table> <tr> <th> 商品番号 </th> </tr> <c:foreach var="id" items="${cart.cartlist "> <tr> <td><c:out value="${id " /></td> </tr> </c:foreach> </table> <a href="lineup"> 買い物を続ける </a> <a href="sessionout"> 清算する </a> </body> </html> 146

148 清算するときはセッションを切ってかごを空っぽにします /* * セッションを切る */ 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; import javax.servlet.http.httpsession; public class SessionOut extends HttpServlet { public void doget(httpservletrequest request, HttpServletResponse response) throws ServletException, IOException { // 本当はここで清算処理を行う // 金額を計算するとか支払方法と配送先を確認すると j か履歴をデータベースにとるとか HttpSession session = request.getsession(); session.invalidate(); // セッションを切る response.setcontenttype("text/html;charset=utf-8"); PrintWriter out = response.getwriter(); out.println("<!doctype HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN ">"); out.println("<html>"); out.println(" <head>"); out.println(" <title>a Servlet in GET</title>"); out.println(" </head>"); out.println(" <body>"); out.println(" お買い上げありがとうございました "); out.println(" </body>"); out.println("</html>"); out.flush(); out.close(); 147

149 かご画面に商品名と金額も表示してみましょう Cart クラスのリストの要素を商品番号だけでなく Product クラスにする Buy サーブレットで合計金額も求めて Cart クラスに入れておく Cart.java /* * 買ったものを入れる */ package shopdata; import java.util.arraylist; import java.util.list; public class Cart { private List<Product> cartlist; // 購入した商品の商品番号 private int total; // 合計金額 // コンストラクタ public Cart() { cartlist = new ArrayList<Product>(); // セッタゲッタ public List<Product> getcartlist() { return cartlist; public void setcartlist(list<product> cartlist) { this.cartlist = cartlist; 148

150 public int gettotal() { return total; public void settotal(int total) { this.total = total; // 購入商品を追加 public void add(product p){ cartlist.add(p); System.out.println(" 商品番号 =" + p.getid() + " 商品名 =" + p.getname()); // 合計の計算 public void calctotal(){ total = 0; for(product p : cartlist){ total += p.getprice(); Buy.java /* * 商品を買ったとき */ import java.io.ioexception; import java.io.printwriter; import javax.servlet.servletcontext; import javax.servlet.servletexception; import javax.servlet.http.httpservlet; import javax.servlet.http.httpservletrequest; import javax.servlet.http.httpservletresponse; import javax.servlet.http.httpsession; import shopdata.cart; import shopdata.product; import shopdata.productlist; 149

151 public class Buy extends HttpServlet { public void dopost(httpservletrequest request, HttpServletResponse response) throws ServletException, IOException { String id = request.getparameter("id"); // 購入した商品番号を取得 HttpSession session = request.getsession(); // セッションから Cart cart = (Cart) session.getattribute("cart"); // 買い物かごを取り出す if (cart == null){ // 初めてのときは cart = new Cart(); // かごを作成 ServletContext application = this.getservletcontext(); ProductList list = (ProductList) application.getattribute("productlist"); cart.add(list.getproduct(id)); // 今買った商品情報をかごに入れる // 合計金額を求める cart.calctotal(); session.setattribute("cart", cart); // セッションに載せる this.getservletcontext().getrequestdispatcher("/kago.jsp"). forward(request, respon kago.jsp <%@ page language="java" import="java.lang.*,java.util.*" contenttype="text/html; charset=utf-8" %> <%@ taglib prefix="c" uri=" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title> かご </title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <style> 150

152  </style> </head> <body> <jsp:usebean id="cart" class="shopdata.cart" scope="session" /> <h3> お客様のかごの内容は以下のとおりです </h3> <table> <tr> <th> 商品番号 </th> <th> 商品名 </th> <th> 金額 </th> </tr> <c:foreach var="product" items="${cart.cartlist "> <tr> <td><c:out value="${product.id " /></td> <td><c:out value="${product.name " /></td> <td class="num"><c:out value="${product.price " /></td> </tr> </c:foreach> <tr> <td colspan="2" class="num"> 合計金額 </td> <td class="num"><c:out value="${cart.total " /></td> </tr> </table> <a href="lineup"> 買い物を続ける </a> <a href="sessionout"> 清算する </a> </body> </html> 151

次の目標かごから削除して買うのをやめる個数を指定できるようにする個数を変更できるようにする削除ボタンと一緒に何行目を消したいかをhiddenで送信する方法もあります右クリック-ソース <form action="deletecart" method="post" >

153 次の目標かごから削除して買うのをやめる個数を指定できるようにする個数を変更できるようにする削除ボタンと一緒に何行目を消したいかをhiddenで送信する方法もあります右クリック-ソース <form action="deletecart" method="post" > <tr> <td>a004</td> <td> 国会議事堂 </td> <td class="num">250 </td> <td><input type="submit" value=" 削除 " > <input type="hidden" name="i" value="0" > 152

154 </tr> </form> <form action="deletecart" method="post" > <tr> <td>a001</td> <td> 東京タワー </td> <td class="num">300 </td> <td><input type="submit" value=" 削除 " > <input type="hidden" name="i" value="1" > </tr> </form> kago.jsp page language="java" import="java.lang.*,java.util.*" contenttype="text/html; charset=utf-8" %> taglib prefix="c" uri=" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title> かご </title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <style> <!-- table{ border-collapse:collapse; td,th{ padding:5px; border-style:solid; border-color:#0033ff; border-width:1px;.num{ text-align:right; 153

155 --> </style> </head> <body> <jsp:usebean id="cart" class="shopdata.cart" scope="session" /> <h3> お客様のかごの内容は以下のとおりです </h3> <table> <tr> <th> 商品番号 </th> <th> 商品名 </th> <th> 金額 </th> <th> 削除 </th> </tr> <c:set var="i" value="0" /> <c:foreach var="product" items="${cart.cartlist "> <form action="deletecart" method="post" > <tr> <td><c:out value="${product.id " /></td> <td><c:out value="${product.name " /></td> <td class="num"><c:out value="${product.price " /></td> <td><input type="submit" value=" 削除 " > <input type="hidden" name="i" value="<c:out value="${i" />" > </tr> </form> <c:set var="i" value="${i+1"/> </c:foreach> <tr> <td colspan="2" class="num"> 合計金額 </td> <td class="num"><c:out value="${cart.total " /></td> <td></td> </tr> </table> <a href="lineup"> 買い物を続ける </a> <a href="sessionout"> 清算する </a> </body> </html> i を受け取った削除用のサーブレットは該当の情報を cartlist から削除して kago.jsp に引き渡します 154

156 DeleteCart.java 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; import javax.servlet.http.httpsession; import shopdata.cart; public class DeleteCart extends HttpServlet { public void dopost(httpservletrequest request, HttpServletResponse response) throws ServletException, IOException { int i = Integer.parseInt(request.getParameter("i")); // 削除する番号 HttpSession session = request.getsession(); // セッションから Cart cart = (Cart) session.getattribute("cart"); // 買い物かごを取り出す // 削除 cart.delete(i); // 合計金額を求める cart.calctotal(); session.setattribute("cart", cart); // セッションに載せる this.getservletcontext().getrequestdispatcher("/kago.jsp"). forward(request, response); 155

商品を複数個選ぶことができるようにするには個数を 1 から 5 までリストボックスで選べるようにしてみましょう右クリックしてソースを表示すると以下のようになっています ( 以下はソースの一部 ) <form action="buy" method="post"> <tr> <td>a002</td> <td> ピサの斜塔 </td> <td class="num">300</td>

157 商品を複数個選ぶことができるようにするには個数を 1 から 5 までリストボックスで選べるようにしてみましょう右クリックしてソースを表示すると以下のようになっています ( 以下はソースの一部 ) <form action="buy" method="post"> <tr> <td>a002</td> <td> ピサの斜塔 </td> <td class="num">300</td> <td><select name="kosu"> <option value=1 selected>1</option> <option value=2 >2</option> <option value=3 >3</option> <option value=4 >4</option> <option value=5 >5</option> </select> </td> <td> <input type="hidden" name="id" value="a002" > <input type="submit" value=" 買う "> </td> </tr> </form> 156

すべて見る

メディプロ1 Javaサーブレット補足資料.ppt

メディプロ1 Javaサーブレット補足資料.ppt メディアプロジェクト演習 1 Java サーブレット補足資料 CGI の基本 CGI と Java サーブレットの違い Java サーブレットの基本インタラクティブな Web サイトとは Interactive q 対話または双方向 q クライアントとシステムが画面を通して対話を行う形式で操作を行っていく仕組み利用用途 Web サイト, シミュレーションシステム, ゲームなど WWW = インタラクティブなメディア