สวัสดีครับ ในบทความนี้จะแจกตัวอย่างโค้ดระบบสมัครสมาชิกแบบง่ายๆ โดยเขียนในรูปแบบ PHP PDO รองรับการทำงาน PHP7 และ PHP8 สำหรับเอาไปศึกษาและพัฒนาต่อยอดครับ *ฝึกไว้ครับเผื่อได้ใช้
ขายโปรแกรม ลดสูงสุด 70%
ขายระบบสารสนเทศออนไลน์ พร้อมใช้ ราคาเบาๆ ได้โค้ดทั้งหมด นำไปต่อยอดได้
สินค้าทั้งหมด คลิก https://devbanban.com/?p=4425
ซื้อแล้วปรึกษาได้เรื่อยๆ ครับ
สนใจ inbox มาที่แฟนเพจ หรือ ☎️ 0948616709
รวมคลิปสอนปรับพื้นฐาน ภาษา php ฟรี 100 คลิป ++ https://devbanban.com/?p=3940
โค้ดประกอบด้วย
- PHP PDO
- MySQL
- HTML
- Bootstrap5
- Sweet Alert
- ป้องกันสมัครสมาชิกซ้ำ
มาเริ่มทำ workshop กันครับ *คอมเม้นอยู่ในโค้ด
0.รวม Workshop PHP PDO ก่อนหน้า คลิก
1.ตารางเก็บข้อมูลตัวอย่างจะชื่อ tbl_member ให้สร้างฐานข้อมูลก่อนครับ เช่น ฐานข้อมูลชื่อ workshop_pdo จากนั้นไปที่เมนู sql คัดลอกโค้ดไปวางและ go
1 2 3 4 5 6 7 8 9 10 11 12 |
CREATE TABLE `tbl_member` ( `id` int(11) NOT NULL, `name` varchar(50) NOT NULL, `surname` varchar(100) NOT NULL, `username` varchar(50) NOT NULL, `password` varchar(50) NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=utf8; ALTER TABLE `tbl_member` ADD PRIMARY KEY (`id`); ALTER TABLE `tbl_member` MODIFY `id` 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 = "yourpassword"; //ไม่ได้ตั้งรหัสผ่านก็ลบ yourpassword ออก 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'); ?> |
5.ไฟล์ workshop ตั้งชื่อ formRegister.php *มีคอมเม้นเพิ่มเติมใน code
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 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="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"> <title>Basic Register PHP PDO 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 :: ระบบสมัครสมาชิก</h4> <form action="" method="post"> <div class="mb-2"> <div class="col-sm-9"> <input type="text" name="name" class="form-control" required minlength="3" placeholder="ชื่อ"> </div> </div> <div class="mb-2"> <div class="col-sm-9"> <input type="text" name="surname" class="form-control" required minlength="3" placeholder="นามสกุล"> </div> </div> <div class="mb-2"> <div class="col-sm-9"> <input type="text" name="username" class="form-control" required minlength="3" placeholder="username"> </div> </div> <div class="mb-3"> <div class="col-sm-9"> <input type="password" name="password" class="form-control" required minlength="3" placeholder="password"> </div> </div> <div class="d-grid gap-2 col-sm-9 mb-3"> <button type="submit" class="btn btn-primary">สมัครสมาชิก</button> </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['name']) && isset($_POST['surname']) && isset($_POST['username']) && isset($_POST['password']) ){ // sweet alert echo ' <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">'; //ไฟล์เชื่อมต่อฐานข้อมูล require_once 'connect.php'; //ประกาศตัวแปรรับค่าจากฟอร์ม $name = $_POST['name']; $surname = $_POST['surname']; $username = $_POST['username']; $password = sha1($_POST['password']); //เก็บรหัสผ่านในรูปแบบ sha1 //check duplicat $stmt = $conn->prepare("SELECT id FROM tbl_member WHERE username = :username"); //$stmt->bindParam(':username', $username , PDO::PARAM_STR); $stmt->execute(array(':username' => $username)); //ถ้า username ซ้ำ ให้เด้งกลับไปหน้าสมัครสมาชิก ปล.ข้อความใน sweetalert ปรับแต่งได้ตามความเหมาะสม if($stmt->rowCount() > 0){ echo '<script> setTimeout(function() { swal({ title: "Username ซ้ำ !! ", text: "กรุณาสมัครใหม่อีกครั้ง", type: "warning" }, function() { window.location = "formRegister.php"; //หน้าที่ต้องการให้กระโดดไป }); }, 1000); </script>'; }else{ //ถ้า username ไม่ซ้ำ เก็บข้อมูลลงตาราง //sql insert $stmt = $conn->prepare("INSERT INTO tbl_member (name, surname, username, password) VALUES (:name, :surname, :username, :password)"); $stmt->bindParam(':name', $name, PDO::PARAM_STR); $stmt->bindParam(':surname', $surname , PDO::PARAM_STR); $stmt->bindParam(':username', $username , PDO::PARAM_STR); $stmt->bindParam(':password', $password , PDO::PARAM_STR); $result = $stmt->execute(); if($result){ echo '<script> setTimeout(function() { swal({ title: "สมัครสมาชิกสำเร็จ", text: "กรุณารอระบบ Login ใน Workshop ต่อไป", type: "success" }, function() { window.location = "login.php"; //หน้าที่ต้องการให้กระโดดไป }); }, 1000); </script>'; }else{ echo '<script> setTimeout(function() { swal({ title: "เกิดข้อผิดพลาด", type: "error" }, function() { window.location = "formRegister.php"; //หน้าที่ต้องการให้กระโดดไป }); }, 1000); </script>'; } $conn = null; //close connect db } //else chk dup } //isset //devbanban.com ?> |
6.ผลการทำงาน
7.Workshop ระบบ Login – Logout คลิก
ลองเอาไปประยุกต์ใช้ดูครับ และฝากติดตาม workshop ต่อๆ ไปด้วยครับผม
แหล่งศึกษาเพิ่มเติม : https://websitebeaver.com/php-pdo-vs-mysqli
List of PDOStatement::bindParam data_type parameters : https://www.php.net/manual/en/pdo.constants.php
ขายโปรแกรม ลดสูงสุด 70%
ขายระบบสารสนเทศออนไลน์ พร้อมใช้ ราคาเบาๆ ได้โค้ดทั้งหมด นำไปต่อยอดได้
สินค้าทั้งหมด คลิก https://devbanban.com/?p=4425
ซื้อแล้วปรึกษาได้เรื่อยๆ ครับ
สนใจ inbox มาที่แฟนเพจ หรือ ☎️ 0948616709
ร่วมสนับสนุน ค่ากาแฟ ค่าโฮส devbanban.com ได้ที่
ธนาคารกรุงไทย สาขาเดอะมอลล์ท่าพระ
ชื่อบัญชี นายพิศิษฐ์ บวรเลิศสุธี เลขที่ 878-0-17747-6
————————————————————————————
ธนาคารไทยพาณิชย์ สาขามหาวิทยาลัยราชภัฏธนบุรี
ชื่อบัญชี นายพิศิษฐ์ บวรเลิศสุธี เลขที่ 406-359094-1
fanpage : https://www.facebook.com/sornwebsites/