实现layui框架中页码的跳转

在 layui 框架中，可以使用 laypage 组件来实现分页功能。要实现页码的跳转，可以通过监听 laypage 组件的 jump 事件来实现。

具体实现步骤如下：

1. 引入 layui 的 laypage 组件和 jQuery 库。

<script src="http://cdn.layui.com/layui/2.5.7/layui.all.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

2. 在页面中添加一个 laypage 的容器。

<div id="pager"></div>

3. 在 JavaScript 中初始化 laypage 组件，并监听 jump 事件。

layui.use(['laypage', 'jquery'], function () {
    var laypage = layui.laypage,
        $ = layui.$;
  
    // 初始化 laypage 组件
    laypage.render({
        elem: 'pager',  // 绑定 laypage 的容器
        count: 100,     // 数据总数
        limit: 10,      // 每页显示的数据量
        curr: 1,        // 当前页码
        jump: function (obj, first) {
            if (!first) {
                // 跳转到指定页码
                window.location.href = '/list?page=' + obj.curr;
            }
        }
    });
});

在 jump 事件中，判断是否为第一次加载页面，如果不是，则获取当前页码 obj.curr，并通过 window.location.href 跳转到指定页码的页面。需要注意的是，此处的页面跳转方式为 GET 请求，并且需要在后端接受对应的参数。

以上就是在 layui 框架中实现页码的跳转的方法。