ユーザー入力およびユーザーに出力処理入門. Ivan Tanev

Size: px

Start display at page:

Download "ユーザー入力およびユーザーに出力処理入門. Ivan Tanev"

Dylan Berry
5 years ago
Views:

1 プログラミング III 第 5 回 :JSP 入門. ユーザー入力およびユーザーに出力処理入門 Ivan Tanev

2 講義の構造 1.JSP 入門 2. ユーザー入力およびユーザーに出力処理入門 3. 演習 2

3 Lecture3_Form.htm 第 3 回のまとめ Web サーバ Web 1 フォーム static 2 Internet サ3 ーブレ4 HTML 5 ットテキスト dynamic サーブレットコンテナ Web クライアント HTML テキスト HTML テキスト Lecture3_Servlet_XXXXXXXX.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> <Hello, your first servlet is working!</h2> <H3>[ local time is <font color=blue>wed May 10 17:00:18 KST 2017</font> ]</H3> </CENTER></BODY></HTML> ユーザー 3

4 第 3 回のまとめサーブレット HelloFromServlet 呼び出す前サーブレット HelloFromServlet 呼び出す後 4

5 第 3 回のまとめサーブレット 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 第 3 回のまとめサーブレット 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(); スタチックな WWW コンテンツ (HTML Tags, etc.) } } // 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>"); ダイナミックな WWW コンテンツスタチックな WWW コンテンツ (HTML Tags, etc.) 6

7 Web サーバサーブレットコンテナ JSP ページスクリプトを実行する Page.jsp スタチックな WWW コンテンツおよびダイナミックな WWW コンテンツのスクリプト JSP とは Lecture_5_page_XXXX.jsp <HTML> <HEAD> <TITLE> Programming Java 3, Lecture 5, ID=XXXX </TITLE> page contenttype= "text/html; charset=shift_jis" %> </HEAD> <BODY> include file = "logo.htm" %> <BR> <% String UserInputStr = request.getparameter("inbox_1"); if (UserInputStr!= null) { スタチックな WWW コンテンツ (HTML Tags, etc.) ダイナミックな WWW コンテンツ UserInputStr = new String(UserInputStr.getBytes("ISO "), "SHIFT_JIS"); out.println("output to the user using <B>out.println</B>:<BR>"); out.println("the [out] variable is a Java [PrintWriter]<BR><BR>"); out.println("request.getmethod(): "+ request.getmethod()); out.println("<br> request.getservername(): "+ request.getservername()); out.println("<br> user input: "+ UserInputStr); %> <BR><BR> Output to the user using <B>JSP Expression:</B><BR><BR> request.getmethod() by <B>JSP Expression</B> <%= request.getmethod() %> <BR> request.getservername() by <B>JSP Expression</B> <%= request.getservername() %> <BR>user input : <%= UserInputStr %> <% } %> <BR> <FORM METHOD="GET" ACTION="Lecture_5_page_XXXX.jsp" > <INPUT NAME="InBox_1"> <INPUT TYPE = "submit" VALUE="Submit User Input"/> </FORM> </BODY></HTML> 7

Web サーバ JSP とは Request Web クライアントサーブレットコンテナ JSP ページ 4 Internet 1 2 3 スクリプトを実行する Response HTML テキスト

8 Web サーバ JSP とは Request Web クライアントサーブレットコンテナ JSP ページ 4 Internet スクリプトを実行する Response HTML テキスト Page.jsp スタチックな WWW コンテンツおよびダイナミックな WWW コンテンツのスクリプトスタチックな WWW コンテンツおよびダイナミックな WWW コンテンツのスクリプトの実行結果ユーザー 8

9 JSP の実現方法 Web サーバ自動的 Automatically! サーブレットコンテナ JSP ページページ名.jsp 1. スクリプトをコンパイルする a) ページ名.jsp -> ページ名.java b) ページ名.java -> ページ名.class 2. ページ名.class を実行する 9

10 JSP の実現方法.java and.class Files Lecture_5_page_XXXX.jsp Web サーバサーブレットコンテナ JSP ページページ名.jsp.java and.class files are stored in system folder _pages/ 1. スクリプトをコンパイルする a) ページ名.jsp -> ページ名.java b) ページ名.java -> ページ名.class 2. ページ名.class を実行する 10

