PHP PDO :: เพิ่มข้อมูลจาก Radio Button

สวัสดีครับ ในบทความนี้แจกตัวอย่าง 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

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;

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

<?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');
?>

<?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 *มีคอมเม้นเพิ่มเติมในโค้ด

<!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
?>

<!DOCTYPE html>

<head>

<title>PHP PDO Add data using radio button by devbanban.com 2021</title>

</head>

<body>

<h4>PHP PDO :: เพิ่มข้อมูลจาก Radio Button</h4>

<b>ประเมินความพึงพอใจ</b> <br>

<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)

</div>

</form>

</div>

</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/

Share this: