質問編集履歴

追加

2020/03/19 02:05

投稿

bwrs1

スコア9

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -38,6 +38,8 @@
 DBに接続は出来ています
+JSP → サーブレットの間での受け渡しも出来ています。

追加

2020/03/19 02:05

投稿

bwrs1

スコア9

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -22,6 +22,32 @@
+---
+- やってみたこと
+DBUtils を使用してサーブレットに渡した値をDBにデータの追加できるか
+---
+- 現状出来ている事
+DBに接続は出来ています
+JSP
 ``````ここに言語を入力
 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
@@ -358,334 +384,240 @@
-``````ここに言語を入力
-<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
-<!DOCTYPE html>
-<!--
-入力フォームで入力されたデータを
-JSP,サーブレット,DBの流れで
-データの受け渡しをする
--->
-<html>
-<head>
-<meta charset="UTF-8">
-<title>編集画面</title>
-<!--CSS 読み込み-->
-<link rel="stylesheet" href="EditingScreen.css">
-<!--JS 読み込み-->
-<script type="text/javascript" src="EditingScreen.js"></script>
-<!--jQuery 読み込み-->
-<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
-<!--jQuery UI-->
-<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
-<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/i18n/jquery.ui.datepicker-ja.min.js"></script>
-<!--JS 読み込み-->
-<script src="${pageContext.request.contextPath}/js/EditingScreen.js"></script>
-<!--CSS 読み込み-->
-<link rel="stylesheet" href="${pageContext.request.contextPath}/css/EditingScreen.css">
-<!--datapircker 着工年月日-->
-<script>
-  $(function() {
-    $("#genChakkYmd").datepicker();
-  });
-</script>
-<!--datapircker 竣工年月日-->
-<script>
-  $(function() {
-    $("#genShunkYmd").datepicker();
-  });
-</script>
-</head>
-<body>
-	<!-- 入力フォーム -->
-	<form  method="POST"  action="/mapDrawJava/JspSendToServlet"  name="form1" onreset="return confirm('内容をリセットしてもよろしいですか？') ;">
-		<!-- 一行目 START-->
-			<!--現場名ボタン-->
-			<label for="genName">現場名 </label>
-			<input type="text" name="genName" id="genName" maxlength="40">
-			<!--住所ボタン-->
-			<label for="genAddr">　住所　　 </label>
-			<input type="text" name="genAddr" id="genAddr" maxlength="80">
-			<!--着工年月日ボタン-->
-			<label for="genChakkYmd">着工年月日 </label>
-			<input type="text" name="genChakkYmd" id="genChakkYmd">
-			<br><br>
-		<!-- 一行目 END-->
-		<!-- 二行目 START-->
-			<!--担当者 プルダウンボタン-->
-			<label for="tantoName">担当者 </label>
-			<!-- プルダウンメニュー 一覧 START-->
-			<select name="tantoName" id="tantoName">
-				<option value="">担当者一覧</option>
-				<option value="a">どらえもん</option>
-				<option value="b">のび太</option>
-				<option value="c">しずかちゃん</option>
-				<option value="d">ジャイアン</option>
-				<option value="e">スネ夫</option>
-			</select>
-			<!-- プルダウンメニュー 一覧 END-->
-			<!--電話番号ボタン-->
-			<label for="genTel">電話番号　 </label>
-			<input type="tel" name="genTel" id="genTel">
-			<!--竣工年月日ボタン-->
-			<label for="genShunkYmd">竣工年月日 </label>
-			<input type="text" name="genShunkYmd" autocomplete="off" id="genShunkYmd">
-		<!-- 二行目 END-->
-		<br><br>
-		<!-- 三行目 START-->
-			<!--FAXボタン-->
-			<label for="genFax">   　　　　　　　　　　　　　　　　　Fax　 <input type="text" name="genFax" id="genFax"></label>
-			<!--工期表示 領域-->
-			<label for="ConstructionPeriod"> 工期 </label>
-			<label for="ConstructionPeriod"> ○○ヵ月</label>
-		<!-- 三行目 END-->
-		<!-- mapdrawツールの上の図形のラベル -->
-		<p>地図:</p>
-		<!-- mapdrawボックス START-->
-		<table border="1" cellspacing="0" cellpadding="5"
-			bordercolor="#000000" style="border-collapse: collapse">
-			<tr>
-				<td>矩形</td>
-				<td>円</td>
-				<td>ポリゴン</td>
-				<td>ポリライン</td>
-				<td style="width: 70px; "></td>
-				<td>　　　　　</td>
-				<td>　     　　</td>
-			</tr>
-		</table>
-		<!-- mapdrawボックス END-->
-		<!-- mapdrawツールとmapdrawツールパレットを並べて表示 -->
-		<div class="flex_box">
-			<!-- mapdrawツール CLASS-->
-			<div class="mapdraw">mapdrawツール</div>
-			<!-- mapdrawツールパレットボックス START -->
-			<div class="mapdrawPallet">mapdrawツールパレット</div>
-			<!-- mapdrawツールパレットボックス END -->
-		</div>
-		<!-- 削除ボタンと登録ボタン START-->
-		<div class="btn1">
-			<p>
-				<!-- 登録ボタン -->
-				<input type="submit" value="登録" onclick="return submitCheck()">
-				<!-- 削除ボタン-->
-				<input type="reset" value="削除" onclick="return resetCheck()">
-			</p>
-			<!-- 削除ボタンと登録ボタン END-->
-		</div>
-	</form>
-</body>
-</html>
+```package MapDraw;
+import java.io.IOException;
+import java.io.PrintWriter;
+import javax.servlet.RequestDispatcher;
+import javax.servlet.ServletException;
+import javax.servlet.annotation.WebServlet;
+import javax.servlet.http.HttpServlet;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+/**
+ * Servlet implementation class unti
+ */
+@WebServlet("/JspSendToServlet")
+public class JspSendToServlet extends HttpServlet  {
+	private static final long serialVersionUID = 1L;
+	/**
+	 * @see HttpServlet#HttpServlet()
+	 */
+	public JspSendToServlet() {
+		super();
+		// TODO Auto-generated constructor stub
+	}
+	/**
+	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
+	 */
+	protected void doGet(HttpServletRequest request, HttpServletResponse response)
+			throws ServletException, IOException {
+		// TODO Auto-generated method stub
+		String view = "/WebContent/jsp/EditingScreen.jsp";
+		RequestDispatcher dispatch = request.getRequestDispatcher(view);
+	     //②htmlを出力
+        PrintWriter out = response.getWriter();
+	}
+	/**
+	 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
+	 */
+	protected void doPost(HttpServletRequest request, HttpServletResponse response)
+			throws ServletException, IOException {
+		// TODO Auto-generated method stub
+		doGet(request, response);
+		request.setCharacterEncoding("UTF-8");
+		//キーワード取得
+		String va1 = request.getParameter("genName");
+		String va2 = request.getParameter("genAddr");
+		String va3 = request.getParameter("genChakkYmd");
+		String va4 = request.getParameter("tantoName");
+		String va5 = request.getParameter("genTel");
+		String va6 = request.getParameter("genShunkYmd");
+		String va7 = request.getParameter("genFax");
+		System.out.println(va1);
+		System.out.println(va2);
+		System.out.println(va3);
+		System.out.println(va4);
+		System.out.println(va5);
+		System.out.println(va6);
+		System.out.println(va7);
+	}
+}
 ```
+ConnectionDB
+```package MapDraw;
+import java.sql.Connection;
+import java.sql.DriverManager;
+import java.sql.SQLException;
+/*
+ * MySQL に接続できているか確認するだけのソース
+ **/
+public class MysqlConnectionCheck {
+	public static void main(String[] args) {
+		Connection con = null;
+		try {
+			//接続するMySQL DB
+			con = DriverManager.getConnection("jdbc:mysql://ServerName:port/データベース名", "ユーザー名", "パスワード");
+				System.out.println("MySQLに接続できました。");
+		} catch (SQLException e) {
+			System.out.println("MySQLに接続できませんでした。");
+		} finally {
+			if (con != null) {
+				try {
+					con.close();
+				} catch (SQLException e) {
+					System.out.println("MySQLのクローズに失敗しました。");
+				}
+			}
+		}
+	}
+}
+コード
+```