การพัฒนาเว็บแอพพลิเคชั่น ด้วย PHP และ Dreamweaver ตอนที 10

บทที่ 9 การแบ่งหน้าแสดงผลข้อมูล ในเนื้อหาที่ผ่านมา เราได้ผ่านขั้นตอนการสร้างระบบแสดงผลข้อมูล ซึ่งทำหน้าที่แสดงผลข้อมูลจากฐานข้อมูลแบบ วนลูป ข้อมูลทุกเร็คคอร์ดจะถูกแสดงผลออกมาในหน้าเว็บเพจเดียว เนื้อหาในบทนี้จะกล่าวถึงการแสดงผลข้อมูลโดยแบ่งผลลัพธ์ออกเป็นหลายๆ หน้า โดยขั้นตอนการแบ่งหน้าแสดงผล นี้ จะทำต่อจากขั้นตอนการแสดงผลข้อมูลที่ผ่านมา

1. บทที่ 9 การแบ่งหน้าแสดงผลข้อมูล ในเนื้อหาที่ผ่านมา เราได้ผ่านขั้นตอนการสร้างระบบแสดงผลข้อมูล ซึ่งทำหน้าที่แสดงผลข้อมูลจากฐานข้อมูลแบบ วนลูป ข้อมูลทุกเร็คคอร์ดจะถูกแสดงผลออกมาในหน้าเว็บเพจเดียว เนื้อหาในบทนี้จะกล่าวถึงการแสดงผลข้อมูลโดยแบ่งผลลัพธ์ออกเป็นหลายๆ หน้า โดยขั้นตอนการแบ่งหน้าแสดงผล นี้ จะทำต่อจากขั้นตอนการแสดงผลข้อมูลที่ผ่านมา การแบ่งหน้าแสดงผลข้อมูลที่ยกมาอธิบายในที่นี้
แบ่งเป็นขั้นตอนได้ดังต่อไปนี้
 1. การกำหนดจำนวนเร็คคอร์ดสำหรับแสดงผลต่อ 1 หน้า
 2. การสร้างลิงค์สำหรับคลิกแสดงผลทีละ 1 หน้า
 3. การใช้งานระบบแสดงผลข้อมูลแบบแบ่งหน้า

