分页插件BootstrapPaginator的使用方式

最新推荐文章于 2021-10-22 08:57:01 发布

烧开水大侠

最新推荐文章于 2021-10-22 08:57:01 发布

阅读量298

点赞数

本文链接：https://blog.csdn.net/lw9324/article/details/73187565

版权

页面相关代码：

<html>
    <head>
        <!-- 分页样式核心文件 -->
        <link href="css/bootstrap.css" rel="stylesheet">
        <!-- 必须引用jquery.js -->
        <script type="text/javascript" src="jquery-1.10.2.min.js"></script>
        <!-- 分页用的核心文件 -->        
        <script type="text/javascript" src="js/bootstrap-paginator.js"></script>
    </head>
    <body>
        <div>
            <!-- bootstrap.css文件版本为3及以上 -->
            <!-- <ul id='pageList'></ul> -->
            <!-- bootstrap.css文件版本为2 -->
            <div id='pageList'></div>
        </div>
    <body>
</html>

js相关代码：

 预加载：在$(function{})中执行亦可
var options = {
	            currentPage: <%=request.getAttribute("currentPage") %>,//当前页
	            totalPages: <%=request.getAttribute("totalPages") %> ,// 总页数
	        	numberOfPages:<%=request.getAttribute("numberOfPages") %>,//控件显示的页码数.
	        	 itemTexts : function (type, page, current) {//汉化
	        	        switch (type) {
	        	            case "first":
	        	                return "首页";
	        	            case "prev":
	        	                return "上一页";
	        	            case "next":
	        	                return "下一页";
	        	            case "last":
	        	                return "末页";
	        	            case "page":
	        	                return page;
	        	        }
	        	    },
	        	pageUrl: function(type, page, current){
	                if (page==current) {
	                    return "javascript:void(0)";
	                } else {
                            //执行分页操作的URL
                            return "<%=basePath%>/region/regionList.do?currentPage="+page;
	                }
	            }
	        }

	     $('#pageList').bootstrapPaginator(options);

java代码：

@RequestMapping("/regionList")
	public String regionList(Model model,Page page,Integer currentPage) throws Exception{
		
		if(currentPage==null) currentPage=1;
		Integer pageSize=3;//每页展示条数
		Integer totalCount = regionService.getCount();//总条数
		Integer totalPages = totalCount/pageSize+1;//总页数
		
		/**************分页相关计算begin****************/
		int begin = (currentPage-1) * pageSize +1;
		int end = currentPage*pageSize;
		end = end > totalCount?totalCount:end;
		
		/*************分页end*****************/
		List<Region> regionList = regionService.getAllRegionList(begin,end);
		
		
		model.addAttribute("regionList", regionList);
		model.addAttribute("currentPage", currentPage);
		model.addAttribute("totalPages", totalPages);
		model.addAttribute("numberOfPages", totalPages);
		model.addAttribute("count", totalCount);
		return "system/region/region_list";
	}