สวัสดีครับ ในบทความนี้แจกตัวอย่าง PHP PDO เพิ่มข้อมูลจาก Radio Button จะพาทำ workshop ระบบประเมินแบบง่ายๆ สำหรับเอาไปต่อยอดครับ Code จะรองรับ PHP7 & PHP8 ฝึกไว้ครับเผื่อได้ใช้
ขอแนะนำระบบพร้อมใช้
1.เว็บอีคอมเมิร์ช คลิก
2.เว็บ FOOD POS ขายอาหารหน้าร้าน คลิก
3.เว็บ Coffee POS ขายกาแฟหน้าร้าน คลิก
4.หลังบ้านระบบอีคอมเมิร์ช คลิก
5.เว็บบริษัท / เว็บองค์กร คลิก
6.ระบบหอพัก โปรแกรมหอพัก คลิก
7.ระบบอื่นๆ เพิ่มเติม คลิก
รวมคลิปสอนปรับพื้นฐาน ภาษา php ฟรี 100 คลิป ++ https://devbanban.com/?p=3940
โค้ดประกอบด้วย
- PHP PDO
- MySQL SQL Insert
- HTML
- Bootstrap5 Class : col, form, btn
- Sweet Alert
มาเริ่มทำ workshop กันครับ *คอมเม้นอยู่ในโค้ด
0.รวม Workshop PHP PDO ก่อนหน้าคลิก
1.ตารางตัวอย่าง ตารางเก็บข้อมูลการประเมิน tbl_assessment ให้สร้างฐานข้อมูลก่อนครับ เช่น ฐานข้อมูลชื่อ workshop_pdo จากนั้นคัดลอกโค้ดด้านล่างและไปที่เมนู sql คัดลอกโค้ดไปวางและ go
|
1 2 3 4 5 6 7 8 9 10 11 |
CREATE TABLE `tbl_assessment` ( `no` int(11) NOT NULL, `scores` int(1) NOT NULL, `dateCreate` timestamp NOT NULL DEFAULT current_timestamp() ) ENGINE=InnoDB DEFAULT CHARSET=utf8; ALTER TABLE `tbl_assessment` ADD PRIMARY KEY (`no`); ALTER TABLE `tbl_assessment` MODIFY `no` int(11) NOT NULL AUTO_INCREMENT; |
2.สร้างโฟลเดอร์สำหรับทดสอบ เช่น ชื่อโฟลเดอร์ workshop_pdo *สำหรับคนที่เพิ่งฝึกยังไม่เข้าใจข้อนี้ว่าต้องสร้างไว้ที่ไหน ให้ดูคลิปชุดนี้ก่อน รวมคลิปสอนปรับพื้นฐาน ภาษา php ฟรี 100 คลิป ++ https://devbanban.com/?p=3940
3.ไฟล์เชื่อมต่อฐานข้อมูล ชื่อไฟล์ connect.php
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<?php $servername = "localhost"; $username = "root"; $password = "password"; try { $conn = new PDO("mysql:host=$servername;dbname=workshop_pdo;charset=utf8", $username, $password); // set the PDO error mode to exception $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); //echo "Connected successfully"; } catch(PDOException $e) { echo "Connection failed: " . $e->getMessage(); } //Set ว/ด/ป เวลา ให้เป็นของประเทศไทย date_default_timezone_set('Asia/Bangkok'); ?> |
4. ไฟล์ workshop formAddbyRadio.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 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-escoresuiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous"> <!-- sweet alert --> <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert-dev.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.css"> <title>PHP PDO Add data using radio button by devbanban.com 2021</title> </head> <body> <div class="container"> <div class="row"> <div class="col-md-3"></div> <div class="col-md-8"> <br> <h4>PHP PDO :: เพิ่มข้อมูลจาก Radio Button</h4> <form action="" method="post"> <div class="mb-2"> <div class="col-sm-9"> <b>ประเมินความพึงพอใจ</b> <br> <!-- name ต้องเหมือนกัน ถึงจะสามารถเลือกได้แค่ 1 รายการ --> <input type="radio" name="scores" required value="1"> ต้องปรับปรุง (1) <br> <input type="radio" name="scores" required value="2"> พอใช้ (2) <br> <input type="radio" name="scores" required value="3"> ปานกลาง (3) <br> <input type="radio" name="scores" required value="4"> ดี (4) <br> <input type="radio" name="scores" required value="5"> ดีมาก (5) <br> <br> <button type="submit" class="btn btn-success"> เพิ่มข้อมูล </button> </div> </div> </form> </div> </div> </div> <!-- <center>คอร์สออนไลน์ <a href="https://devbanban.com/?cat=250" target="_blank"> คลิก </a> </center> --> </body> </html> <?php //print_r($_POST); //ตรวจสอบมี input อะไรบ้าง และส่งอะไรมาบ้าง //ถ้ามีค่าส่งมาจากฟอร์ม if (isset($_POST['scores'])) { //ไฟล์เชื่อมต่อฐานข้อมูล require_once 'connect.php'; //ประกาศตัวแปรรับค่าจากฟอร์ม $scores = $_POST['scores']; //sscoresl insert $stmt = $conn->prepare("INSERT INTO tbl_assessment (scores)VALUES(:scores)"); //bindParam data type $stmt->bindParam(':scores', $scores , PDO::PARAM_INT); $result = $stmt->execute(); $conn = null; //close connect db //ปล. อย่าก๊อบวางเพียงอย่างเดียว จงประยุกต์ใช้ด้วยครับ //ตรวจสอบการเพิ่มข้อมูล if($result){ echo '<script> setTimeout(function() { swal({ title: "บันทึกการประเมินเรียบร้อยแล้ว", type: "success" }, function() { window.location = "formAddbyRadio.php"; //หน้าที่ต้องการให้กระโดดไป }); }, 1000); </script>'; }else{ echo '<script> setTimeout(function() { swal({ title: "เกิดข้อผิดพลาด", type: "error" }, function() { window.location = "formAddbyRadio.php"; //หน้าที่ต้องการให้กระโดดไป }); }, 1000); </script>'; } } //isset //devbanban.com ?> |
5.ผลการทำงาน
ลองเอาไปประยุกต์ใช้ดูครับ และฝากติดตาม workshop ต่อๆ ไปด้วยครับผม
Bootstrap5 : https://getbootstrap.com/
ฝึก SQL : https://www.w3schools.com/sql/default.asp
แหล่งศึกษา PDO เพิ่มเติม : https://websitebeaver.com/php-pdo-vs-mysqli
List of PDOStatement::bindParam data_type parameters : https://www.php.net/manual/en/pdo.constants.php
ขอแนะนำระบบพร้อมใช้งาน *รายละเอียดและราคาอยู่ใต้คลิป
ระบบพร้อมใช้ทั้งหมด คลิก
ร่วมสนับสนุน ค่ากาแฟ ค่าโฮส devbanban.com ได้ที่
ธนาคารกรุงไทย สาขาเดอะมอลล์ท่าพระ
ชื่อบัญชี นายพิศิษฐ์ บวรเลิศสุธี เลขที่ 878-0-17747-6
————————————————————————————
ธนาคารไทยพาณิชย์ สาขามหาวิทยาลัยราชภัฏธนบุรี
ชื่อบัญชี นายพิศิษฐ์ บวรเลิศสุธี เลขที่ 406-359094-1
fanpage : https://www.facebook.com/sornwebsites/