เมื่อเรียนรู้ที่จะใช้ตาราง bootstrap เมื่อ pagining ลูกค้าด้วยความช่วยเหลือของเพื่อนฉันพบเอกสาร http://bootstrap-table.wenzhixin.net.cn/examples/
จำนวนหน้าต่อหน้าที่ผ่านไปยังพื้นหลังพบและจำนวนการบันทึกเริ่มต้นชดเชย
เริ่มห่อหุ้มแชร์รหัสของฉันรับหมายเลขหน้าและหมายเลขหน้าจากตาราง bootstrap และส่งไปยังพื้นหลังสำหรับการประมวลผล
$ ('#table'). bootstraptable ({url: '<%= path%>/feedlist.cqzk', ลาย: จริง, pagination: true, pagelist: [3,5,20], หน้า: 3, pagenumber: 1, sidepagination: 'เซิร์ฟเวอร์', // 'creattime', title: 'time'}]}); @RequestMapping (value = "/feedlist.cqzk") @ResponseBody สตริงสาธารณะ url_ad1 (httpservletrequest คำขอหน้า bootpage) โยน servletexception, ioexception, runtimeexception {@SuppressWarnings ( bootpage pager = feedbackdao.getBypage ("จากข้อเสนอแนะ", หน้า, null); System.out.println ((jsonarray.fromobject (Pager)). getString (0) .tostring ()); return (jsonarray.fromobject (Pager)). getString (0) .tostring (); // ถ้าคุณไม่เขียน. getString (0) คุณจะมีตัวยึดพิเศษและอาร์เรย์ที่ส่งคืนเป็นหนึ่งและถ้าคุณเขียนมันคุณจะส่งคืนวัตถุแรก } bootpage สาธารณะ getByPage (String hql, pager bootpage, แผนที่ <สตริง, วัตถุ> เงื่อนไข) {ถ้า (pager == null) {โยน unlegalargumentException ใหม่ ("หน้าไม่ว่าง!"); } Query Q = SessionFactory.getCurrentSession (). CreateQuery (HQL); Q.SetFirstResult (pager.getOffset ()); Q.SetMaxResults (pager.getLimit ()); if (เงื่อนไข! = null) {q.setProperties (เงื่อนไข); } pager.setrows (q.list ()); Pager.settotal (this.countall (HQL, เงื่อนไข)); เพจเจอร์กลับ; } ป้องกันความยาวยาว (สตริง hql, แผนที่ <สตริง, วัตถุ> เงื่อนไข) {ถ้า (hql == null) {return 0l; } สตริง tmphql = hql.toLowercase (); string regex = hql.substring (0, tmphql.indexof ("จาก")); hql = hql.replacefirst (regex, "เลือกนับ (*)"); Query Q = SessionFactory.getCurrentsession (). Createquery (HQL); if (เงื่อนไข! = null) {q.setProperties (เงื่อนไข); } return (ยาว) q.uniqueresult (); } Public Class Bootpage <T> {ป้องกันความยาวทั้งหมด; รายการที่ได้รับการป้องกัน <t> แถว; ขีด จำกัด int ที่ได้รับการป้องกัน = 0; ได้รับการป้องกัน int offset = 0; ลำดับสตริงที่ได้รับการป้องกัน = "ASC";หากคุณยังต้องการศึกษาในเชิงลึกคุณสามารถคลิกที่นี่เพื่อศึกษาและแนบ 3 หัวข้อที่น่าตื่นเต้นให้คุณ:
การสอนการเรียนรู้ bootstrap
การสอนการใช้งาน Bootstrap
การสอนการใช้งานปลั๊กอิน bootstrap
ข้างต้นเป็นวิธีการใช้งานของตาราง bootstrap ที่ใช้ร่วมกันกับคุณ ฉันหวังว่ามันจะเป็นประโยชน์สำหรับคุณที่จะเชี่ยวชาญวิธีการใช้งานของตาราง bootstrap