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




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

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

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

  • PHP PDO
  • MySQL SQL Query, LIKE
  • HTML
  • Bootstrap5 Class : col, table, form, button, alert

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

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

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

 

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

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

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

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

5.ไฟล์ workshop ตั้งชื่อ showProductAndSearch.php หรือแล้วแต่ เช่น index.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/

(Visited 600 times, 25 visits today)