Microsoft PowerPoint - Lecture_3

Size: px

Start display at page:

Download "Microsoft PowerPoint - Lecture_3"

もりよりかたいわ
7 years ago
Views:

1 プログラミング III 第 3 回 : サーブレットリクエスト & サーブレットレスポンス処理入門 Ivan Tanev

2 講義の構造 1. サーブレットの構造 2. サーブレットリクエストサーブレットレスポンスとは 3. 演習 2

Lecture2_Form.htm 第 2 回のまとめ Web サーバ Web 1 フォーム static 2 Internet サーブレ4 HTML 5 ットテキスト dynamic サーブレットコンテナ 3 Web クライアント HTML テキスト HTML テキスト HelloFromServlet.

3 Lecture2_Form.htm 第 2 回のまとめ Web サーバ Web 1 フォーム static 2 Internet サーブレ4 HTML 5 ットテキスト dynamic サーブレットコンテナ 3 Web クライアント HTML テキスト HTML テキスト HelloFromServlet.class <HTML><HEAD> <TITLE>To All Students of Programming 3 at Doshisha University</TITLE> <META HTTP- EQUIV='Content-Type' Content='text/html; charset=shift_jis'></meta></head><bod Y BGCOLOR="#FFFFFF"> <CENTER> <H2>Congratulations, your first servlet is working!</h2> <H3>[ local time is <font color=blue>wed Apr 18 17:49:38 KST 2018</font> ]</H3> </CENTER></BODY></HTML> ユーザ 3

4 1. サーブレットの構造サーブレット HelloFromServlet 呼び出す前 (Lecture2_Form.htm の画面 ) サーブレット HelloFromServlet 呼び出す後 4

5 1. サーブレットの構造サーブレット HelloFromServlet の Java ソース import java.io.*; import javax.servlet.*; import javax.servlet.http.*; public class HelloFromServlet extends HttpServlet { public void service (HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // set content type and other response header fields first response.setcontenttype("text/html"); // get the communication channel with the requesting client PrintWriter out = response.getwriter(); } } // write the data out.println("<html>" + "<HEAD>" + " <TITLE>To All Students of Programming 3 at Doshisha University</TITLE>" + " <META HTTP-EQUIV='Content-Type' Content='text/html; charset=shift_jis'></meta>" + "</HEAD>" + "<BODY BGCOLOR=\"#FFFFFF\">" + " <CENTER>" + " <H2>Congratulations, your first servlet is working!</h2>" + " <H3>[ local time is <font color=blue>" + new java.util.date() + "</font> ]</H3>" + " </CENTER>" + "</BODY>" + "</HTML>"); 5

6 1. サーブレットの構造サーブレット HelloFromServlet の Java ソース import java.io.*; import javax.servlet.*; import javax.servlet.http.*; public class HelloFromServlet extends HttpServlet { Package (classes and interfaces) Abstract class of package javax.servlet.http Default implementation of servlet methods Method overridden } public void service (HttpServletRequest request, { } HttpServletResponse response) throws ServletException, IOException // set content type and other response header fields first response.setcontenttype("text/html"); // get the communication channel with the requesting client PrintWriter out = response.getwriter(); Request object Request interface Response object Response interface Method of response object // write the data out.println("<html>" + "<HEAD>" + " <TITLE>To All Students of Programming 3 at Doshisha University</TITLE>" + " <META HTTP-EQUIV='Content-Type' Content='text/html; charset=shift_jis'></meta>" + "</HEAD>" + "<BODY BGCOLOR=\"#FFFFFF\">" + " <CENTER>" + " <H2>Congratulations, your first servlet is working!</h2>" + " <H3>[ local time is <font color=blue>" + new java.util.date() + "</font> ]</H3>" + " </CENTER>" + "</BODY>" + "</HTML>"); Character-based output stream Method of output stream 6

Web サーバ Request object Lecture2_Form.htm 2.

コンテナ 3 Web クライアント HTML テキスト out.println() の実行結果 Response object HelloFromServlet.

HTTP- EQUIV='Content-Type' Content='text/html; charset=shift_jis'></meta></head><bod Y

7 Web サーバ Request object Lecture2_Form.htm 2. サーブレットリクエストサーブレットレスポンスとは Web 1 フォーム static 2 Internet サーブレ4 HTML 5 ットテキスト HTML dynamic テキストサーブレットコンテナ 3 Web クライアント HTML テキスト out.println() の実行結果 Response object HelloFromServlet.class <HTML><HEAD> <TITLE>To All Students of Programming 3 at Doshisha University</TITLE> <META HTTP- EQUIV='Content-Type' Content='text/html; charset=shift_jis'></meta></head><bod Y BGCOLOR="#FFFFFF"> <CENTER> <H2>Congratulations, your first servlet is working!</h2> <H3>[ local time is <font color=blue>wed Apr 18 17:49:38 KST 2018</font> ]</H3> </CENTER></BODY></HTML> ユーザ 7

8 Web サーバ Request object Web フォーム static 2. サーブレットリクエストサーブレットレスポンス Lecture2_Form.htm Internet サ3 ーブレHTML ットテキスト dynamic サーブレットコンテナ Web クライアント HTML テキスト HTML テキスト Response object HelloFromServlet.class Request object Input Data: サーバ状態のデータクライアント状態データユーザー入力ユーザ 8

9 3. サーブレットリクエストサーブレットレスポンスの演習 A.Web フォームの開発 (Notepad) B.WebフォームをWebサーバにUpload (FTP Client) C.Servletの開発 (Notepad) D.ServletをWebサーバにUpload (FTP Client) E.Servletをコンパイル (CompileServlet.jsp via Web Browser) F.WebフォームへAccess (Web Browser) 9

10 3. 演習 A.Web フォームの開発テキストドキュメントの作成

11 A. Web フォームを開発テキストドキュメントに下記の内容を入力 : Servlet を呼び出す Lecture3_Servlet_XXXXXXXX: XXXXXXXX = 学籍番号例 : Lecture3_Servlet_

$E:\Temp\Lecture3_Form1.$

12 A. Web フォームを開発テキストドキュメントを保存する : E:\Temp\Lecture3_Form1.html

13 B. Web フォームを Upload する 1) FTP Client (FFFTP) を実行する 2) ホストに接続する FTP クライアント設定 : ホスト名 : isd-si.doshisha.ac.jp ユーザ名 : guest パスワード : guest 13