JSP の実現方法.java and.class Files Lecture_5_page_XXXX.jsp package _teaching._programming 3 2014._1g131000; import oracle.jsp.runtime.*; import javax.servlet.*; import javax.servlet.http.*; import javax.servlet.jsp.*; import java.io.

11 JSP の実現方法.java and.class Files Lecture_5_page_XXXX.jsp package _teaching._programming _1g131000; import oracle.jsp.runtime.*; import javax.servlet.*; import javax.servlet.http.*; import javax.servlet.jsp.*; import java.io.*; import java.util.*; import java.lang.reflect.*; import java.beans.*; public class _Lecture 5 page XXXX extends oracle.jsp.runtime.httpjsp { public final String _globalsclassname = null; // ** Begin Declarations // ** End Declarations public void _jspservice(httpservletrequest request, HttpServletResponse response) throws IOExcepti ServletException { response.setcontenttype( "text/html; charset=shift_jis"); /* set up the intrinsic variables using the pagecontext goober: ** session = HttpSession ** application = ServletContext ** out = JspWriter ** page = this ** config = ServletConfig ** all session/app beans declared in globals.jsa */ JspFactory factory = JspFactory.getDefaultFactory(); PageContext pagecontext = factory.getpagecontext( this, request, response, null, true, JspWriter.DEFAULT_BUFFER, true); // Note: this is not emitted if the session directive == false HttpSession session = pagecontext.getsession(); if (pagecontext.getattribute(oraclejspruntime.jsp_request_redirected, P C t t REQUEST SCOPE)! ll) { 11

12 Web サーバサーブレットコンテナ JSP ページスクリプトを実行する Page.jsp スタチックな WWW コンテンツおよびダイナミックな WWW コンテンツのスクリプト JSPとは Lecture_5_page_XXXX.jsp <HTML> <HEAD> <TITLE> Programming Java 3, Lecture 5, ID=XXXX </TITLE> page contenttype= "text/html; charset=shift_jis" %> </HEAD> <BODY> include file = "logo.htm" %> <BR> <% String UserInputStr = request.getparameter("inbox_1"); if (UserInputStr!= null) { UserInputStr = new String(UserInputStr.getBytes("ISO "), "SHIFT_JIS"); out.println("output to the user using <B>out.println</B>:<BR>"); out.println("the [out] variable is a Java [PrintWriter]<BR><BR>"); out.println("request.getmethod(): "+ request.getmethod()); out.println("<br> request.getservername(): "+ request.getservername()); out.println("<br> user input: "+ UserInputStr); %> <BR><BR> Output to the user using <B>JSP Expression:</B><BR><BR> request.getmethod() by <B>JSP Expression</B> <%= request.getmethod() %> <BR> request.getservername() by <B>JSP Expression</B> <%= request.getservername() %> <BR>user input : <%= UserInputStr %> <% } %> <BR> <FORM METHOD="GET" ACTION="Lecture_5_page_XXXX.jsp" > <INPUT NAME="InBox_1"> <INPUT TYPE = "submit" VALUE="Submit User Input"/> </FORM> </BODY></HTML> 12

13 Web サーバ JSP とはサーバサイドスクリプト保存されている所 Web Server 実行されている所 Web Server 実行の結果を表示されている所 Web Browser (Client) Web クライアントサーブレットコンテナ JSP ページ 4 Internet スクリプトを実行するサーバサイドスクリプトコンテンツはサーバのダイナミックな状態が関係ある時 ( 時間ページアクセスカウンター等 ) コンテンツはデータベースのダイナミックな状態が関係ある時 ( 時間ページアクセスカウンター等コンテンツはユーザーインプットのダイナミックな状態が関係ある時 HTML テキストスタチックなWWWコンテンツおよびダイナミックなWWWコンテンツのスクリプトの実行結果ユーザー 13

14 ユーザー入力およびユーザーに出力処理 Web サーバ Web クライアントサーブレットコンテナ JSP ページスクリプトを実行する Internet 1 HTML テキスト A) ユーザー入力処理 (Processing User s Input) B) ユーザー出力入力処理 Processing User s Output) スタチックな WWW コンテンツおよびダイナミックな WWW コンテンツのスクリプトの実行結果ユーザー 14

