วัตถุประสงค์หลักของบทความนี้คือการแบ่งปันวิธีการใช้งานเฉพาะขององค์ประกอบ JS Pagination ของ Laypage กับ Laypage สำหรับการอ้างอิงของคุณกับคุณ เนื้อหาเฉพาะมีดังนี้
ส่วน PHP
ดัชนีฟังก์ชั่น () {ส่วนหัว ('เนื้อหาประเภท: ข้อความ/html; charset = utf-8'); // รับหมายเลขหน้าปัจจุบันเริ่มต้นหน้าแรกตั้งค่าหมายเลขเริ่มต้นของอักขระที่แสดงต่อหน้า $ nowpage = i ('get.page', 1, 'intval'); $ Limits = 8; // รับจำนวนอักขระทั้งหมด $ count = m ('บทความ') -> โดยที่ (อาร์เรย์ ('สถานะ' => อาร์เรย์ ('egt', 0))) -> นับ (); // คำนวณหน้าทั้งหมด $ allPage = CEIL ($ COUNT / $ LIMITS); $ allPage = intval ($ allpage); $ lists = m ('บทความ') -> โดยที่ (อาร์เรย์ ('สถานะ' => อาร์เรย์ ('egt', 0))) -> หน้า ($ nowpage, $ limits) // วิธีการ pagination-> คำสั่งซื้อ ('createTime desc') -> select (); // กระโดดเอาท์พุทเพจ $ สิ่งนี้ -> กำหนด ('รายการ', $ lists); $ this -> กำหนด ('allpage', $ allpage); $ this -> กำหนด ('NowPage', $ nowPage); $ this-> display (); /* // ajax paging output $ info = array ('lists' => $ lists, 'allpage' => $ allpage, 'nowpage' => $ nowpage); $ this-> ajaxreturn ($ info, 'json'); -LayoutPage (เวอร์ชันใหม่) ใน JS กระโดดไปที่การแบ่งหน้า
// รูปแบบการแบ่งหน้า ({cont: 'show_pages', // หน้าคอนเทนเนอร์ pagination: "{$ allpage}", // จำนวนทั้งหมดของหน้าข้าม: จริง, // ไม่ว่าจะเปิดหน้าข้าม Curr: function () {var page = "{$ nowpage}"; // หน้าปัจจุบัน ฟังก์ชั่น (E, First) {// การเรียกกลับมาหลังจากเรียกหน้าเว็บ (หลังจากคลิกหมายเลขหน้า) ถ้า (! URL;}}});LayoutPage (เวอร์ชันใหม่) Ajax Pagination ใน JS
ฟังก์ชั่นสาธิต (Curr) {$ .getJson ("{: u ('บทความ/ดัชนี')}", {หน้า: curr // พารามิเตอร์ที่ส่งผ่านไปยังเซิร์ฟเวอร์เป็นเพียงการสาธิต}, ฟังก์ชั่น (res) {// ผลลัพธ์ JSON กลับมาโดยเซิร์ฟเวอร์ // 'show_pages', // หน้าคอนเทนเนอร์: res.allpage, // จำนวนทั้งหมดของหน้า (แบ็กเอนด์) Curr: res.nowpage, // หน้าปัจจุบัน (ได้รับจากพื้นหลัง) กระโดด: ฟังก์ชั่น (obj, ก่อน) {// การเรียกกลับมา การสาธิต (obj.curr); - // เริ่มต้นและเรียกใช้การสาธิต ();ข้างต้นเป็นเรื่องเกี่ยวกับบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์สำหรับทุกคนในการเรียนรู้เค้าโครงส่วนประกอบของการแบ่งหน้า