14 B. Web フォームを Upload する 3) 自分のフォルダーを選択してから Upload する 14

$C. Servlet を開発する 1) Notepad で下記の Servlet を入力する 2) Servlet は E:\Temp\Lecture3_Servlet_XXXXXXXX.$

15 C. Servlet を開発する 1) Notepad で下記の Servlet を入力する 2) Servlet は E:\Temp\Lecture3_Servlet_XXXXXXXX.java に保存する注意 1: XXXXXXXX = 学籍番号, 例 : Lecture3_Servlet_ 注意 2: class 名 =ファイル名 (.java) 例 : class 名 : Lecture3_Servlet_ ファイル名 : Lecture3_Servlet_ java 15

16 D.Servlet Lecture3_Servlet_XXXXXXXX.java を Web Server に Upload する 1) FFFTPを実行する. 2) ホストに接続 : ホスト名 : isd-si.doshisha.ac.jp ユーザ名 : servlets パスワード : servlets 注意 : Servlet を Upload するためにユーザ名 : servlets パスワード : servlets です Web Form を Upload 時にユーザ名 : guest パスワード : guest でした 16

17 D.Servlet Lecture3_Servlet_XXXXXXXX.java を Web Server に Upload する 3) Upload Lecture3_Servlet_XXXXXXXX.java XXXXXXXX = 学籍番号 17

18 E.Servlet Lecture3_Servlet_XXXXXXXX.java をコンパイル (Compile) する 1) Web Browser: 2) Compile_Servlet.jsp に Access する :

19 E.Servlet Lecture3_Servlet_XXXXXXXX.java をコンパイルする Compile_Servlet.jsp <% String SName = request.getparameter("sname_"), InfoStr="", cmd[]=new String[2]; cmd[0]="javac"; cmd[1]="c:/oracle/ora92/apache/jserv/servlets/"+sname; if ((SName!=null) && (SName.length()>0 )) { try { Runtime rt = Runtime.getRuntime(); out.println("executing <B>'" + cmd[0] + " " + cmd[1] +"'</B> remotely on isd-si.doshisha.ac.jp..."); Process proc = rt.exec(cmd); 4 %> <FORM METHOD="POST" ACTION="Compile_Servlet.jsp"> Servlet name (e.g., HelloWorld.java): <INPUT STYLE="font-size:9.0pt;font-family:Verdana; width:300px" TYPE="text" NAME="SName_" VALUE = ""> <INPUT TYPE = submit VALUE = "Compile"> </FORM> 19

20 E.Servlet Lecture3_Servlet_XXXXXXXX.java をコンパイルする 3) Servlet のネームを入力する. 4) Compile ボタンを押す. 5) コンパイル結果を確認する

21 E.Servlet Lecture3_Servlet_XXXXXXXX.java をコンパイルするコンパイル結果 : エラーの例 ( エラーメッセージは赤で表示されています ): 21

22 E.Servlet をコンパイルする 3) Servlet はコンパイルが出来ましたか? FFFTP Client で Lecture3_Servlet_XXXXXXXX.class ファイルを確認する : Lecture3_Servlet_XXXXXXXX.class? 22

F.Web フォームへ Access Internet Explorer のアドレスバー : http://isd-si.doshisha.ac.

23 F.Web フォームへ Access Internet Explorer のアドレスバー : XXXXXXXX は学籍番号です例 : 等サーブレット Lecture3_Servlet_XXXXXXXX 呼び出前サーブレット Lecture3_Servlet_XXXXXXXX 呼び出後 23

24 課題 Lecture3_Form1.htmlの開発 Lecture3_Servlet_XXXXXXXX.javaを開発 Lecture3_Servlet_XXXXXXXX.classにコンパイル Lecture3_Form1.htmlのアクセス結果 : の締め切りは 5 月 10 日 ( 木曜日 ) 24

Microsoft PowerPoint - Lecture_2

Microsoft PowerPoint - Lecture_2 プログラミング Java III 第 2 回 :WebForm およびサーブレット入門 Ivan Tanev 講義の構造 1. ダイナミックWebコンテンツとサーブレット 2.Webフォーム 3. 演習 2 1. ダイナミック Web コンテンツとサーブレット 3 1. ダイナミック Web コンテンツとサーブレット Internet Response: HTML テキストユーザー 4 1. ダイナミック