Q&A
タイトルは簡潔に質問の要点を書きましょう。
タグで分かっているので開発言語をJavaと本文に記載する必要はありません。
現在開発している内容
お問い合わせフォームページの作成をしています。
よくある、入力フォームで入力されたものが指定のメールアドレス先へ送信されるものではなく、
入力フォームで入力された情報はDBに保管されるものを作成しています。
画面レイアウト例
※入力されている場合を例えとして表現しています。
入力画面
氏名 [サンプルのり子]
電話番号 [1454544414]
お問い合わせ内容
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サンプルです。サンプルです。
サンプルです。サンプルです。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[確認画面に進む]
確認画面
氏名 サンプルのり子 様
電話番号 1454544414
お問い合わせ内容
サンプルです。サンプルです。
サンプルです。サンプルです。
こちらの内容でよろしければ 送信へ
修正する場合は 戻るへ進んでください。
[送信] [戻る]
完了画面
お問い合わせありがとうございました。
戻るボタン押下時の入力画面
氏名 [サンプルのり子]
電話番号 [1454544414]
お問い合わせ内容
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[確認画面に進む]
実現したい内容
入力画面でユーザーが入力し、確認ボタンを押下し、確認ページで遷移し、
確認画面で入力した内容を確認できるように入力した情報を反映します。
ユーザーは確認後、[送信ボタン]を押下すればDBに入力情報が保存される仕組みとなっております。
ここまでは完成しておりますが、確認画面に[送信ボタン]の他に
戻るボタンを作成しました。
戻るをクリックすると前画面に画面が遷移されるようにjspを修正しました。
そこでです。上記の戻るボタン押下時の入力画面をご覧ください。
ユーザーが入力画面で入力した氏名と電話番号は前回入力したものを反映された状態（二度も同じように入力せずに済む機能）
を実現したいのですが、JSPまたはサーブレット側でどこを添削すればよいのかわかりません。
現在のソースコード
#####入力画面 input.jsp
jsp
1<!doctype html> 2<html> 3<head> 4<meta charset="utf-8"> 5<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 6<title>サンプル</title> 7</head> 8 9<body> 10<h1>お問い合わせ</h1> 11<h2>入力画面</h2> 12<div> 13 <p>変更する箇所を修正して、「確認」ボタンを押してください。</p> 14 <form action="<c:url value='/form/confirm' />" method="post"> 15 <table> 16 <tr> 17 <th>氏名</th> 18 <td><input name="name" type="text"></td> 19 </tr> 20 <tr> 21 <th>電話番号</th> 22 <td><input name="tel" type="text"></td> 23 </tr> 24 <tr> 25 <th>お問い合わせ内容</th> 26 <td><input name="contents" type="text"></td> 27 </tr> 28 <tr> 29 </table> 30 <input type="submit" value="確認画面に進む" class="button"> 31 </form> 32 33</div> 34</body> 35</html>
ConfirmServlet
java
1/* 2*入力画面で確認画面へ進むを押下したらの処理 3*/ 4@WebServlet("/form/confirm") 5public class EmployeeUpdateOpenServlet extends HttpServlet { 6 private static final long serialVersionUID = 1L; 7 8 public void doPost(HttpServletRequest req, HttpServletResponse res) 9 throws IOException, ServletException { 10 11 //入力値を取得する 12 String name = request.getParameter("name"); 13 String tel = request.getParameter("tel"); 14 String contents = request.getParameter("contents"); 15 16 //入力したものを保管して次画面で表示するようの画面情報保持クラスを 17 FlowBean flowBean = new FlowBean(); 18 19 //名前をセット 20 flowBean.setName(name); 21 22 //電話番号をセット 23 flowBean.setTel(tel); 24 25 //お問い合わせ内容をセット 26 flowBean.setContents(contents); 27 28 //セッションにセットする 29 session.setAttribute("FlowBean", flowBean); 30 31 //入力画面を表示する 32 request.getRequestDispatcher("/WEB-INF/form/confirm.jsp").forward(req, res); 33 } 34 35}
FlowBean
java
1/** 2 * 確認画面用 3 */ 4public class FlowBean { 5 private String name; 6 private String tel; 7 private String contents; 8 9 public String getName() { 10 return name; 11 } 12 13 public void setName(String name) { 14 this.name = name; 15 } 16 17 public String getTel() { 18 return tel; 19 } 20 21 public void setTel(String tel) { 22 this.tel = tel; 23 } 24 25 public String getContents() { 26 return contents; 27 } 28 29 public void setContents(String contents) { 30 this.contents = contents; 31 } 32}
confirm.jsp
jsp
1<!doctype html> 2<html> 3<head> 4<meta charset="utf-8"> 5<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 6<title>サンプル</title> 7 8</head> 9 10<body> 11<h1>お問い合わせ</h1> 12<h2>確認画面 </h2> 13<div> 14 <form action="<c:url value='/form/ok' />" method="post"> 15 <table> 16 <tr> 17 <th>氏名</th> 18 <td><c:out value='${FlowBean.name}' /></td> 19 </tr> 20 <tr> 21 <th>電話番号</th> 22 <td><c:out value='${FlowBean.tel}' /></td> 23 </tr> 24 <tr> 25 <th>お問い合わせ内容</th> 26 <td><c:out value='${FlowBean.contents}' /></td> 27 </tr> 28 </table> 29 <p>こちらの内容でよろしければ 送信へ <br> 修正する場合は 戻るへ進んでください。</p> 30 <div> 31 <input type="submit" value="送信" class="button-red"> 32 <a href="<c:url value='/form/input' />" class="button">戻る</a> 33 </div> 34 </form> 35</div> 36</body> 37</html>
修正いたしました
まだそんなに見れる状況じゃ無いので軽く調べただけですが
https://qiita.com/taqmi/questions/079d2474cef3a7044700
このqlitaの記事は質問者様とほぼ同じ事を実装しようとされているので参考になるかもしれません。
暫く経ちましたが結果どうなったのでしょうか。
回答1件
0
自己解決
jsp
1<button onclick="history.back()">戻る</button>
こちらのコードで解決しました。
投稿2021/03/23 09:38
総合スコア19
あなたの回答
tips
プレビュー
