1、JPA Page
1.1-repository代码
package com.zz.xd.repository;
import java.awt.print.Pageable;
import java.util.List;
import org.springframework.data.domain.Page;
import org.springframework.data.repository.CrudRepository;
import com.zz.xd.model.Comment;
//interface表示接口
//extends表示继承
public interface CommentRepository extends CrudRepository<Comment,Long> {
public Page<Comment> findByDetailid(Long id,Pageable pageable);
}
Page为springboot JPA自带的一个封装类,Pageable接口用于构造翻页查询。
js代码
z$(document).ready(function() {
var url = decodeURI(location.href);
var result = url.split("?")[1];
$.get("/springbootdemo/detail/find/" + result,function(data) {
console.log(data);
$("#titlecontent").text(data.detail.title);
$("#bodycontent").html(data.detail.content);
var date1=new Date(data.detail.createtime)
$("#detailtime").html(date1.getFullYear()+'/'+(date1.getMonth()+1)+'/'+date1.getDate());
var ccontext = "";
for (i=0;i<data.comments.content.length;i++) {
var date=new Date(data.comments.content[i].createtime);
ccontext = ccontext
+ '<li class="comment even thread-even depth-1" id="li-comment-"> <div id="comment-969" class="comment_body contents"> <div class="profile"> <a href=""><img src="/springbootdemo/demo/index/statics/images/9cc50a9e422fb1c89aebafeb959cef7a.jpg" class="gravatar" alt="小布丁"></a> </div> <div class="main shadow"> <div class="commentinfo"> <section class="commeta"> <div class="shang"> <h4 class="author"><a href="" target="_blank"><img src="/springbootdemo/demo/index/statics/images/9cc50a9e422fb1c89aebafeb959cef7a.jpg" class="gravatarsmall" alt="小布丁">'
+ data.comments.content[i].authorid;
ccontext = ccontext
+ '</a></h4> </div> </section> </div> <div class="body"> <p>'
+ data.comments.content[i].content;
ccontext = ccontext
+ '</p> </div> <div class="xia info"> <span><time >'
+ date.getFullYear()+'年'+(date.getMonth()+1)+'月'+date.getDate()+'日';
ccontext = ccontext+ '</time></span> <span><a rel=“nofollow" class=“comment-reply-link" href="" onclick=“return addComment.moveForm( "comment-969", "969", "respond", "1202" )" aria-label=“回复给小布丁">回复</a></span> </div> </div> </div> </li>';
}
$("#commentwrap").html(ccontext);
$("#comments-list-title").html("<span>"+data.comments.totalElements+"</span> 条评论" );
var commentpage='<span class="prevpage-numbers" id="prevpage" > <input type="hidden" id=nowpage></input> <</span> <a class=“page-numbers"></a> ';
for(var j=1;j<=data.comments.totalPages;j++){
commentpage=commentpage+"<span class='page-numbers' id=pagenum"+j+">"+j+"</span>";
}
$("#comments-navi").html(commentpage);
$("#pagenum1").addClass("current");
$(".page-numbers").click(function(){
var nowpage=$(this).attr("id").substring(7);
var ccontext = "";
console.log(nowpage);
$("#nowpage").val(nowpage);
$.get("/springbootdemo/detail/changepage/"+result+"/"+nowpage,
function(data){
console.log(data);
$(".page-numbers").removeClass("current");
$("#pagenum"+nowpage).addClass("current");
$("#commentwrap").html("");
for (i=0;i<data.content.length;i++) {
var date=new Date(data.content[i].createtime);
ccontext = ccontext
+ '<li class="comment even thread-even depth-1" id="li-comment-"> <div id="comment-969" class="comment_body contents"> <div class="profile"> <a href=""><img src="/springbootdemo/demo/index/statics/images/9cc50a9e422fb1c89aebafeb959cef7a.jpg" class="gravatar" alt="小布丁"></a> </div> <div class="main shadow"> <div class="commentinfo"> <section class="commeta"> <div class="shang"> <h4 class="author"><a href="" target="_blank"><img src="/springbootdemo/demo/index/statics/images/9cc50a9e422fb1c89aebafeb959cef7a.jpg" class="gravatarsmall" alt="小布丁">'
+ data.content[i].authorid;
ccontext = ccontext
+ '</a></h4> </div> </section> </div> <div class="body"> <p>'
+ data.content[i].content;
ccontext = ccontext
+ '</p> </div> <div class="xia info"> <span><time >'
+ date.getFullYear()+'年'+(date.getMonth()+1)+'月'+date.getDate()+'日';
ccontext = ccontext+ '</time></span> <span><a rel=“nofollow" class=“comment-reply-link" href="" onclick=“return addComment.moveForm( "comment-969", "969", "respond", "1202" )" aria-label=“回复给小布丁">回复</a></span> </div> </div> </div> </li>';
}
$("#commentwrap").html(ccontext);
});
});
$("#prevpage").click(function(){
var nowpage= $("#nowpage").val()-1;
$("#nowpage").val(nowpage);
console.log(nowpage);
var ccontext = "";
console.log(nowpage);
$.get("/springbootdemo/detail/changepage/"+result+"/"+nowpage,
function(data){
console.log(data);
$(".page-numbers").removeClass("current");
$("#pagenum"+nowpage).addClass("current");
$("#commentwrap").html("");
for (i=0;i<data.content.length;i++) {
var date=new Date(data.content[i].createtime);
ccontext = ccontext
+ '<li class="comment even thread-even depth-1" id="li-comment-"> <div id="comment-969" class="comment_body contents"> <div class="profile"> <a href=""><img src="/springbootdemo/demo/index/statics/images/9cc50a9e422fb1c89aebafeb959cef7a.jpg" class="gravatar" alt="小布丁"></a> </div> <div class="main shadow"> <div class="commentinfo"> <section class="commeta"> <div class="shang"> <h4 class="author"><a href="" target="_blank"><img src="/springbootdemo/demo/index/statics/images/9cc50a9e422fb1c89aebafeb959cef7a.jpg" class="gravatarsmall" alt="小布丁">'
+ data.content[i].authorid;
ccontext = ccontext
+ '</a></h4> </div> </section> </div> <div class="body"> <p>'
+ data.content[i].content;
ccontext = ccontext
+ '</p> </div> <div class="xia info"> <span><time >'
+ date.getFullYear()+'年'+(date.getMonth()+1)+'月'+date.getDate()+'日';
ccontext = ccontext+ '</time></span> <span><a rel=“nofollow" class=“comment-reply-link" href="" onclick=“return addComment.moveForm( "comment-969", "969", "respond", "1202" )" aria-label=“回复给小布丁">回复</a></span> </div> </div> </div> </li>';
}
$("#commentwrap").html(ccontext);
});
});
});
});