teratail
回答率
85.46%
質問するログイン新規登録
トップに関する質問JSPの入力フォームの値をサーブレットからDBに保存できない

編集履歴

質問編集履歴

2

追加

2020/03/19 02:05

投稿

bwrs1
bwrs1

スコア9

test CHANGED
File without changes
test CHANGED
@@ -38,6 +38,8 @@
38
38
 
39
39
  DBに接続は出来ています
40
40
 
41
+ JSP → サーブレットの間での受け渡しも出来ています。
42
+
41
43
 
42
44
 
43
45
 

1

追加

2020/03/19 02:05

投稿

bwrs1
bwrs1

スコア9

test CHANGED
File without changes
test CHANGED
@@ -22,6 +22,32 @@
22
22
 
23
23
 
24
24
 
25
+ ---
26
+
27
+
28
+
29
+ - やってみたこと
30
+
31
+ DBUtils を使用してサーブレットに渡した値をDBにデータの追加できるか
32
+
33
+
34
+
35
+ ---
36
+
37
+ - 現状出来ている事
38
+
39
+ DBに接続は出来ています
40
+
41
+
42
+
43
+
44
+
45
+
46
+
47
+ JSP
48
+
49
+
50
+
25
51
  ``````ここに言語を入力
26
52
 
27
53
  <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
@@ -358,334 +384,240 @@
358
384
 
359
385
 
360
386
 
