SQL INSERT 2 ตารางในฟอร์มเดียว PHP + MySQLi + Bootstrap Free Code!
Workshop สอนการบันทึกข้อมูลลงในฐานข้อมูล 2 ตารางในฟอร์มเดียวกันแต่จะแยกข้อมูลออกเป็น 2 กลุ่ม เพื่อเพิ่มเข้าไปฐานข้อมูล 2 ตาราง ก่อนอื่นสร้างตารางมา 2 ตาราง ซึ่งจะมี Code ตัวอย่างการสร้างตารางให้ข้างล่าง
Code สร้างตารางฐานข้อมูล ตั้งชื่อฐานข้อมูล ว่า exam *** หรือจะตั้งตามใจก็ได้ อยู่ที่เข้าใจเลยครับ ***
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
CREATE TABLE `tbl_login` ( `m_id` int(11) NOT NULL, `username` varchar(100) NOT NULL, `password` varchar(100) NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=utf8; CREATE TABLE `tbl_member` ( `m_id` int(11) NOT NULL, `m_name` varchar(100) NOT NULL, `m_lname` varchar(100) NOT NULL, `m_sex` varchar(100) NOT NULL, `m_tel` varchar(10) NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=utf8; ALTER TABLE `tbl_login` ADD PRIMARY KEY (`m_id`); ALTER TABLE `tbl_member` ADD PRIMARY KEY (`m_id`); |
ขั้นตอนต่อมาเป็นการสร้างไฟล์เชื่อมต่อกับฐานข้อมูลครับ
Code ไฟล์เชื่อมต่อฐานข้อมูล condb.php
1 2 3 4 5 6 |
<?php $con= mysqli_connect("localhost","root","","exam") or die("Error: " . mysqli_error($con)); mysqli_query($con, "SET NAMES 'utf8' "); error_reporting( error_reporting() & ~E_NOTICE ); date_default_timezone_set('Asia/Bangkok'); ?> |
สร้างไฟล์เชื่อมต่อฐานข้อมูลเสร็จแล้ว ต่อมาสร้างไฟล์ h.php ให้กับหัวระบบเพื่อให้เชื่อมกับ Bootstrap ได้
Code ไฟล์ h.php
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<title> SQL INSERT 2 Tables by.devtai.com </title> <link href="css/bootstrap.min1.css" rel="stylesheet" /> <link href="css/style.css" rel="stylesheet" /> <script src="js/jquery.min.js"></script> <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <!-- Optional theme --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> <!-- Latest compiled and minified JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> |
เชื่อม Bootstrap แล้วต่อไปมาสร้างฟอร์มสำหรับกรอกข้อมูลกันเถอะครับ
Code ไฟล์สร้างฟอร์มกรอกข้อมูล member_add.php
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 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 |
<?php include("h.php"); include ('condb.php'); ?> <h1><center>SQL INSERT 2 Tables by.devtai.com</center></h1> <br> <center> <form action="member_add_db.php" method="POST" enctype="multipart/form-data" name="add" class="form-horizontal" id="add"> <div class="form-group"> <div class="col-sm-4" align="right"> Username </div> <div class="col-sm-3" align="left"> <input type="text" name="username" id="Username" class="form-control"> </div> </div> <div class="form-group"> <div class="col-sm-4" align="right"> Password </div> <div class="col-sm-3" align="left"> <input type="text" name="password" id="Username" class="form-control"> </div> </div> <div class="form-group"> <div class="col-sm-4" align="right"> ชื่อ </div> <div class="col-sm-3" align="left"> <input type="text" name="m_name" id="m_name" class="form-control"> </div> </div> <div class="form-group"> <div class="col-sm-4" align="right"> นามสกุล </div> <div class="col-sm-3" align="left"> <input type="text" name="m_lname" id="m_lname" class="form-control"> </div> </div> <div class="form-group"> <div class="col-sm-4" align="right"> เพศ </div> <div class="col-sm-2" align="left"> <select name="m_sex" id="m_sex" class="form-control"> <option value="00">เลือกเพศ</option> <option value="ชาย">ชาย</option> <option value="หญิง">หญิง</option> </select> </div> </div> <div class="form-group"> <div class="col-sm-4" align="right"> เบอร์โทร </div> <div class="col-sm-3" align="left"> <input type="number" name="m_tel" id="m_tel" class="form-control"> </div> </div> <div class="form-group"> <div class="col-sm-3"> </div> <div class="col-sm-6"> <button type="submit" class="btn btn-danger btn-lg btn-block" id="btn"> บันทึกข้อมูล </button> </div> </div> </form> </center> <?php $query = "SELECT * FROM tbl_member as m INNER JOIN tbl_login as t ON m.m_id=t.m_id ORDER BY m.m_id ASC " or die("Error:" . mysqli_error()); $result = mysqli_query($con, $query); //echo($query_monk); ?> <div class="form-group"> <div class="col-sm-3"> </div> <div class="col-sm-6"> <?php echo ' <table id="example1" class="table table-bordered table-striped">'; echo "<thead>"; echo "<tr class='info'> <th width='5%'>ID</th> <th width='10%'>username</th> <th width='10%'>password</th> <th width='10%'>ชื่อ</th> <th width='10%'>นามสกุล</th> <th width='5%'>เพศ</th> <th width='10%'>เบอร์โทร</th> </tr>"; echo "</thead>"; while($row = mysqli_fetch_array($result)) { echo "<tr>"; echo "<td>" .$row["m_id"] . "</td> "; echo "<td>" .$row["username"] . "</td> "; echo "<td>" .$row["password"] . "</td> "; echo "<td>" .$row["m_name"] . "</td> "; echo "<td>" .$row["m_lname"] . "</td> "; echo "<td>" .$row["m_sex"] . "</td> "; echo "<td>" .$row["m_tel"] . "</td> "; echo "</tr>"; } echo "</table>"; mysqli_close($con); ?> </div> </div> </div> |
แล้วขั้นตอนสุดท้าย สร้างไฟล์ sql เพื่อบันทึกลงฐานข้อมูล
Code ไฟล์สำหรับบันทึกลงฐานข้อมูล member_add_db.php
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 |
<mate charset ="utf-8" /> <?php include ('condb.php'); //สร้างตัวแปร // echo "<pre>"; // print_r($_POST); // echo "</pre>"; // exit(); $username = $_POST['username']; $password = $_POST['password']; $m_name = $_POST['m_name']; $m_lname = $_POST['m_lname']; $m_sex = $_POST['m_sex']; $m_tel = $_POST['m_tel']; //เพิ่มข้อมูล teble1 $sql1 = " INSERT INTO tbl_login (username, password) VALUES ('$username', '$password')"; $result1 = mysqli_query($con, $sql1) or die ("Error in query: $sql1 " . mysqli_error()); //เพิ่มข้อมูล teble1 $sql2 = " INSERT INTO tbl_member (m_name, m_lname, m_sex, m_tel) VALUES ('$m_name', '$m_lname', '$m_sex', '$m_tel')"; $result2 = mysqli_query($con, $sql2) or die ("Error in query: $sql2 " . mysqli_error()); //ปิดการเชื่อมต่อ database mysqli_close($con); //ถ้าสำเร็จให้ขึ้นอะไร if ($result1 && $result2){ echo "<script type='text/javascript'>"; echo"window.location = 'member_add.php';"; echo "</script>"; } else { //กำหนดเงื่อนไขว่าถ้าไม่สำเร็จให้ขึ้นข้อความและกลับไปหน้าเพิ่ม echo "<script type='text/javascript'>"; echo "alert('error!');"; echo"window.location = 'member_add.php'; "; echo"</script>"; } ?> |
เพียงเท่านี้ก็บันทึกลง 2 ตารางแย้วค้าบ >.< ขอบคุณที่ติดตามผลงานเรื่อยๆ นะครับ
ร่วมสนับสนุน เพื่อเป็นกำลังใจในการทำคลิปสอน ได้ที่
4066699249 นายวัยวุฒิ ชุมเมืองปัก
ธนาคาร ไทยพาณิชย์ ครับ
ระบบร้านค้าออนไลน์ สนใจ inbox มาที่เพจ สอนเขียนโปรแกรม devtai.com คลิก
สนใจจ้างพัฒนาระบบ เขียนระบบ
ทำเว็บไซต์ รับสอนเขียนโปรแกรม
inbox มาที่เพจ หรือติดต่อ 098-373-8651
ช่องทางการชำระเงิน
เงินสด หรือ e-banking
ธนาคารกสิกรไทย
เลขบัญชี : 0951168564
ชื่อบัญชี : นายวัยวุฒิ ชุมเมืองปัก