15 ユーザー入力およびユーザーに出力処理 A) ユーザー入力処理 Web サーバサーブレットコンテナ JSP ページスクリプトを実行する Method Defined In Job Performed getrequest javax.servlet.jsp.pagecontext Returns the current request object getparameternames javax.servlet.servletrequest Returns the names of the parameters request currently contains getparametervalues javax.servlet.servletrequest Returns the values of the parameters request currently contains getparameter javax.servlet.servletrequest Returns the value of a parameter if you provide the name B) ユーザー出力処理方法 1: JSP Expression 方法 2: out.println(stringvariable) <%= StringVariable %> out はサーブレットの PrintWriter です out.println はサーブレットの out.println です A) ユーザー入力処理 (Processing User s Input) B) ユーザー出力入力処理 Processing User s Output) 15

16 ユーザー入力およびユーザーに出力処理ユーザ入力 A) ユーザー入力処理 Lecture_5_page_XXXX.jsp ユーザー入力 : Request String ユーザ入力の処理の結果 16

$include file = "logo.htm" %> <BR> <% String UserInputStr = request.getparameter("inbox_1"); if (UserInputStr!= null) { ユーザー入力処理 : Request String の処理 UserInputStr = new String(UserInputStr.$ getBytes("ISO-8859-1"), "SHIFT_JIS"); out.println("output to the user using <B>out.println</B>:<BR>"); out.println("the [out] variable is a Java [PrintWriter]<BR><BR>"); out.println("request.

getBytes("ISO-8859-1"), "SHIFT_JIS"); out.println("output to the user using <B>out.println</B>:<BR>"); out.println("the [out] variable is a Java [PrintWriter]<BR><BR>"); out.println("request.

println("<br> user input: "+ UserInputStr); %> <BR><BR> Output to the user using <B>JSP Expression:</B><BR><BR> request.getmethod() by <B>JSP Expression</B> <%= request.getmethod() %> <BR> request.

17 4 ユーザー入力およびユーザーに出力処理 Request String サーバに送る A) ユーザー入力処理 <HTML> <HEAD> <TITLE> Programming Java 3, Lecture 5, ID=XXXX </TITLE> page contenttype= "text/html; charset=shift_jis" %> </HEAD> <BODY> include file = "logo.htm" %> <BR> <% String UserInputStr = request.getparameter("inbox_1"); if (UserInputStr!= null) { ユーザー入力処理 : Request String の処理 UserInputStr = new String(UserInputStr.getBytes("ISO "), "SHIFT_JIS"); out.println("output to the user using <B>out.println</B>:<BR>"); out.println("the [out] variable is a Java [PrintWriter]<BR><BR>"); out.println("request.getmethod(): "+ request.getmethod()); out.println("<br> request.getservername(): "+ request.getservername()); out.println("<br> user input: "+ UserInputStr); %> <BR><BR> Output to the user using <B>JSP Expression:</B><BR><BR> request.getmethod() by <B>JSP Expression</B> <%= request.getmethod() %> <BR> request.getservername() by <B>JSP Expression</B> <%= request.getservername() %> <BR>user input : <%= UserInputStr %> <% } %> <BR> <FORM METHOD="GET" ACTION="Lecture_5_page_XXXX.jsp" > <INPUT NAME="InBox_1"> <INPUT TYPE = "submit" VALUE="Submit User Input"/> </FORM> </BODY></HTML> 5 6 ユーザーにのオウットプット作成 7 Static HTML text( 処理なし )

18 ユーザー入力およびユーザーに出力処理 A) ユーザー入力処理 : Request の処理 Reference: 18

19 ユーザー入力およびユーザーに出力処理 A) Request の処理 Reference: 19

