大侠请出手吧！！！！！关于jsp中用js在前台实现分页 的问题！！

Question

java代码： 
private String pageBreak(String content){ 
//由于后台的分页格式在JAVA中获取不到，先替换。 
String patternStr = "(?is)<div style=\"page-break-after: always\">(.*?)<span style=\"display: none\">&nbsp;</span></div>"; 
Pattern p=Pattern.compile(patternStr); 
Matcher m=p.matcher(content); 
content=m.replaceAll("<div style=\"page-break-after: always\"><span style=\"display: none\">&nbsp;</span></div>"); 
//对内容进行分页 
String pattern = "<div style=\"page-break-after: always\"><span style=\"display: none\">&nbsp;</span></div>"; 
String[] strSplit = content.split(pattern); 
int count = strSplit.length; 
String outstr = ""; 
String returnValue =""; 
if(count > 1){ 
outstr = "<div id='page_break'>"; 
for(int i = 1; i<=strSplit.length;i++){ 
if(i<=1){ 
outstr += "<div id='page_"+String.valueOf(i)+"'>"+strSplit[i-1]+"</div>"; 
}else{ 
outstr += "<div id='page_"+String.valueOf(i)+"' class='collapse'>"+strSplit[i-1]+"</div>"; 
} 
} 
outstr += "<div class='num'>"; 
for(int j=1; j<=strSplit.length;j++){ 
outstr += "<li>"+String.valueOf(j)+"</li>"; 
} 
outstr += "</div></div>"; 
returnValue = outstr; 
}else{ 
returnValue = content; 
} 
return returnValue; 
} 
页面代码： 
<style> 
/*文章分页*/ 
#page_break { } 
#page_break .collapse { 
display: none; 
} 
#page_break .num { 
padding: 10px 0; 
text-align: center; 
} 
#page_break .num li{ 
display: inline; 
margin: 0 2px; 
padding: 3px 5px; 
border: 1px solid #72BBE6; 
background-color: #fff; color: #72BBE6; 
text-align: center; 
cursor: pointer; 
font-family: Arial; 
font-size: 12px; 
overflow: hidden; 
} 
#page_break .num li.on{ 
background-color: #72BBE6; color: #fff; 
font-weight: bold; 
} 
</style> 
<script type="text/javascript"> 
<!-- 
$(document).ready(function(){ 
$('#page_break .num li:first').addClass('on'); $('#page_break .num li').click(function(){ 
//隐藏所有页内容 
$("#page_break div[id^='page_']").hide(); //显示当前页内容。 
if ($(this).hasClass('on')) { 
$('#page_break #page_' + $(this).text()).show(); 
} else { 
$('#page_break .num li').removeClass('on'); 
$(this).addClass('on'); 
$('#page_break #page_' + $(this).text()).fadeIn('normal'); 
} 
}); 
}); 
//--> 
</script> =============================================
问题描述：页面出现的 文字 分页 也显示了  第几页的标签 
但是  下面的 标签不可以用怎么回事？？大侠 给小弟看看吧 。快愁死了。。
我都js 基本不懂

Answer 1

比如页面上是这样显示的：
==============================================
         aaaaaaaaaaaa（第一页内容）
          
             [1] [2] [3] [4]
=========================================页面只显示分页后的第一页内容   下面其他页的链接 不可以用。
是怎么回事啊？ 大侠 请出手吧。。小弟快疯了

Answer 2

java代码： 
private String pageBreak(String content){ 
//由于后台的分页格式在JAVA中获取不到，先替换。 
String patternStr = "(?is)<div style=\"page-break-after: always\">(.*?)<span style=\"display: none\">&nbsp;</span></div>"; 
Pattern p=Pattern.compile(patternStr); 
Matcher m=p.matcher(content); 
content=m.replaceAll("<div style=\"page-break-after: always\"><span style=\"display: none\">&nbsp;</span></div>"); 
//对内容进行分页 String pattern = "<div style=\"page-break-after: always\"><span style=\"display: none\">&nbsp;</span></div>"; 
String[] strSplit = content.split(pattern); 
int count = strSplit.length; 
String outstr = ""; 
String returnValue =""; 
if(count > 1){ 
outstr = "<div id='page_break'>"; 
for(int i = 1; i<=strSplit.length;i++){ 
if(i<=1){ 
outstr += "<div id='page_"+String.valueOf(i)+"'>"+strSplit[i-1]+"</div>"; 
}else{ 
outstr += "<div id='page_"+String.valueOf(i)+"' class='collapse'>"+strSplit[i-1]+"</div>"; 
} 
} 
outstr += "<div class='num'>"; 
for(int j=1; j<=strSplit.length;j++){ 
outstr += "<li>"+String.valueOf(j)+"</li>"; 
} 
outstr += "</div></div>"; 
returnValue = outstr; 
}else{ 
returnValue = content; 
} 
return returnValue; 
} 
页面代码： 
<style> 
/*文章分页*/ 
#page_break { } 
#page_break .collapse { 
display: none; 
} 
#page_break .num { 
padding: 10px 0; 
text-align: center; 
} 
#page_break .num li{ 
display: inline; 
margin: 0 2px; 
padding: 3px 5px; 
border: 1px solid #72BBE6; 
background-color: #fff; color: #72BBE6; 
text-align: center; 
cursor: pointer; 
font-family: Arial; 
font-size: 12px; 
overflow: hidden; 
} 
#page_break .num li.on{ 
background-color: #72BBE6; color: #fff; 
font-weight: bold; 
} 
</style> 
<script type="text/javascript"> 
<!-- $(document).ready(function(){ 
$('#page_break .num li:first').addClass('on'); $('#page_break .num li').click(function(){ 
//隐藏所有页内容 
$("#page_break div[id^='page_']").hide(); //显示当前页内容。 
if ($(this).hasClass('on')) { 
$('#page_break #page_' + $(this).text()).show(); 
} else { 
$('#page_break .num li').removeClass('on'); 
$(this).addClass('on'); 
$('#page_break #page_' + $(this).text()).fadeIn('normal'); 
} 
}); 
}); 
//--> 
</script> 

Answer 3

搜 JQUERY tablesorter paging。现成 的东西写好了，你套用一下就可以了

Answer 4

 是分页不是排序。！这几天都有人提这个问题。csdn上这样的文章有很好的。你找下有个正是jsp分页
我自己也有个分页方案.!公司正在用的  [不过是在struts2下的]
pageBean + pageQuery.js 来完成的

Answer 5

怪我没说清楚。。
其中 content 存的是字符串 （比如，新闻 或者 长篇的文章）。而不是从数据库中得到的列数。怎么做那？

Answer 6

content是 用fckeditor 存入数据库的 字符

Answer 7

我都不知道你研究这个做什么？
有必要吗？
分页是后台的事情
即使你这样做出来了有效率吗？
一样的垃圾代码POST

Answer 8

是不是每建一个jsp页面都要一个servlet