Laui 페이징 사용 방법

추천 튜토리얼: layui 튜토리얼

layui 페이징 공식 주소: https://www.layui.com/doc/modules/laypage.html

1단계 페이지 소개layui's CSS 및 JS j이를 보여줄 필요가 없습니다. 두 번째 단계는 html

에서 스타일을 작성하는 것입니다. 세 번째 단계는 JS 코드를 작성하는 것입니다.

현재 페이징 스타일은 js 코드로 간단하게 작성되어 있습니다

테마는 페이징 색상을 맞춤 설정하거나 클래스 이름을 추가하여 페이징 스타일을 변경하는 것입니다

자세한 내용은 다음을 참조하세요. layui 공식 홈페이지 4단계 ajax 제어 페이징

ajax로 전송할 데이터

　　theme就是给分页自定义颜色或者加一个类名从而改变分页样式

　　详见layui官网

第四步 ajax控制分页

　　ajax中data要传的数据

　　在layui调用中添加 jump

　　jump就是 点击上一页或者下一页触发函数自身

　　　　if (!first) {
　　　　　}

　　的作用就是设置首次渲染分页无需走业务逻辑处理函数,不然会陷入死循环，我一开始看的时候也一脸懵逼 这样怎么实现页面跳转 怎么得到当前页，然后我打印了一下函数中的obj就明白了

　　在obj中已经得到了总数据条数和当前页，点击下一页的时候 <strong>curr</strong>就是变成2，如果当前页是2 点击上一页的时候 <strong>curr</strong>就会变成1，把obj.curr赋值给已经定义好的当前页变量 当成参数 详见第四步 ajax 점프 추가

🎜　　Jump는 이전 페이지 또는 다음 페이지를 클릭하는 것입니다. 함수 자체를 트리거합니다🎜🎜　　if (!first) {
　　}🎜🎜　이 함수는 비즈니스 로직 처리 기능을 사용하지 않고 첫 번째 렌더링 페이징을 설정하는 것입니다. 그렇지 않으면 처음 읽을 때 무한 루프에 빠지게 됩니다. , 이렇게 페이지 점프를 달성하는 방법은 무엇입니까? 현재 페이지를 가져온 다음 함수에 🎜obj🎜를 인쇄하고 이해했습니다🎜🎜🎜🎜　데이터 항목의 총 개수와 현재 페이지를 🎜obj🎜에서 가져왔습니다. 다음 페이지를 클릭하면 🎜curr🎜는 2가 되고,현재 페이지가 2라면 이전 페이지를 클릭하면 🎜curr🎜 는 1이 되며, 변경 사항은 정의된 현재 페이지 변수에 매개변수로 할당됩니다. ajax🎜🎜 4단계의 데이터입니다. 마지막으로 렌더링 목록 기능을 다시 호출하면 페이지네이션🎜이 완료됩니다.

위 내용은 Laui 페이징 사용 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!