layui实现自定义分页的增删改查

要实现自定义分页的增删改查功能，需要以下步骤：

1. 引入layui库和相关插件，如layer、form等。
2. 在HTML页面中添加表格DOM结构，包括表头和表格体。
3. 使用layui的table模块初始化表格，并设置表格的列和分页参数。
4. 在服务端编写相应的接口，用于处理分页请求和数据操作请求。
5. 在JavaScript中编写相应的代码，实现分页、查询、新增、修改和删除等功能。

下面是一个简单的示例代码：

HTML部分：

<table id="dataTable" lay-filter="dataTable"></table>

JavaScript部分：

layui.use(['table', 'form', 'layer'], function(){
  var table = layui.table;
  var form = layui.form;
  var layer = layui.layer;

  //初始化表格
  table.render({
    elem: '#dataTable',
    url: '/getList', //获取数据的接口
    cols: [[
      {field: 'id', title: 'ID'},
      {field: 'name', title: '姓名'},
      {field: 'age', title: '年龄'},
      {field: 'phone', title: '电话'},
      {field: 'address', title: '地址'},
      {title: '操作', toolbar: '#operateBar', width: 200}
    ]],
    page: true, //开启分页
    limit: 10, //每页显示的条数
    limits: [10, 20, 30], //可供选择的每页条数
    id: 'dataTable'
  });

  //监听分页
  table.on('page(dataTable)', function(obj){
    table.reload('dataTable', {
      page: {
        curr: obj.curr //重新从第 obj.curr 页开始
      }
    });
  });

  //监听查询
  form.on('submit(search)', function(data){
    table.reload('dataTable', {
      where: {
        name: data.field.name //传递查询条件
      },
      page: {
        curr: 1 //重新从第一页开始
      }
    });
    return false;
  });

  //监听新增
  form.on('submit(add)', function(data){
    $.post('/add', data.field, function(res){
      if(res.code == 0){
        layer.msg('新增成功');
        table.reload('dataTable');
        layer.close(layer.index);
      }else{
        layer.msg(res.msg);
      }
    });
    return false;
  });

  //监听修改
  form.on('submit(edit)', function(data){
    $.post('/edit', data.field, function(res){
      if(res.code == 0){
        layer.msg('修改成功');
        table.reload('dataTable');
        layer.close(layer.index);
      }else{
        layer.msg(res.msg);
      }
    });
    return false;
  });

  //监听删除
  table.on('tool(dataTable)', function(obj){
    if(obj.event === 'delete'){
      layer.confirm('确定删除该条数据？', function(index){
        $.post('/delete', {id: obj.data.id}, function(res){
          if(res.code == 0){
            layer.msg('删除成功');
            table.reload('dataTable');
            layer.close(index);
          }else{
            layer.msg(res.msg);
          }
        });
      });
    }
  });

});

注意，这只是一个简单的示例代码，实际开发中需要根据具体需求进行修改。同时，还需要在服务端编写相应的接口，用于处理数据请求，这里不再赘述。