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

<!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>