20 ユーザー入力およびユーザーに出力処理 B) ユーザー出力処理 <HTML> <HEAD> <TITLE> Programming Java 3, Lecture 5, ID=XXXX </TITLE> page contenttype= "text/html; charset=shift_jis" %> </HEAD> <BODY> include file = "logo.htm" %> <BR> <% String UserInputStr = request.getparameter("inbox_1"); if (UserInputStr!= null) { UserInputStr = new String(UserInputStr.getBytes("ISO "), "SHIFT_JIS"); out.println("output to the user using <B>out.println</B>:<BR>"); out.println("the [out] variable is a Java [PrintWriter]<BR><BR>"); out.println("request.getmethod(): "+ request.getmethod()); out.println("<br> request.getservername(): "+ request.getservername()); out.println("<br> user input: "+ UserInputStr); %> <BR><BR> Output to the user using <B>JSP Expression:</B><BR><BR> request.getmethod() by <B>JSP Expression</B> <%= request.getmethod() %> <BR> request.getservername() by <B>JSP Expression</B> <%= request.getservername() %> <BR>user input : <%= UserInputStr %> <% } %> <BR> <FORM METHOD="GET" ACTION="Lecture_5_page_XXXX.jsp" > <INPUT NAME="InBox_1"> <INPUT TYPE = "submit" VALUE="Submit User Input"/> </FORM> </BODY></HTML> out.println out はサーブレットの PrintWriter です out.println はサーブレットの out.println です JSP Expression: <%= UserInputStr %> 20

21 ユーザー入力およびユーザーに出力処理 B) ユーザー出力処理 Reference: 21

22 JSP Lecture_5_page_XXXX.jsp <HTML> <HEAD> <TITLE> Programming Java 3, Lecture 5, ID=XXXX </TITLE> page contenttype= "text/html; charset=shift_jis" %> </HEAD> <BODY> include file = "logo.htm" %> <BR> <% String UserInputStr = request.getparameter("inbox_1"); if (UserInputStr!= null) { UserInputStr = new String(UserInputStr.getBytes("ISO "), "SHIFT_JIS"); out.println("output to the user using <B>out.println</B>:<BR>"); import java.io.*; out.println("the [out] variable is a Java [PrintWriter]<BR><BR>"); import javax.servlet.*; out.println("request.getmethod(): "+ request.getmethod()); import javax.servlet.http.*; out.println("<br> request.getservername(): "+ request.getservername()); out.println("<br> user input: "+ UserInputStr); %> <BR><BR> Output to the user using <B>JSP Expression:</B><BR><BR> request.getmethod() by <B>JSP Expression</B> <%= request.getmethod() %> <BR> request.getservername() by <B>JSP Expression</B> <%= request.getservername() %> <BR>user input : <%= UserInputStr %> <% } %> <BR> <FORM METHOD="GET" ACTION="Lecture_5_page_XXXX.jsp" > <INPUT NAME="InBox_1"> <INPUT TYPE = "submit" VALUE="Submit User Input"/> </FORM> </BODY></HTML> Vs. Servlets JSP: A lot of Static HTML Little data processing Servlet: Little static HTML A lot of data processing public class Lecture4_Servlet_XXXX extends HttpServlet { public void service (HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setcontenttype("text/html"); Servlet Lecture4_Servlet_XXXX.java のソース //--- New : --- // Getting the form parameters: String FirstName = request.getparameter("form_firstname"); String Language = request.getparameter("form_language"); String Car = request.getparameter("form_cars"); String Lang = ""; if (request.getparameter("form_speakenglish")!=null) Lang="English"; if (request.getparameter("form_speakjapanese")!=null) Lang=Lang + " Japanese"; if (request.getparameter("form_speakfrench")!=null) Lang=Lang + " French"; // Getting the communication channel with the requesting client PrintWriter out = response.getwriter(); 22

23 演習 File Appendix_5.pdf Pages 4~8 23

2007/10/17 ソフトウェア基礎課題布広. /** * SOFT * AppletTest01.java * 文字表示 */

2007/10/17 ソフトウェア基礎課題布広. /** * SOFT * AppletTest01.java * 文字表示 */ 演習コメントを参考にしてを埋めてアプレットプログラムを実行させてみよ * SOFT 120 01 * AppletTest01.java * 文字表示 //java の applet 定義 // 文字絵を描くのに必要な Graphics を定義 public

ユーザー入力およびユーザーに 出力処理入門. Ivan Tanev

ユーザー入力およびユーザーに出力処理入門. Ivan Tanev