弊社の新人エンジニア研修向けのJSP Servletの問題集です。
１ 会員登録画面のプロトタイプを作成したい。
以下の表示になるようにソースコードのコメント欄①②を埋めなさい。
画面間のデータの受け渡しにはセッションを使うこと。
①最初の画面では会員IDの入力を求める。
②2番目の画面では会員IDを画面表示したうえでパスワードの入力を求める。その際、パスワードは4‐8桁とするがバリエーションは行わなくてもよい。
③最後に確認画面を表示。このときセキュリティを考慮してパスワードは最後の3文字だけ表示して残りの文字はマスクする。
④上記で記述した以外のことは各自で決めて構わない。
<ソースコード① startregistersample.html>
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>会員登録画面</title> </head> <body> <form action="IdRegisterServlet" method="post"> <p>会員IDを入れてください</p> <p><input type="text" name="membername" size="10" value=""></p> <input type="submit" value="会員ID設定"> </form> </body> </html> |
<ソースコード②>
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 |
package register; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import javax.servlet.http.HttpSession; @WebServlet("/IdRegisterServlet") public class IdRegisterServlet extends HttpServlet { @Override protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String memberId = request.getParameter("memberid"); //① PrintWriter out = response.getWriter(); out.println("<!DOCTYPE html>"); out.println("<html>"); out.println("<head>"); out.println("<meta charset=\"UTF-8\">"); out.println("<title>会員登録画面</title>"); out.println("</head>"); out.println("<body>"); out.println("会員ID：" + memberId); out.println("<br>"); out.println("<form action=\"PassRegisterServlet\" " + "method=\"post\">"); out.println(" <p>パスワードを入れてください(4-8桁)</p>"); out.println(" <p><input type=\"password\" name=\"Pass\" size=\"10\"\n" + " ></p>"); out.println("<input type=\"submit\" " + "value=\"パスワード設定へ\">"); out.println("</form>"); out.println("<br>"); out.println("<a href=\"startregistersample.html\">" + "会員入力に戻る</a>"); out.println("</body>"); out.println("</html>"); } } |
<ソースコード③>
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 |
package register; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import javax.servlet.http.HttpSession; @WebServlet("/PassRegisterServlet") public class PassRegisterServlet extends HttpServlet { @Override protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String memberName = ""; String pass1 = ""; //② PrintWriter out = response.getWriter(); out.println("<!DOCTYPE html>"); out.println("<html>"); out.println("<head>"); out.println("<meta charset=\"UTF-8\">"); out.println("<title>会員登録画面</title>"); out.println("</head>"); out.println("<body>"); out.println("<hr><p>会員IDとパスワードを確認してください</p>"); out.println("会員ID：" + memberName + "<br>"); out.println("パスワード：" + pass3 + "<br><br>"); out.println("<br>"); out.println("<a href=\"startregistersample.html\">" + "会員登録をやり直す</a>"); out.println("</body>"); out.println("</html>"); } } |
２ IDとパスワード以外も登録できるようにせよ
HTML5では様々なフォーム部品が用意されている。それらをここで使用してみること。
登録項目の例
- 誕生日（カレンダー入力）
- メールアドレス（メールアドレス）
- 好きな色（色）
以前やったHTML講座を参照
３．オリジナル問題作成
将来の後輩のために良い問題が出来たら教えてください。