361
- ``````ここに言語を入力
362
-
363
- <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
364
-
365
- <!DOCTYPE html>
366
-
367
-
368
-
369
- <!--
370
-
371
- 入力フォームで入力されたデータを
372
-
373
- JSP,サーブレット,DBの流れで
374
-
375
- データの受け渡しをする
376
-
377
- -->
378
-
379
-
380
-
381
- <html>
382
-
383
-
384
-
385
- <head>
386
-
387
- <meta charset="UTF-8">
388
-
389
- <title>編集画面</title>
390
-
391
-
392
-
393
- <!--CSS 読み込み-->
394
-
395
- <link rel="stylesheet" href="EditingScreen.css">
396
-
397
-
398
-
399
- <!--JS 読み込み-->
400
-
401
- <script type="text/javascript" src="EditingScreen.js"></script>
402
-
403
-
404
-
405
- <!--jQuery 読み込み-->
406
-
407
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
408
-
409
-
410
-
411
- <!--jQuery UI-->
412
-
413
- <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
414
-
415
- <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/i18n/jquery.ui.datepicker-ja.min.js"></script>
416
-
417
-
418
-
419
- <!--JS 読み込み-->
420
-
421
- <script src="${pageContext.request.contextPath}/js/EditingScreen.js"></script>
422
-
423
-
424
-
425
- <!--CSS 読み込み-->
426
-
427
- <link rel="stylesheet" href="${pageContext.request.contextPath}/css/EditingScreen.css">
428
-
429
-
430
-
431
- <!--datapircker 着工年月日-->
432
-
433
- <script>
434
-
435
- $(function() {
436
-
437
- $("#genChakkYmd").datepicker();
438
-
439
- });
440
-
441
- </script>
442
-
443
-
444
-
445
- <!--datapircker 竣工年月日-->
446
-
447
- <script>
448
-
449
- $(function() {
450
-
451
- $("#genShunkYmd").datepicker();
452
-
453
- });
454
-
455
- </script>
456
-
457
-
458
-
459
- </head>
460
-
461
-
462
-
463
- <body>
464
-
465
- <!-- 入力フォーム -->
466
-
467
- <form method="POST" action="/mapDrawJava/JspSendToServlet" name="form1" onreset="return confirm('内容をリセットしてもよろしいですか？') ;">
468
-
469
-
470
-
471
- <!-- 一行目 START-->
472
-
473
-
474
-
475
- <!--現場名ボタン-->
476
-
477
- <label for="genName">現場名 </label>
478
-
479
- <input type="text" name="genName" id="genName" maxlength="40">
480
-
481
-
482
-
483
- <!--住所ボタン-->
484
-
485
- <label for="genAddr">　住所　　 </label>
486
-
487
- <input type="text" name="genAddr" id="genAddr" maxlength="80">
488
-
489
-
490
-
491
- <!--着工年月日ボタン-->
492
-
493
- <label for="genChakkYmd">着工年月日 </label>
494
-
495
- <input type="text" name="genChakkYmd" id="genChakkYmd">
496
-
497
-
498
-
499
- <br><br>
500
-
501
-
502
-
503
-
504
-
505
- <!-- 一行目 END-->
506
-
507
-
508
-
509
- <!-- 二行目 START-->
510
-
511
-
512
-
513
- <!--担当者 プルダウンボタン-->
514
-
515
- <label for="tantoName">担当者 </label>
516
-
517
-
518
-
519
- <!-- プルダウンメニュー 一覧 START-->
520
-
521
- <select name="tantoName" id="tantoName">
522
-
523
- <option value="">担当者一覧</option>
524
-
525
- <option value="a">どらえもん</option>
526
-
527
- <option value="b">のび太</option>
528
-
529
- <option value="c">しずかちゃん</option>
530
-
531
- <option value="d">ジャイアン</option>
532
-
533
- <option value="e">スネ夫</option>
534
-
535
- </select>
536
-
537
- <!-- プルダウンメニュー 一覧 END-->
538
-
539
-
540
-
541
- <!--電話番号ボタン-->
542
-
543
- <label for="genTel">電話番号　 </label>
544
-
545
- <input type="tel" name="genTel" id="genTel">
546
-
547
-
548
-
549
- <!--竣工年月日ボタン-->
550
-
551
- <label for="genShunkYmd">竣工年月日 </label>
552
-
553
- <input type="text" name="genShunkYmd" autocomplete="off" id="genShunkYmd">
554
-
555
-
556
-
557
-
558
-
559
-
560
-
561
- <!-- 二行目 END-->
562
-
563
-
564
-
565
- <br><br>
566
-
567
-
568
-
569
- <!-- 三行目 START-->
570
-
571
-
572
-
573
- <!--FAXボタン-->
574
-
575
- <label for="genFax"> 　　　　　　　　　　　　　　　　　Fax　 <input type="text" name="genFax" id="genFax"></label>
576
-
577
-
578
-
579
-
580
-
581
- <!--工期表示 領域-->
582
-
583
- <label for="ConstructionPeriod"> 工期 </label>
584
-
585
- <label for="ConstructionPeriod"> ○○ヵ月</label>
586
-
587
-
588
-
589
-
590
-
591
- <!-- 三行目 END-->
592
-
593
-
594
-
595
- <!-- mapdrawツールの上の図形のラベル -->
596
-
597
- <p>地図:</p>
598
-
599
-
600
-
601
- <!-- mapdrawボックス START-->
602
-
603
- <table border="1" cellspacing="0" cellpadding="5"
604
-
605
- bordercolor="#000000" style="border-collapse: collapse">
606
-
607
- <tr>
608
-
609
- <td>矩形</td>
610
-
611
- <td>円</td>
612
-
613
- <td>ポリゴン</td>
614
-
615
- <td>ポリライン</td>
616
-
617
- <td style="width: 70px; "></td>
618
-
619
- <td>　　　　　</td>
620
-
621
- <td>　 　　</td>
622
-
623
- </tr>
624
-
625
- </table>
626
-
627
- <!-- mapdrawボックス END-->
628
-
629
-
630
-
631
- <!-- mapdrawツールとmapdrawツールパレットを並べて表示 -->
632
-
633
- <div class="flex_box">
634
-
635
-
636
-
637
- <!-- mapdrawツール CLASS-->
638
-
639
- <div class="mapdraw">mapdrawツール</div>
640
-
641
-
642
-
643
- <!-- mapdrawツールパレットボックス START -->
644
-
645
- <div class="mapdrawPallet">mapdrawツールパレット</div>
646
-
647
- <!-- mapdrawツールパレットボックス END -->
648
-
649
-
650
-
651
- </div>
652
-
653
-
654
-
655
- <!-- 削除ボタンと登録ボタン START-->
656
-
657
- <div class="btn1">
658
-
659
- <p>
660
-
661
-
662
-
663
- <!-- 登録ボタン -->
664
-
665
- <input type="submit" value="登録" onclick="return submitCheck()">
666
-
667
-
668
-
669
- <!-- 削除ボタン-->
670
-
671
- <input type="reset" value="削除" onclick="return resetCheck()">
672
-
673
-
674
-
675
- </p>
676
-
677
- <!-- 削除ボタンと登録ボタン END-->
678
-
679
-
680
-
681
- </div>
682
-
683
- </form>
684
-
685
- </body>
686
-
687
-
688
-
689
- </html>
387
+ ```package MapDraw;
388
+
389
+
390
+
391
+ import java.io.IOException;
392
+
393
+ import java.io.PrintWriter;
394
+
395
+
396
+
397
+ import javax.servlet.RequestDispatcher;
398
+
399
+ import javax.servlet.ServletException;
400
+
401
+ import javax.servlet.annotation.WebServlet;
402
+
403
+ import javax.servlet.http.HttpServlet;
404
+
405
+ import javax.servlet.http.HttpServletRequest;
406
+
407
+ import javax.servlet.http.HttpServletResponse;
408
+
409
+
410
+
411
+
412
+
413
+ /**
414
+
415
+ * Servlet implementation class unti
416
+
417
+ */
418
+
419
+ @WebServlet("/JspSendToServlet")
420
+
421
+ public class JspSendToServlet extends HttpServlet {
422
+
423
+ private static final long serialVersionUID = 1L;
424
+
425
+
426
+
427
+ /**
428
+
429
+ * @see HttpServlet#HttpServlet()
430
+
431
+ */
432
+
433
+ public JspSendToServlet() {
434
+
435
+ super();
436
+
437
+ // TODO Auto-generated constructor stub
438
+
439
+ }
440
+
441
+
442
+
443
+ /**
444
+
445
+ * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
446
+
447
+ */
448
+
449
+ protected void doGet(HttpServletRequest request, HttpServletResponse response)
450
+
451
+ throws ServletException, IOException {
452
+
453
+ // TODO Auto-generated method stub
454
+
455
+ String view = "/WebContent/jsp/EditingScreen.jsp";
456
+
457
+ RequestDispatcher dispatch = request.getRequestDispatcher(view);
458
+
459
+
460
+
461
+ //②htmlを出力
462
+
463
+ PrintWriter out = response.getWriter();
464
+
465
+
466
+
467
+ }
468
+
469
+
470
+
471
+ /**
472
+
473
+ * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
474
+
475
+ */
476
+
477
+ protected void doPost(HttpServletRequest request, HttpServletResponse response)
478
+
479
+ throws ServletException, IOException {
480
+
481
+ // TODO Auto-generated method stub
482
+
483
+ doGet(request, response);
484
+
485
+
486
+
487
+ request.setCharacterEncoding("UTF-8");
488
+
489
+
490
+
491
+ //キーワード取得
492
+
493
+ String va1 = request.getParameter("genName");
494
+
495
+ String va2 = request.getParameter("genAddr");
496
+
497
+ String va3 = request.getParameter("genChakkYmd");
498
+
499
+ String va4 = request.getParameter("tantoName");
500
+
501
+ String va5 = request.getParameter("genTel");
502
+
503
+ String va6 = request.getParameter("genShunkYmd");
504
+
505
+ String va7 = request.getParameter("genFax");
506
+
507
+
508
+
509
+ System.out.println(va1);
510
+
511
+ System.out.println(va2);
512
+
513
+ System.out.println(va3);
514
+
515
+ System.out.println(va4);
516
+
517
+ System.out.println(va5);
518
+
519
+ System.out.println(va6);
520
+
521
+ System.out.println(va7);
522
+
523
+
524
+
525
+ }
526
+
527
+ }
528
+
529
+
530
+
531
+
690
532
 
691
533
  ```
