สวัสดีครับ ในบทความนี้จะแจกตัวอย่าง PHP PDO Column Chart, กราฟแท่งสวยๆ จาก Highcharts รายงานในรูปแบบกราฟแท่งสวยๆ เพื่อประยุกต์ใช้ในการทำระบบแสดงรายงานในอนาคต ในการใช้กราฟจาก Highcharts ดีอย่างไร คำตอบคือ ฟรี, สวย, ปรับแต่งได้ และยังสามารถดาวน์โหลดเป็นไฟล์ต่างๆ ได้อีกด้วย เช่น png, jpg, pdf, excel เป็นต้น *Code ที่แจกจะรองรับการทำงาน PHP7 และ PHP8 *ฝึกไว้ครับเผื่อได้ใช้




ตัวอย่างระบบที่มีการแสดงรายงานเป็นกราฟแท่ง
1.ระบบยืมคืนอุปกรณ์กีฬา คลิก
2.เว็บอีคอมเมิร์ชราคาถูก คลิก
3.เว็บจองโรงแรม คลิก
4.ฐานข้อมูลศิษย์เก่า คลิก
5.ระบบอื่นๆ เพิ่มเติม คลิก

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

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

  • PHP PDO
  • MySQL SUM
  • HTML
  • Bootstrap5
  • แสดงข้อมูลในรูปแบบกราฟแท่งโดยใช้  Highcharts 

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

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

1.ให้สร้างฐานข้อมูลก่อนครับ เช่น ฐานข้อมูลชื่อ workshop_pdo

2.ตารางเก็บข้อมูลรายการขาย  tbl_sales พร้อมข้อมูลตัวอย่าง  (จากนั้นไปที่เมนู sql คัดลอกโค้ดไปวางและ go)

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

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

5.ไฟล์ Workshop ColumnChart-highChart.php

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 75 times, 21 visits today)