bootstrap-table的使用(springboot+mybatis开发环)

bootstrap-table的使用(springboot+mybatis开发环)_第1张图片

如需要Demo的朋友:点击打开链接

准备工作:

1.需要一个spingboot+mybatis环境,搭建步骤:点击打开链接,项目结构如下

bootstrap-table的使用(springboot+mybatis开发环)_第2张图片

2.控制器Controller关键代码

 @ResponseBody
    @RequestMapping("/getPage")
    public Map getPage(@RequestParam(value = "limit", required = true) Integer limit,
                                      @RequestParam(value = "offset", required = true) Integer offset){
        return userService.getPage(limit,offset);
    }

解析:其中limit,offset是bootstrap-table默认传到后台。offset为开始条,limit为条数

3.实现类Service关键代码

public Map getPage(Integer limit,Integer offset){
        Map resultMap = new HashMap();
        List userList = null;
        Integer total = 0;
        try {
            userList = userMapper.getpage(offset,limit);
            total = userMapper.findAllCount();
        }catch (Exception e){
            e.printStackTrace();
        }
        resultMap.put("data",userList);
        resultMap.put("total",total);
        return resultMap;
    }
4.接口层Mapper关键代码
@Mapper
public interface UserMapper {

    List getpage(@Param("stratRow") Integer stratRow, @Param("endRow") Integer endRow);

    Integer findAllCount();

}

5.映射mapper.xml关键代码




    
        
        
        
        
        
    

    

    

6.前端页面关键代码




    
    bootstrap-table使用
    
    
    
    
    


解析:
responseHandler:function(res) {
    return {
        "total":res.total,//总页数
        "rows": res.data //数据
    }
}

其中:total和data为后台controller返回的数据和总条数;最后selBycondtion方法为条件查询时,可以通过该方法重新加载表格。



你可能感兴趣的:(bootstrap-table的使用(springboot+mybatis开发环))