angularJs+bootStrap 分页功能实现

后台处理层
@RequestMapping("search")
    public ResponseEntity<PageInfo<SalesReturnRequest>> search(@RequestBody SearchVO searchVO) {
        searchVO.setSearchCode(getCurrentEmployeeCode());
        PageInfo pageInfo = salesReturnRequestService.search(searchVO);
        return new ResponseEntity<>(pageInfo, HttpStatus.OK);
    }
public PageInfo<SalesReturnRequest> search(SearchVO searchVO) {
        PageHelper.startPage(searchVO.getPageNum(), searchVO.getPageSize());
        List<SalesReturnRequest> salesReturnRequests = salesReturnRequestMapper.search(searchVO);
        return new PageInfo<>(salesReturnRequests);

    jsp页面

<div class="col-xs-12 table-page p-t-10 pagenation-banner"
     ng-show="salesReturnRequestList.length>0">
    <pagenation data-pages="pages" data-page-num="pageNum"/>
</div>

 js页面
angular.module('pagenation', []).directive('pagenation', function () {
    return {
        scope: {
            pageNum: '=',
            pages: '='
        },
        restrict: 'E',
        replace: true,
        template: "<div class='col-sm-12'><ul class='pagination pull-right'>" +
        "<li class='paginate_button'><a target="\_blank" target="\_blank" ng-click='changePage(1)'>«</a><>" +
        "<li class='paginate_button disabled' ng-show='pageNum > 2'><a target="\_blank" target="\_blank">…</a><>" +
        "<li ng-class='i==pageNum?\"paginate_button active\":\"paginate_button\"' ng-repeat='i in pageArray'>" +
        "<a target="\_blank" target="\_blank" ng-click='changePage(i)'>{{i}}</a>" +
        "<>" +
        "<li class='paginate_button disabled' ng-show='endNum < pages'><a target="\_blank" target="\_blank">…</a><>" +
        "<li class='paginate_button'><a target="\_blank" target="\_blank" ng-click='changePage(pages)'>»</a><>" +
        "</ul></div>",
        link: function (scope) {
            var getPageArray = function (curPage, pages) {
                var array = new Array();
                if(!(curPage && pages)){
                    return array;
                }
                var startNum = 1;
                var endNum = 1;
                if (curPage > 1) {
                    startNum = curPage - 1;
                }
                if (curPage >= pages) {
                    endNum = pages;
                } else {
                    endNum = curPage + 1;
                }
                scope.endNum=endNum;
                for (var idx = startNum; idx <= endNum; idx++) {
                    array.push(idx);
                }
                return array;
            }
            scope.$watchCollection("pageNum + pages",function (v) {
                scope.pageArray = getPageArray(parseInt(scope.pageNum),parseInt(scope.pages));
            });
            scope.changePage = function (page) {
                scope.pageNum = page;
            }
        }
    };
});

如果有不懂的可以加我qq，一块交流