layui table.render 翻页查询

在 layui 中，使用 table.render 方法渲染表格后，可以通过 page 参数来开启分页功能。同时，还需要通过 url 参数来设置数据接口的 URL，以便进行翻页查询。

具体操作步骤如下：

1. 在 HTML 中创建一个 table 元素，并添加 id 属性和 lay-filter 属性，用于后续在 JS 代码中调用。

<table id="demo" lay-filter="test"></table>

2. 在 JS 代码中，使用 table.render 方法渲染表格，并设置 page 参数为 true，开启分页功能。同时，还需要设置 url 参数为数据接口的 URL。

// 渲染表格
table.render({
  elem: '#demo',
  url: '/getData', // 数据接口的 URL
  page: true, // 开启分页功能
  cols: [[
    {field: 'id', title: 'ID', width:80},
    {field: 'username', title: '用户名', width:120},
    {field: 'email', title: '邮箱'},
    {field: 'sex', title: '性别', width:80},
    {field: 'city', title: '城市'},
    {field: 'sign', title: '签名'},
    {field: 'experience', title: '积分', width: 80},
    {field: 'score', title: '评分', width: 80},
    {field: 'classify', title: '职业'},
    {field: 'wealth', title: '财富', width: 135},
  ]]
});

3. 在服务端编写数据接口，用于返回分页数据。一般来说，需要接收两个参数：limit 和 page。其中，limit 表示每页显示的数据条数，page 表示当前页码。

# Python Flask 示例代码
@app.route('/getData')
def getData():
  limit = request.args.get('limit', default=10, type=int)
  page = request.args.get('page', default=1, type=int)
  offset = (page - 1) * limit
  data = db.query('SELECT * FROM users LIMIT %s, %s', (offset, limit))
  count = db.query('SELECT COUNT(*) FROM users')[0]['COUNT(*)']
  return jsonify({"code": 0, "msg": "", "count": count, "data": data})

在这个示例中，我们通过 limit 和 page 参数来进行分页查询。同时，还需要查询总数据条数 count，以便在前端显示正确的分页信息。

4. 至此，翻页查询功能就已经实现了。在前端页面上，可以通过 layui 的分页组件来进行翻页操作，同时，数据也会动态刷新。

注意：在真实项目中，需要根据具体需求对分页功能进行定制，例如：自定义分页样式、添加搜索功能等。同时，还需要注意安全性问题，防止 SQL 注入等攻击。