แจกโค้ด MultiInput, MultiCheckboxDelete, Pagination
Source Code PHP AJAX Multiple Input ตัวอย่าง แถมให้ฟรีกรณีพิเศษ
MultiInput, MultiCheckboxDelete, Pagination (Ajax + PHP REST API)
สิ่งที่ตัวระบบทำได้มีดังนี้
- สามารถกดเพิ่ม input เพื่อกรอกข้อมูลได้
- สามารถกดลบ input ที่สร้างขึ้นมาใหม่ได้
- สามารถกดบันทึกข้อมูลทั้งหมดลงฐานข้อมูล
- สามารถเรียกข้อมูลออกมาแสดงผลได้
- สามารถเรียกข้อมูลแบบแบ่งย่อยแต่ละหน้าได้ (Pagination)
- ระบบ Pagination ที่เขียนด้วยตัวเองทั้งหมด
- สามารถกดล้างข้อมูลในฐานข้อมูลทั้งหมดได้
- สามารถคลิกเลือก Checkbox เพื่อทำการเลือกข้อมูลทั้งหมดได้
- สามารถคลิกเลือก Checkbox แต่ละตัวได้
- สามารถคลิกปุ่ม ลบข้อมูล เพื่อลบสิ่งที่เราได้ Checked เลือก ไปก่อนหน้านั้น
เครื่องมือที่ใช้ในการพัฒนา
- Bootstrap Version 5 ใช้เพื่อสำหรับการแสดงผลหน้าเว็บไซต์อย่างสวยงาม
- SweetalertV2 ใช้เพื่อในการแจ้งเตือน Dialog ขึ้นมา เพื่อให้กดยืนยัน ก่อนการทำงานของระบบ
- Jquery ใช้เพื่อสร้างส่วนของการติดต่อของผู้ใช้ และแสดงผลข้อมูล
- Ajax ใช้เพื่อสร้าง Http Request ส่งข้อมูลไปยัง Server สำหรับการประมวลผลข้อมูล
- PHP PDO ใช้เพื่อสร้างการเชื่อมต่อกับฐานข้อมูล และคำสั่งต่างๆที่จำเป็น
- PHP REST API รูปแบบการสื่อสารข้อมูลทั้งฝั่ง Client และ ฝั่ง Server ด้วย JSON
สามารถคลิกดาวน์โหลดได้ในหน้าถัดไป
10 comments