php-codeigniter-framework

สอน codeigniter วิธีใช้ pagination ร่วมกับ bootstrap

สอน codeigniter วิธีใช้ pagination ร่วมกับ bootstrap



การแบ่งหน้าเพจจากฐานข้อมูลที่มีหลาย record ให้เป็นหน้าเพจที่มีปริมาณข้อมูลเท่ากันหรือใกล้เคียงกัน เราเรียกว่าการทำ pagination ระบบ pagination ถูกพัฒนาไว้ทั้งในส่วน backend คือ codeigniter framework และในส่วน frontend คือ bootstrap framework ก็มีระบบ pagination ให้เราสามารถใช้งานด้วยเช่นกัน บทความนี้เราจะมาเริ่มใช้งานระบบ pagination ร่วมกันระหว่าง codeigniter และ bootstrap


สร้างตารางฐานข้อมูล

เริ่มต้น ให้เราทำการสร้างตารางฐานข้อมูล โดยให้มีโครงสร้างที่สามารถนำไปแบ่งเป็นหน้าเพจได้ เพื่อใช้สำหรับการทดสอบ ในบทความนี้จะยกตัวอย่างตารางโดยตั้งชื่อว่า apps_member และเก็บข้อมูล field ต่าง ๆ ดังนี้


codeigniter-ใช้งาน-pagination


เมื่อได้ตาราง apps_member เรียบร้อยแล้วให้สร้างข้อมูลแบบ manual โดยเลือกไปที่เมนู insert ใน phpmyadmin เพิ่มข้อมูลให้มากพอสำหรับการทดสอบการแบ่งหน้า

รูปแบบการ query ข้อมูล

ให้สร้างไฟล์ model ตั้งชื่อว่า model_page และสร้างเมธอดสำหรับคิวรี่ข้อมูล โดยเราสามารถเขียนคำสั่งได้ดังนี้

  • พารามิเตอร์ตัวแรกคือ $page หมายถึง เลขหน้าเพจที่เราจำเป็นต้องส่งเข้ามาเพื่อกำหนดตำแหน่งเริ่มต้นของ record
  • พารามิเตอร์ตัวที่สอง คือ $per_page หมายถึง จำนวนของ record ที่เราต้องการให้แสดงต่อหน้า


การตั้งค่าและใช้งานใน controller

จาก 2 หัวข้อด้านบนเราได้เตรียมฐานข้อมูลและ model สำหรับคิวรี่ข้อมูลเรียบร้อยแล้วต่อไปคือการเรียกใช้งานและตั้งค่าระบบ pagination ในส่วนของ controller ดังนั้นให้เราสร้างไฟล์ controller และตั้งชื่อว่า Home.php และสร้างเมธอดชื่อว่า member ไว้สำหรับแสดงรายชื่อสมาชิก ซึ่งจะมีรูปแบบเขียนและการเรียกใช้งานดังนี้


ใช้งาน bootstrap pagination

ถ้าเราต้องการใช้งาน pagination ที่เป็นเทมเพลตของ bootstrap สามารถทำได้โดยการเพิ่ม config เข้าไปในส่วนของ Home Controller ก่อนการ initialize ดังนี้ครับ


แสดง Page Number ในส่วนของ View

ขั้นตอนสุดท้ายในหน้า member_view นอกจากการนำข้อมูลไปแสดงเป็นลิสต์ให้สวยงามแล้ว เราต้องทำการ echo ข้อมูลส่วน pagination เพื่อแสดงเลขหน้าด้วยนะครับ สามารถเขียนโค๊ดได้ดังนี้ครับ

ตัวแปร $pagination คือตัวแปรที่ส่งออกมาจากา Home Controller

กระทู้ใกล้เคียง

สอน codeigniter ติดตั้งไลบรารี่และส่งอีเมลด้วย PHP... สอน codeigniter ติดตั้งไลบรารี่และส่งอีเมลด้วย PHPMailler การส่งอีเมลเป็นฟังก์ชั่นการทำงานอีกส่วนหนึ่งที่มักจะมีในขั้นตอนของการพัฒนาเว็บไซต์ ตัวอย่...
สอน codeigniter ทำระบบสมัครสมาชิก... สอน codeigniter เข้าใจโครงสร้างของ CI ด้วยระบบสมัครสมาชิก สอน code igniter เขียนระบบสมัครสมาชิกด้วย codeigniter framework แบบ Step By Step ในบท...
ทำเว็บไซต์ให้ปลอดภัย Codeigniter Security... ทำเว็บไซต์ให้ปลอดภัย Codeigniter Security อย่าลืมที่จะเพิ่มความปลอดภัยให้เว็บไซต์ ด้วยคุณสมบัติด้านความปลอดภัยที่ codeigniter มีให้อยู่แล้ว Fram...
วิธีใช้งาน core เพิ่มคุณสมบัติให้ codeigniter... วิธีใช้งาน core ใน codeigniter เพิ่มคุณสมบัติระบบหลัก สำหรับการพัฒนาเว็บไซต์ด้วย framework ไม่ว่าจะใช้เฟรมเวิร์คอะไรบนโลกนี้ โดยพื้นฐานแล้วก็เพื่อก...