2. (1) การกำหนดจำนวนเร็คคอร์ดแสดงผลต่อ 1 หน้า ในขั้นตอนนี้ จะเป็นการกำหนดให้เว็บเพจแสดงผลวนซ้ำจนกว่าจะครบจำนวนเร็คคอร์ดต่อ 1 หน้าที่ระบุ ขั้นตอนการกำหนดจำนวนเร็คคอร์ดแสดงผลต่อ 1 หน้า: 1. เริ่มต้นที่หน้าจอ Dreamweaver เปิดไฟล์ list.php คลิกเลือกบริเวณที่ต้องการแสดงผลข้อมูลวนซ้ำ คือบรรทัดที่ 2 ของ ตาราง เพื่อให้ตำแหน่งของเคอร์เซอร์อยู่ภายในบริเวณบรรทัดที่แสดงผล หลังจากนั้นให้คลิกเลือกแท็ก บน Tag Selector รูปแสดงการกำหนดการวนลูปแสดงผลซ้ำ 2. คลิกที่เมนู Window > Server Behaviors หลังจากนั้นให้ดับเบิลคลิกรายการ Repeat Region ที่ได้สร้างไว้ก่อนหน้านี้ ดังรูป รูปแสดงไดอะล็อก Repeat Region แสดงการกำหนดแสดงผล 10 เร็คคอร์ดต่อ 1 หน้า ดับเบิลคลิกที่นี่ dulyawat@hotmail.com การแบ่งหน้าแสดงผลข้อมูล 65
3. (2) การสร้างลิงค์สำหรับคลิกแสดงผลทีละ 1 หน้า ในขั้นตอนการกำหนดจำนวนเร็คคอร์ดแสดงผลต่อ 1 หน้า ที่ผ่านมา จะเห็นว่าเราได้กำหนดให้แสดงผลข้อมูลครั้งละ 10 เร็คคอร์ด ดังนั้น หากลองทดสอบการทำงานไฟล์ list.php จะพบว่ามีข้อมูลที่แสดงผลเพียง 10 เร็คคอร์ดเท่านั้น ซึ่งใน ความเป็นจริงอาจจะมีมากกว่านั้นก็ได้ ในส่วนนี้ก็จะเป็นการสร้างลิงค์สำหรับคลิกกลับไป-มาทีละ 10 เร็คคอร์ด หรือแล้วแต่ จำนวนที่เรากำหนดในขั้นตอนการแสดงผลซ้ำนั่นเอง ขั้นตอน: 1. เริ่มต้นที่หน้าจอ Dreamweaver เปิดไฟล์ list.php 2. คลิกเม้าส์เพื่อวางเคอร์เซอร์ที่ตำแหน่งด้านล่างถัดจากตารางแสดงผล หลังจากนั้นให้คลิกเลือกเมนู Insert > Application Objects > Display Record Count > Recordset Navigation Status 3. เมื่อปรากฏไดอะล็อก Recordset Navigation Status ขึ้นมา เป็นการให้เลือกว่าจะกระทำกับ Recordset ใด (กรณีที่ใน 1 เว็บเพจมีการสร้างหลาย Recordset) ในที่นี้ให้เลือก rsEmp หลังจากนั้นให้คลิก OK รูปแสดงไดอะล็อก Recordset Navigation Status คลิกที่นี่ dulyawat@hotmail.com การแบ่งหน้าแสดงผลข้อมูล 66
4. จะปรากฏข้อความแสดงสถานะว่าขณะนี้กำลังแสดงผลเร็คคอร์ดใดบ้าง รูปแสดง Recordset Navigation Status 4. คลิกเลือกเมนู Insert > Application Objects > Recordset Paging > Recordset Navigation Bar 5. เมื่อปรากฏไดอะล็อก Recordset Navigation Bar ขึ้นมา เป็นการให้เลือกว่าจะกระทำกับ Recordset ใด (กรณีที่ใน 1 เว็บเพจมีการสร้างหลาย Recordset) ในที่นี้ให้เลือก rsEmp ในช่อง Display Using ให้เลือก Text หลังจากนั้นให้คลิก OK รูปแสดงไดอะล็อก Recordset Navigation Bar จะปรากฏลิงค์สำหรับคลิกเพื่อแสดงผลข้อมูลกลับไป-มาทีละ 10 เร็คคอร์ด หรือแล้วแต่จำนวนที่เรากำหนดในขั้นตอน การแสดงผลซ้ำ รูปแสดง Recordset Navigation Bar 6. บันทึกไฟล์ list.php (3) การใช้งานระบบแสดงผลข้อมูลแบบแบ่งหน้า เริ่มต้นโดยใช้โปรแกรม Dreamweaver เปิดไฟล์ list.php ขึ้นมา แล้วกดปุ่ม F12 โปรแกรม Internet Explorer จะถูก เปิดขึ้นมาเรียกใช้งานไฟล์ list.php หลังจากนั้นทดสอบคลิกที่ลิงค์ First Previous Next และ Last ด้านล่างของหน้าเว็บเพจ เร็คคอร์ดที่แสดงผลจะปรากฏขึ้นมาทีละ 10 เร็คคอร์ด dulyawat@hotmail.com การแบ่งหน้าแสดงผลข้อมูล 67

Browse More Articles

Tweet

Written by Unknown

webidea (เว็บไอเดีย) ทางทีมงานเราเป็นทีมงานมือใหม่ ต้องการแชร์ประสบการณ์จากสิ่งที่เรียนมาผ่าน blogger เพื่อมีประโยชน์ต่อผู้ติดตามท่านต่อ ๆ ไปและใช้ความรู้ให้เกิดประโยชน์สูงสุด