springboot的page

Page用法

dao层

package com.gzq.dao;

import java.util.List;

import org.springframework.data.domain.Page;
import org.springframework.data.domain.Pageable;
import org.springframework.data.repository.CrudRepository;
import org.springframework.stereotype.Repository;

import com.gzq.model.DetailComment;
import com.gzq.model.User;
@Repository
public interface DetailCommentRepository extends CrudRepository{
	public Page findByDetailid(long id ,Pageable pageable);
}

controller层

@RequestMapping("find/{id}/{page}")
	public Map getcompage(@PathVariable("id") long id,@PathVariable("page") Integer page) {
		Map m=new HashMap();
//		System.out.println("啊啊啊啊啊啊"+page);
		
		Pageable pageable = new PageRequest(page-1, 3, Sort.Direction.ASC, "id");
		Page  ls=detailCommentRepository.findByDetailid(id,pageable);
		
		 m.put("comment", ls);
		
		 return m;
	}
	

js代码：

$(document).ready(function(){
	var url = decodeURI(location.href);
	var result = url.split("?")[1];
	$.get("/spring/detail/find/"+result, function(data){
        console.log(data);
        $("#titleid").text(data.detailText.title);
        $("#cmnum").text(data.comment.totalElements);
        var dtime=timeChange(data.detailText.createtime);
        $("#detailid").text(dtime);
        $("#bodyid").html(data.detailText.text);
//       alert( $(".page-numbers").attr("id"))
        showcom(data.comment);
        showpagenum(data.comment);
        pageshow(data.comment);

        /**
         * 评论的内容，显示被page包装后的评论内容，pageable(第几页,评论数,排序方式)
         */
//        var cttext="";
//        for(var i=0;i									
										
																					
										
											
												
													
														
'+data.comment.content[i].authorid+'
													
												
											
											
												
'+data.comment.content[i].contetnt+'
											
											
												'+cdtime+'												回复											
										
									
								';
//        	 
//        }
//        $("#comid").html(cttext);
//        
	});
	
	/**
	 * 展示评论页数的函数
	 */
	function showpagenum(comment){
    var commentpage="上一页";
    var currentpage=0;
//    console.log(comment.totalPages);
    for(var j=1;j<=comment.totalPages;j++){
    	commentpage=commentpage+""+j+"";
    }
    
    $("#comments-navicc").html(commentpage);
    $("#pagenum1").addClass("current");

	}
	/**
	 * 选择评论页数
	 */
	function pageshow(comment){
		   //class选择器
	
	    $(".page-numbers").click(function(){
	    	var pid=$(this).attr("id").substring(7);
	    	c=pid;
	    	for(var i=1;i<=comment.totalPages;i++){
	    		 $("#pagenum"+i).removeClass("current");
	    	}
	    	$("#pagenum"+pid).addClass("current");
	    	
	    	
	    	$.get("/spring/detail/find/"+result+"/"+pid, function(data){
	    		showcom(data.comment);
	    		
	    	});
	    	
	    });

		 $("#ppage").click(function(){
			 	var c=	$(".current").attr("id").substring(7);
			 	if(c>1){
			    var d=c-1;
			    $("#pagenum"+d).addClass("current");
			    $("#pagenum"+c).removeClass("current");
			    $.get("/spring/detail/find/"+result+"/"+d, function(data){
			    		showcom(data.comment);		    		
			    	});
			 	}else{
			 		alert("当前为第一页");
			 	}
			    });
	   
	   
	}




	
	
	/**
	 * showcom显示评论函数，comment是从controller传来的数据，此数据被page包装过。
	 */
	function showcom(comment){
		var comtext="";
		for(var i=0;i									
										
																					
										
											
												
													
														
'+comment.content[i].authorid+'
													
												
											
											
												
'+comment.content[i].contetnt+'
											
											
												'+cdtime+'												回复											
										
									
								';
        	 
        }
        $("#comid").html(comtext);
		}
	
	
	
	/**
	 * 时间格式转换函数
	 */
	function timeChange(date1){
		var date=new Date(date1);
		var cy=date.getFullYear()+'年';
		var cm=date.getMonth()+1+'月';
		var cd=date.getDate()+'日';
		var cdate=cy+cm+cd;
		return cdate;
	}

//	$("#titleid").text("这个是测试的博客标题");
//	$("#bodyid").html('我是一个文本框。
回来，几月不正经写								更新文，不会就这样吧啦几句就跑的，说回正事；当前 Yarn 也差不多使用了一年的时间，发售也同样一年了，起初不做任何宣传的情况下，也有几十份的出售，默默地挂着，等待下一个“有缘人”，最近被推倒了								主题网，突然间询问的人多了起来，然而少数的是购买者，无用功的时间有点多啊，怎么说也是该感谢，因为至少被人认可是件让我觉得值得和高兴的事。更多的，我该感谢的是每一位用户和每一次用心给我反馈的用户，因为我始终认为别人的时间是金钱，别人能在这这浪费时间说明至少我的作品还是存在一定的“等价”价值，这也是每一次的版本更新我都会在邮件结尾以“感谢大家对 Yarn 的认可和支持”致谢的原因。他们说这个价格，可能不是强大的，但最好看最有个性的就是 Yarn 了， 69 元买不了吃亏，买不了上当！
');
//	$("#commentatr").text("猪猪侠");
//	$("#cbid").text("挺好的,ggboy");
//	$("#ctime").text("2018年3月9日");
});