用layui框架实现分页

在使用 layui 框架实现分页的时候，需要用到 layui 的分页组件。具体操作如下：

1. 引入 layui 的 CSS 文件和 JS 文件。

<link rel="stylesheet" href="https://cdn.staticfile.org/layui/2.5.6/css/layui.min.css">
<script src="https://cdn.staticfile.org/layui/2.5.6/layui.min.js"></script>

2. 在 HTML 中添加一个占位符，用于放置分页组件。

<div id="page"></div>

3. 在 JS 中定义分页参数，包括总页数、每页显示数量等。

var page = layui.laypage;
var totalPage = 10; // 总页数
var pageSize = 5; // 每页显示数量

4. 调用分页组件的 render 方法，渲染分页组件。

page.render({
    elem: 'page', // 占位符的 id
    count: totalPage * pageSize, // 数据总数
    limit: pageSize, // 每页显示数量
    groups: 5, // 连续显示分页数
    theme: '#1E9FFF', // 分页组件样式
    jump: function(obj, first) {
        // 分页回调函数
        if (!first) {
            // 不是第一次加载页面时执行
            console.log(obj.curr); // 当前页
            console.log(obj.limit); // 每页显示数量
        }
    }
});

以上就是使用 layui 框架实现分页的基本步骤。需要注意的是，分页数据的获取和渲染需要根据具体业务进行实现。