สวัสดีครับ ในบทความนี้จะแจกตัวอย่าง Code PHP PDO ฟอร์มเพิ่มข้อมูล Banner Slides และเรียกไปแสดงใน Bootstrap5 carousel (Slider) เพื่อทำส่วนการแสดงโปรโมชั่นหน้าเว็บสำหรับเว็บอีคอมเมิร์ชครับ มันเป็นลูกเล่นสำคัญที่ต้องมีทุกเว็บ !! และโค้ดจะรองรับ php7, php8 ฝึกไว้ครับเผื่อได้ใช้




ตัวอย่างระบบที่มีการเพิ่มข้อมูลสินค้าหรือการนำสไลด์มาแสดงหน้าเว็บ
1.เว็บอีคอมเมิร์ช คลิก
2.เว็บ FOOD POS ขายอาหารหน้าร้าน คลิก
3.เว็บ Coffee POS ขายกาแฟหน้าร้าน คลิก
4.หลังบ้านระบบอีคอมเมิร์ช คลิก
5.เว็บบริษัท / เว็บองค์กร คลิก
6.ระบบอื่นๆ เพิ่มเติม คลิก

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

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

  • PHP PDO
  • MySQL SQL Insert, Query
  • HTML
  • Bootstrap5 Class : col, btn, form, carousel
  • Sweet Alert

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

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

1.ตารางเก็บข้อมูลตัวอย่างจะชื่อ tbl_slides  ให้สร้างฐานข้อมูลก่อนครับ เช่น ฐานข้อมูลชื่อ workshop_pdo  จากนั้นไปที่เมนู sql คัดลอกโค้ดไปวางและ go

**ปล. หารูปมาใส่เองนะครับ ใส่ไว้ในโฟลเดอร์  upload ชื่อไฟล์  banner.jpg

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

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

4.สร้างโฟลเดอร์สำหรับเก็บไฟล์ภาพที่อัพโหลด ชื่อ upload (ตั้งตาม code บรรทัด 148)

5.ไฟล์ workshop ตั้งชื่อ formAddSlides.php  *มีคอมเม้นเพิ่มเติมใน code

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

 

ลองเอาไปประยุกต์ใช้ดูครับ และฝากติดตาม 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/

เราใช้คุกกี้เพื่อพัฒนาประสิทธิภาพ และประสบการณ์ที่ดีในการใช้เว็บไซต์ของคุณ คุณสามารถศึกษารายละเอียดได้ที่ นโยบายความเป็นส่วนตัว และสามารถจัดการความเป็นส่วนตัวเองได้ของคุณได้เองโดยคลิกที่ ตั้งค่า

Privacy Preferences

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

Allow All
Manage Consent Preferences
  • Always Active

Save