layui与后端分页

最新推荐文章于 2024-08-08 07:24:18 发布

GreatImortalsG

最新推荐文章于 2024-08-08 07:24:18 发布

阅读量3.1k

点赞数 2

分类专栏： layui与后台分页

本文链接：https://blog.csdn.net/weixin_42983531/article/details/84428527

版权

这篇博客讲述了如何在layui前端框架下实现与后端的分页交互。重点在于前端js中的request与后台参数的匹配，以及在controller层和服务实现类中处理分页逻辑，特别是service层的分页计算，将计算结果放入map供SQL直接使用。

摘要由CSDN通过智能技术生成

使用layui与后端分页要点

刚开始找怎么传值找了半天，才发现不需要，只需要设置几个参数就好了,既然是分页页码和数据量是必不可少的

前台js

js中request是必须有的，要跟后台做交互,里面的名称要和后台页码、数据量相等

layui.use('table', function(){
        var table = layui.table;
        //第一个实例
        table.render({
            elem: '#demo'
            ,height: 500
            ,url: '../emp/list' //数据接口
            ,page: true //开启分页 (必要)
            ,even: true
            ,cols: [[ //表头 field名称，要和后台map里面的名称或实体类的名称一样
                {field: 'EMPID', title: 'ID', width:80, sort: true, fixed: 'left'}
                ,{field: 'EMPNAME', title: '姓名', width:80}
                ,{field: 'USERNAME', title: '用户名', width:80, sort: true}
                ,{field: 'PASSWORD', title: '密码', width:80}
                ,{field: 'SEX', title: '性别', width: 80,templet:'#sex'}
                ,{fi