bootstrap实现分页功能

功能其实很简单，主要细心就可以了。先上效果图，有点简陋，但是功能No problem！！

实现这个功能需要一下几个步骤

第一步：引入boostrap插件(https://v3.bootcss.com/getting-started/#download 有可能不全自己找)

这是需要引入的必须要的js及css

第二步：整理写js，下面写的够仔细，用的话直接复制

第三步：当然是写接口  Controller层

 

@RequestMapping("/queryAll")
    @ResponseBody
    public Map queryAll(Integer pageSize, Integer pageNumber, String searchText, HttpServletRequest request,
                           HttpServletResponse response) throws  Exception{
        //搜索框功能 暂不实现
        if (null != searchText) {
            searchText = "'%"+searchText+"%'";//模糊查询
        }else{
            searchText = "'%"+""+"%'";//模糊查询
        }
        //在service通过条件查询获取指定页的数据的list
        List list = drugService.queryAll(pageSize, pageNumber, searchText);
        System.out.println(list.size());
        //根据查询条件，获取符合查询条件的数据总量
        Integer total = drugService.pageCount(searchText);
        //System.out.println(total);
        //自己封装的数据返回类型，bootstrap-table要求服务器返回的json数据必须包含：totlal，rows两个节点(sidePagination: "server"服务端分页)
        Map maps = new HashMap<>();
        maps.put("rows",list);
        maps.put("total",total);
        //System.out.println(maps.size());
        return maps;
	}

 mapper层

	  select count(1) from drugs_info d 
	 
	
 
        SELECT
		 d.*
		FROM
		drugs_info d 
 
		limit #{startIndex},#{pageSize}

重要代码其实就这么多，你得细细品，细细品。