bootstrap-table学习系列--分页查询

引言

bootstrap-table的好处就是在于,可以借用封装好的框架,来实现自己的需求.利用其对表的封装,我们可以很轻松画出美观大方法的表格.本篇,作为表的分页查询,来系统介绍总结一下.

这里提出分页需求:用户可以根据需要调整每页的显示条数和查看每页的记录数.

实现方法

利用bootstrap-table插件,对其进行基础配置,展示出分页表头.

代码

下面直接上代码.

前台代码:

页面引入文件:

后台:

Controller层:

@Validated

@Controller

@RequestMapping("/action/")

public class DemoController {

    @Autowired

    private DemoService demoService;

    @RequestMapping(value="/test", method = RequestMethod.POST)

    @ResponseBody

    public Map getData(String NAME,String page_number,String line){

        Map map = new HashMap();

        map.put("NAME",NAME);

        map.put("page_number",page_number);

         map.put("line",line);

        List> returnList = service.getData(paramsMap);

        return ParamUtils.returnData("1", ReturnTyme.success, "", ParamUtils.converData(returnList));

    }

....

}

service层

public List> getData(Map paramsMap) {

    return dao.getData(paramsMap);

}

Dao层

public List> getData(Map paramsMap) {

PageHelper.startPage(Integer.parseInt(paramsMap.get("page_number").toString()),

Integer.parseInt(paramsMap.get("line").toString()));

return sqlSession.selectList("demo.getData", paramsMap);

}

xml文件

SELECT

ID,

NAME,

INPUT_DATE,

FROM

demo.test

WHERE 1=1

and NAME = #{NAME}

效果图: