質問編集履歴

質問の追記

2020/09/09 01:08

投稿

ysda

スコア65

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -150,17 +150,11 @@
 ```
-### 試したこと
+### 20200909追記
-hashが取れていないのではないかと考え、スクリプト内にconsole.log(hash)を追加し、「http://localhost:8080/ServletFinalWork/student.jsp#regist」を入力して変数が取得できるか試したところ、#registが出力されておりました。
+storm3様のご回答により、URL直打ちでのタブ切り替えはできたのですが、
-また、サーブレット内の遷移部分の記述に以下のように#registを追加してみた場合は、hashが空の状態で出力されました。
+ServletにてgetRequestDispatcherを使って#registを指定してもアンカー部が無視された状態になってしまいます。
 StudentEditServlet.java
@@ -170,204 +164,458 @@
 ```
+↓eclipseエラー
+![イメージ説明](95ffd53368800050673d84099a24c0f5.png)
-[こちらのサイト](https://techmemo.biz/javascript/tab-direct-link/)を参考に、別の方法で実装を試みました。
+[こちらのサイト](https://www.atmarkit.co.jp/bbs/phpBB/viewtopic.php?topic=32609&forum=12)を拝見したところ、Servletでこのようにハッシュを指定して画面遷移することは難しいように見受けられました。
+JavaScriptであればアンカー部指定の画面遷移が可能かと思いますが、内部処理自体はjavaで行っているため、
+「値渡し自体はJavaで行いつつ、画面遷移部分のみJavaScriptに任せる」ということは可能なのでしょうか。
+こちらの解決方法につきまして、ご教示いただけますと幸いです。
+StudentBeans.java
 ```ここに言語を入力
-<%@ page language="java" contentType="text/html; charset=UTF-8"
-	pageEncoding="UTF-8"%>
-<%@page import="java.sql.*"%>
-<!DOCTYPE html>
-<html>
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width,initial-scale=1">
-<link rel="stylesheet" href="css/style.css">
-<link rel="stylesheet"
-	href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
-<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
-<script
-	src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
-<script
-	src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
-<title>生徒管理</title>
-</head>
-<body>
-<script type="text/javascript">
-	$(function() {
-		  $('.tabs a[href^="#panel"]').click(function(){
-		    $('.tabs .panel').hide();
-		    $('.tabs a').removeClass('active');
-		    $(this).toggleClass('active');
-		    $(this.hash).fadeIn();
-		    return false;
-		  });
-		  $('.tabs a[href^="#panel"]:eq(0)').trigger('click');
-		});
-	$(function() {
-		  //URL取得とチェック
-		  var url = location.href;
-　　　　   console.log(url);//取得できている
-		  url = (url.match(/?id=tab\d+$/) || [])[0];
-          console.log(url);//取得できていない
-		  //取得したURLを「?」で分割
-		  var params = url.split("?");
-		  //params内のデータを「=」で分割
-		  var tab = params[1].split("=");
-		  //tab内のデータをtabnameに格納
-		  if($(tab).length){
-		    var tabname = tab[1];
-		  } else{
-		    var tabname = "tab1";
-		  }
-		  //コンテンツ非表示&amp;タブを非アクティブ
-		  $('.tabs .panel').hide();
-		  $('.tabs a').removeClass('active');
-		  //何番目のタブかを格納
-		  var tabno = $('.tabs li#' + tabname).index();
-		  //コンテンツ表示
-		  $('.tabs .panel').eq(tabno).fadeIn();
-		  //タブのアクティブ化
-		  $('.tabs a').eq(tabno).addClass('active');
-		});
-</script>
-	<div class="container">
-		<div id="tabs">
-			<ul class="nav nav-items">
-				<li id="tab1" class="nav-item"><a href="#panel1"  class="nav-link">生徒検索</a></li>
-				<li id="tab2" class="nav-item"><a href="#panel2"  class="nav-link">生徒登録</a></li>
-			</ul>
-		</div>
-				<div id="panel1" class="panel1">
-					<!-- panel1の内容記述  -->
-				</div>
-				<div id="panel2" class="panel2">
-					<!-- panel2の内容記述  -->
-				</div>
-		</div>
-</body>
-</html>
+//import省略
+public class StudentBeans {
+	private static String student_id;
+	private static String student_name;
+	private static String student_furigana;
+	private static String school_year;
+	private static String school_class;
+	private static Connection conn = null;
+	private static PreparedStatement ps = null;
+	private static ResultSet result = null;
+	static String user = "suser";
+	static String password = "spass";
+	static String url = "jdbc:mysql://localhost:3306/mydb?autoReconnect=true&useSSL=false";
+	public StudentBeans(HttpServletRequest request) {
+		setStudent_id(request.getParameter("student_id"));
+		setStudent_name(request.getParameter("student_name"));
+		setStudent_furigana(request.getParameter("student_furigana"));
+		setSchool_year(request.getParameter("school_year"));
+		setSchool_class(request.getParameter("school_class"));
+	}
+	public static String getStudent_id() {
+		return student_id;
+	}
+	public static void setStudent_id(String student_id) {
+		StudentBeans.student_id = student_id;
+	}
+	public String getStudent_name() {
+		return student_name;
+	}
+	public static void setStudent_name(String student_name) {
+		StudentBeans.student_name = student_name;
+	}
+	public String getStudent_furigana() {
+		return student_furigana;
+	}
+	public static void setStudent_furigana(String student_furigana) {
+		StudentBeans.student_furigana = student_furigana;
+	}
+	public String getSchool_year() {
+		return school_year;
+	}
+	public static void setSchool_year(String school_year) {
+		StudentBeans.school_year = school_year;
+	}
+	public String getSchool_class() {
+		return school_class;
+	}
+	public static void setSchool_class(String school_class) {
+		StudentBeans.school_class = school_class;
+	}
+	public boolean registData() {
+		try {
+			Class.forName("com.mysql.jdbc.Driver");
+			conn = DriverManager.getConnection(url, user, password);
+			if(student_id.equals("")) {//生徒ID自動採番
+				String sql = "insert into student(student_name, student_furigana, school_year, school_class) values (?, ?, ?, ?)";
+				ps = conn.prepareStatement(sql);
+				ps.setString(1, student_name);
+				ps.setString(2, student_furigana);
+				ps.setInt(3, Integer.parseInt(school_year));
+				ps.setInt(4, Integer.parseInt(school_class));
+			} else {//生徒ID指定
+				String sql = "insert into student(student_id, student_name, student_furigana, school_year, school_class) values (?, ?, ?, ?, ?)";
+				ps = conn.prepareStatement(sql);
+				ps.setInt(1, Integer.parseInt(student_id));
+				ps.setString(2, student_name);
+				ps.setString(3, student_furigana);
+				ps.setInt(4, Integer.parseInt(school_year));
+				ps.setInt(5, Integer.parseInt(school_class));
+			}
+			ps.executeUpdate();
+			return true;
+		} catch(Exception e) {
+			e.printStackTrace();
+			return false;
+		} finally {
+			if(conn != null) {
+				try {
+					conn.close();
+				} catch (SQLException e) {
+					e.printStackTrace();
+					System.out.println("MySQLのクローズに失敗しました。");
+				}
+			}
+		}
+	}
+	public static boolean isNumber(String val) {
+		String regex = "\A[-]?[0-9]+\z";
+		Pattern p = Pattern.compile(regex);
+		Matcher m1 = p.matcher(val);
+		return m1.find();
+	}
+	public boolean isFurigana(String student_furigana) {
+		String regularExpression = "^[ァ-ヶー]+$";
+		Pattern pattern = Pattern.compile(regularExpression);
+        Matcher matcher = pattern.matcher(student_furigana);
+        if(matcher.matches()) {
+        	return true;
+        } else {
+        	return false;
+        }
+	}
+}
 ```
+StudentEditServlet.java
+```ここに言語を入力
+//import省略
+public class StudentEditServlet extends HttpServlet{
+	Connection conn = null;
+	PreparedStatement ps = null;
+	ResultSet result = null;]
+	String user = "suser";
+	String password = "spass";
+	String url = "jdbc:mysql://localhost:3306/mydb?autoReconnect=true&useSSL=false";
-上記ソースだとハッシュをURLに直打ちすることで指定のタブに遷移できるようでしたが、画面上にタブの内容がすべて表示されてしまい、また上記のようにサーブレット内の遷移部分にハッシュを記述しても指定のタブには遷移できていないようでした。
+	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException{
+		request.setCharacterEncoding("UTF-8");
-加えて、URLの取得の際にエラーが生じておりました。
+		String status = "Success!";
-![イメージ説明](57c070ea2afbcb8f78d35430fa528e2b.png)
+		StudentBeans student = new StudentBeans(request);
+		String student_id = request.getParameter("student_id");
+		String student_name = request.getParameter("student_name");
+		String student_furigana = request.getParameter("student_furigana");
+		String school_year = request.getParameter("school_year");
+		String school_class = request.getParameter("school_class");
+		boolean exist_regist_err = false;
+		String s_id_err = "生徒IDは半角数字で入力してください";
+		String name_err = "名前が空白です";
+		String furigana_err = "フリガナが空白です";
+		String year_err = "学年が空白です";
+		String class_err = "クラスが空白です";
+		try {
+			//エラーチェック
+			if(!student_id.equals("") && !StudentBeans.isNumber(student_id)) {
+				request.setAttribute("s_id_err", s_id_err);
+				exist_regist_err = true;
+			}
+			if(student.getStudent_name().equals("")) {
+				request.setAttribute("name_err", name_err);
+				exist_regist_err = true;
+			}
+			if(student.getStudent_furigana().equals("")) {
+				request.setAttribute("furigana_err", furigana_err);
+				exist_regist_err = true;
+			} else if(!student.isFurigana(student.getStudent_furigana())) {
+				furigana_err = "フリガナは全角カナで入力してください";
+				request.setAttribute("furigana_err", furigana_err);
+				exist_regist_err = true;
+			}
+			if(student.getSchool_year().equals("")) {
+				request.setAttribute("year_err", year_err);
+				exist_regist_err = true;
+			} else if(!student.isNumber(student.getSchool_year())) {
+				year_err = "学年は半角数字で入力してください";
+				request.setAttribute("year_err", year_err);
+				exist_regist_err = true;
+			}
+			if(student.getSchool_class().equals("")) {
+				request.setAttribute("class_err", class_err);
+				exist_regist_err = true;
+			} else if(!student.isNumber(student.getSchool_class())) {
+				class_err = "クラスは半角数字で入力してください";
+				request.setAttribute("class_err", class_err);
+				exist_regist_err = true;
+			}
+			if(exist_regist_err) {
+				request.setAttribute("student_id_regist", student_id);
+				request.setAttribute("student_name_regist", student_name);
+				request.setAttribute("student_furigana_regist", student_furigana);
+				request.setAttribute("school_year_regist", school_year);
+				request.setAttribute("school_class_regist", school_class);
-以上の解決方法につきまして、ご教示いただけますと幸いです。
+				status = "Failed...";
+			} else {
+				if(student.registData() == false) {
+					status = "Failed...";
+				}
+			}
+			request.setAttribute("exist_regist_err", exist_regist_err);
+			request.setAttribute("status", status);
+			request.getRequestDispatcher("student.jsp").forward(request, response);
+		} catch(Exception e) {
+			e.printStackTrace();
+		} finally {
+			try {
+				conn.close();
+			} catch (SQLException e) {
+				System.out.println("MySQLのクローズに失敗しました。");
+			}
+		}
+	}
+}
+```