Advertisement

SpringBoot+layui表格数据分页

阅读量:

首先引入分页插件maven依赖

注意–使用mybatis-plus时,该插件失效,使用mybatis才可正常使用

复制代码
    		<dependency>
                <groupId>com.github.pagehelper</groupId>
                <artifactId>pagehelper-spring-boot-starter</artifactId> 
                <version>1.2.10</version>
      </dependency>

前端页面书写

复制代码
    layui.use('table', function(){  
    var table = layui.table; 
    table.render({        
     elem: '#dates'  
     ,url:'/admin/selectusertable'  
       ,totalRow: true //开启合计行
      ,limit:5 //默认为10
       ,limits:[5,10,15,20,25]   //显示的几页
      ,cols: [[        
      {field:'id', width:50, title: '编号', sort: true} //sort:true页面可进行排序操作      
      ,{field:'username',  title: '用户名'}
      ,{field:'email',width:170,  title: '邮箱', sort: true}
      ,{field:'password',width:170,  title: '密码'}
      ,{field:'birthder',width:170,  title: '注册时间'}
      ,{field:'level',width:100,  title: '等级', templet: function(d){    
        var str = '';   
        if(d.level==1){str='普通用户';}  
        else if(d.level==2){str='管理员';}    
        return str;             
    }                
    }         
    ,{field:'level',width:100,  title: '操作',templet: function(d){  
        return '<a class="layui-btn layui-btn-xs layui-btn-danger" οnclick="dele('+d.id+');">删除</a>';     
    }           
    }          
    ]]        
    ,page: true     
    ,done:function(res, curr, count){                //数据的回调用,可不写      
          }    
     });   
    });

接下来时Controller实现

复制代码
    //获取用户信息列表 
       @RequestMapping(value = "/selectusertable2") 
       @ResponseBody    public Map<String,Object> selectByFy12(HttpSession session, 		   @RequestParam(required=false,defaultValue="1") int page, 
                                         @RequestParam(required=false) int limit) {        
      // 使用Pagehelper传入当前页数和页面显示条数会自动为我们的select语句加上limit查询 
         // 从他的下一条sql开始分页 
       PageHelper.startPage(page, limit); 
       List<User> users  = userService.getuserlist();// 这是我们的sql            // 使用pageInfo包装查询 
       PageInfo<User> rolePageInfo = new PageInfo<>(users);// 
       Map<String,Object> map=new HashMap<String,Object>(); 
       map.put("code",0);
        map.put("msg",""); 
       map.put("count",rolePageInfo.getTotal()); 
       map.put("data",rolePageInfo.getList()); 
       return map; 
       }

sql语句书写

select * from User;

全部评论 (0)

还没有任何评论哟~