• 添加相关的依赖
    • 在applicationContext中添加依赖
    1. //服务层 serviceImpl
    2. @Override
    3. public List<Orders> findAll(Integer page,Integer size) throws Exception{
    4. PageHelper.startPage(page,size);
    5. return ordersDao.findAll();
    6. }
    7. //controller层
    8. @Autowired
    9. private IOrdersService iOrdersService;
    10. @RequestMapping("/findAll.do")
    11. public ModelAndView findAll(@RequestParam(name = "page") Integer page, @RequestParam(name = "size")Integer size) throws Exception{
    12. List<Orders> ordersList = iOrdersService.findAll(page,size);
    13. PageInfo pageInfo = new PageInfo(ordersList);
    14. ModelAndView modelAndView = new ModelAndView();
    15. modelAndView.addObject("pageInfo",pageInfo);
    16. modelAndView.setViewName("orders-list");
    17. return modelAndView;
    18. }
    1. <c:forEach items="${pageInfo.list}" var="orders">
    2. <tr>
    3. <td><input name="ids" type="checkbox"></td>
    4. <td>${orders.id }</td>
    5. <td>${orders.orderNum }</td>
    6. <td>${orders.product.productName }</td>
    7. <td>${orders.product.productPrice }</td>
    8. <td>${orders.orderTimeStr }</td>
    9. <td class="text-center">${orders.orderStatusStr }</td>
    10. <td class="text-center">
    11. <button type="button" class="btn bg-olive btn-xs">订单</button>
    12. <button type="button" class="btn bg-olive btn-xs" onclick="location.href='${pageContext.request.contextPath}/orders/findById.do?id=${orders.id}'">详情</button>
    13. <button type="button" class="btn bg-olive btn-xs">编辑</button>
    14. </td>
    15. </tr>
    16. </c:forEach>
    17. <div class="box-footer">
    18. <div class="pull-left">
    19. <div class="form-group form-inline">
    20. 总共${pageInfo.pages}页,共${pageInfo.total}条数据。 每页
    21. <select class="form-control" id="changePageSize" onchange="changePageSize()">
    22. <option>1</option>
    23. <option>2</option>
    24. <option>3</option>
    25. <option>4</option>
    26. <option>5</option>
    27. </select>
    28. </div>
    29. </div>
    30. <div class="box-tools pull-right">
    31. <ul class="pagination">
    32. <li>
    33. <a href="${pageContext.request.contextPath}/orders/findAll.do?page=1&size=${pageInfo.pageSize}" aria-label="Previous">首页</a>
    34. </li>
    35. <li><a href="${pageContext.request.contextPath}/orders/findAll.do?page=${pageInfo.pageNum-1}&size=${pageInfo.pageSize}">上一页</a></li>
    36. <c:forEach begin="1" end="${pageInfo.pages}" var="pageNum">
    37. <li><a href="${pageContext.request.contextPath}/orders/findAll.do?page=${pageNum}&size=${pageInfo.pageSize}">${pageNum}</a></li>
    38. </c:forEach>
    39. <li><a href="${pageContext.request.contextPath}/orders/findAll.do?page=${pageInfo.pageNum+1}&size=${pageInfo.pageSize}">下一页</a></li>
    40. <li>
    41. <a href="${pageContext.request.contextPath}/orders/findAll.do?page=${pageInfo.pages}&size=${pageInfo.pageSize}" aria-label="Next">尾页</a>
    42. </li>
    43. </ul>
    44. </div>
    45. </div>
    46. <!--脚本-->
    47. <script>
    48. function changePageSize() {
    49. //获取下拉框的值
    50. var pageSize = $("#changePageSize").val();
    51. //向服务器发送请求,改变没页显示条数
    52. location.href = "${pageContext.request.contextPath}/orders/findAll.do?page=${pageInfo.pageNum}&size="+pageSize;
    53. }
    54. <script>