前端用到layPage分页插件
思路：先下载layPage的css,js文件，2.script模块写ajax渲染，回调函数清空原来的，3后端用到pagehelper插件，返回总页数和数据list。
1.加载js，css文件
2.html文件
class="container-body">
class="brand-bar">
class="search-bar">
class="search-departure">
全国
出发
class="i-arr">
class="search-destination">
class="search-btn">
class="search-button">
class="container-wrapper">
class="layui-tab">
class="layui-tab-title">
- class="layui-this">综合排序
- 近期销量优先
class="layui-tab-content">
class="layui-tab-item layui-show">
class="list-wrap">
class="pages" id="doctorDiv">
class="layui-tab-item">内容2
class="sales-side">
class="m-hotsale">
class="hd">本周热卖
class="container-floor">
3.后端
* 酒店列表 * @param request * @param hotel * @param pageNum * @param pageSize * @return */ @RequestMapping("/list") @ResponseBody public JSONObject hotelList(HttpServletRequest request, Hotel hotel, @RequestParam(required = false,value = "page", defaultValue = "1") int pageNum,@RequestParam( required = false,value = "limit",defaultValue = "10") int pageSize){ JSONObject jo=new JSONObject(); Listlist = hotelService.list(pageNum, pageSize, hotel); PageInfo pageInfo=new PageInfo<>(list); if (CollectionUtils.isNotEmpty(list)){ jo.put("code",0); jo.put("msg","请求成功"); jo.put("count",pageInfo.getTotal()); jo.put("data",pageInfo.getList()); jo.put("pages",pageInfo.getPages()); } return jo; }
@Override public Listlist(int pageNum, int pageSize, Hotel hotel) { PageHelper.startPage(pageNum,pageSize); List list = baseMapper.list(hotel); return list; }