สวัสดีครับ ในบทความนี้จะแจกตัวอย่างโค้ดการใช้งาน PHP PDO ร่วมกับ DataTables  แบบง่ายๆ ซึ่งมีลูกเล่นมากมายๆ และเป็นที่นิยมที่จะนำมาใช้งานกับระบบหลังบ้าน (Backend) ในส่วนของการแสดงผลที่มีตารางเข้ามาเกี่ยวข้อง และที่สำคัญ ใช้งานได้ฟรี !! ตัวอย่าง code ที่แจกจะรองรับการทำงาน PHP7 และ PHP8   *ฝึกไว้ครับเผื่อได้ใช้




รวมคลิปสอนปรับพื้นฐาน ภาษา php ฟรี 100 คลิป ++  https://devbanban.com/?p=3940

โค้ดประกอบด้วย

  • PHP PDO
  • DataTables
  • MySQL
  • HTML
  • Bootstrap5

มาเริ่มทำ workshop กันครับ *คอมเม้นอยู่ในโค้ด

0.DataTables คืออะไร คลิก

1.รวม Workshop PHP PDO ก่อนหน้า คลิก

2.สร้างโฟลเดอร์สำหรับทดสอบ เช่น ชื่อโฟลเดอร์ workshop_pdo *สำหรับคนที่เพิ่งฝึกยังไม่เข้าใจข้อนี้ว่าต้องสร้างไว้ที่ไหน ให้ดูคลิปชุดนี้ก่อน รวมคลิปสอนปรับพื้นฐาน ภาษา php ฟรี 100 คลิป ++  https://devbanban.com/?p=3940

3.ไฟล์เชื่อมต่อฐานข้อมูล ชื่อไฟล์ connect.php

4.ตารางที่ใช้ tbl_member ให้สร้างฐานข้อมูลก่อนนะครับ (ชื่อฐานข้อมูลที่ใช้ workshop_pdo) แล้วคัดลอกโค้ดและคลิกในเมนู sql จากนั้นวาง code สร้างตาราง จากนั้นคลิก Go ก็จะได้ตารางพร้อมข้อมูลตัวอย่างละครับ

5.ไฟล์แสดงผล datatable.php *จุดที่ต้องโฟกัส !! บรรทัด 15 มีการสร้างไอดี example ตอนที่ใส่ใน tag table (บรรทัด 26) ต้องใส่  id=”example” และ class=”display” ด้วยครับ ถึงจะใช้งานได้

6.ผลการทำงาน

7.ข้อแนะนำเพิ่มเติม workshop ดังกล่าวเหมาะกับข้อมูลน้อยกว่า 2000 rows ถ้ามากกว่าจะนี้จะโหลดช้ามากๆ แนะนำไปให้ไปศึกษา workshop datatable serverside คลิก.

 

ลองเอาไปประยุกต์ใช้ดูครับ และฝากติดตาม workshop ต่อๆ ไปด้วยครับผม

Bootstrap5 : https://getbootstrap.com/
แหล่งศึกษา 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/

(Visited 251 times, 15 visits today)