JSP 
JSPの簡単なメモ
簡単なサンプル
htmlなJSP
JSPといっても普通にHTMLそのまんまな記述が可能です。
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>さんぷる</title> </head> <body> こんにちは、世界 </body> </html>
テキストを出力する
１行の文の結果を出力する
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>さんぷる</title> </head> <body> <h1>こんにちは、世界</h1> <%=new java.util.GregorianCalendar().getTime() %> </body> </html>結果
こんにちは、世界
Sun May 03 16:51:15 JST 2009
スクリプトレット
複数のJavaの命令を実行します
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8" import="java.util.*,java.text.*"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>メイドっぽいサンプルページ</title>
</head>
<body>
<h1>おかえりなさいませ、ご主人様</h1>
<%
GregorianCalendar gc = new GregorianCalendar();
SimpleDateFormat sf = new SimpleDateFormat("ahh時 mm分");
String s = sf.format(gc.getTime());
out.println("ご主人様、ただいまの時間は" + s + "です。");
%>
</body>
</html>
結果おかえりなさいませ、ご主人様
ご主人様、ただいまの時間は午前09時 00分です。
フォームからのsubmit情報の取得
フォームからのsubmit情報の取得をやってみたいと思います。
質問ページ(Sample02.html)と回答ページ(Sample03.jsp)を作成しました。
質問ページ(Sample02.html)と回答ページ(Sample03.jsp)を作成しました。
Sample02.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>ギャルゲー風な名前の聞き方</title> </head> <body> <form action=Sample03.jsp method=POST> あなたのお名前は？<input type=text size=20 name=text1> <input type=submit value="送信" name=btn1> </form> </body> </html>
Sample03.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>朝のあいさつ</title>
</head>
<body>
<%
request.setCharacterEncoding("UTF-8");
String text1 = request.getParameter("text1");
%>
<h2>おはようございます。<%=text1 %>さん。今日もいい朝ですね</h2>
</body>
</html>
実行結果
フォームから複数の値をsubmit
質問ページ(Sample04.html)と回答ページ(Sample05.jsp)を作成しました。
Sample04.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>ほしうたの質問</title> </head> <body> <form nam=frm action=Sample05.jsp method=POST> <H3>好きなキャラは？</H3> <input type=checkbox name=chk value=0>黒田 結衣<br> <input type=checkbox name=chk value=1>周防 ななの<br> <input type=checkbox name=chk value=2>雨宮 くらら<br> <input type=checkbox name=chk value=3>木ノ下 翠<br> <input type=checkbox name=chk value=4>山吹 れんげ<br> <input type=submit value="送信"" name=btn> </form> </body> </html>
Sample05.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>お気に入りのキャラ</title>
</head>
<body>
<%
request.setCharacterEncoding("UTF-8");
try {
String[] ar1 = request.getParameterValues("chk");
String resStr = "";
for(int i=0;i<ar1.length;i++) {
if (ar1[i].equals("0")) resStr += "黒田 結衣<br>";
else if (ar1[i].equals("1")) resStr += "周防 ななの<br>";
else if (ar1[i].equals("2")) resStr += "雨宮 くらら<br>";
else if (ar1[i].equals("3")) resStr += "木ノ下 翠<br>";
else if (ar1[i].equals("4")) resStr += "山吹 れんげ<br>";
}
out.println("<h2>あなたのお気に入りのキャラ</h2>");
out.println("<br>" + resStr);
} catch(Exception ex) {
out.println("<h1>お気に入りのキャラはいないのですね・・・<br>残念です</h1>");
}
%>
</body>
</html>
実行結果
このページへのコメント
Sb4fkM I appreciate you sharing this blog.Much thanks again. Much obliged.