534
+
535
+
536
+
537
+ ConnectionDB
538
+
539
+
540
+
541
+ ```package MapDraw;
542
+
543
+
544
+
545
+ import java.sql.Connection;
546
+
547
+ import java.sql.DriverManager;
548
+
549
+ import java.sql.SQLException;
550
+
551
+
552
+
553
+ /*
554
+
555
+ * MySQL に接続できているか確認するだけのソース
556
+
557
+ **/
558
+
559
+
560
+
561
+ public class MysqlConnectionCheck {
562
+
563
+ public static void main(String[] args) {
564
+
565
+
566
+
567
+
568
+
569
+ Connection con = null;
570
+
571
+
572
+
573
+ try {
574
+
575
+
576
+
577
+ //接続するMySQL DB
578
+
579
+ con = DriverManager.getConnection("jdbc:mysql://ServerName:port/データベース名", "ユーザー名", "パスワード");
580
+
581
+
582
+
583
+ System.out.println("MySQLに接続できました。");
584
+
585
+
586
+
587
+ } catch (SQLException e) {
588
+
589
+
590
+
591
+ System.out.println("MySQLに接続できませんでした。");
592
+
593
+
594
+
595
+ } finally {
596
+
597
+ if (con != null) {
598
+
599
+ try {
600
+
601
+ con.close();
602
+
603
+ } catch (SQLException e) {
604
+
605
+ System.out.println("MySQLのクローズに失敗しました。");
606
+
607
+ }
608
+
609
+ }
610
+
611
+ }
612
+
613
+
614
+
615
+ }
616
+
617
+ }
618
+
619
+
620
+
621
+ コード
622
+
623
+ ```