下面小编就为大家带来一篇jsp实现上一页下一页翻页功能(示例代码)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
前段时间一直忙于期末考试和找实习，好久没写博客了。
这段时间做了个小项目，包含了翻页和富文本编辑器Ueditor的两个知识点,Ueditor玩的还不是很深，打算玩深后再写篇博客。
要实现翻页功能，只需要设置一个pageIndex即可，然后每次加载页面时通过pageIndex去加载数据就行。
那么我们可以设置一个隐藏的input框，用于传递pageIndex给下个页面。
当我们点击上一页的时候，通过js方法改变pageIndex的值，再提交表单即可
二话不多说，看代码，代码里面写的还算比较清楚。
这个是index.jsp的代码。
index.jsp
<title>NoteBook of Eric Wu</title> <% int allRecord=0;//总的记录条数,不包含查询后的 int totalRecord=0;//总的记录条数,包含查询后的 int totalPage=1;//总的页面数，包含查询后的 int pageIndex=1;//当前页面号，用于控制页面翻转，默认为1 List records=null; DBBean db=new DBBean(); allRecord=db.getRecordCount(); totalRecord=db.getRecordCount(); totalPage=(totalRecord-1)/10+1; if(request.getParameter("pageIndex")!=null){//不是第一次加载 //要做下数据类型转换 pageIndex=Integer.valueOf(request.getParameter("pageIndex")); if(request.getParameter("keyword")!=null){ String keyword=request.getParameter("keyword"); records=db.getRecords(pageIndex,keyword);//获取查询内容一页的事件记录集,共10条 totalRecord=db.getRecordCount(keyword); totalPage=(totalRecord-1)/10+1; }else{ records=db.getRecords(pageIndex);//获取一页的事件记录集,共10条 } }else{//第一次加载 records=db.getRecords(pageIndex);//获取一页的事件记录集,共10条 } session.setAttribute("records", records);//便于后面使用 %> <div id="home"> <div id="header"> <div id="WebTitle"> <div class="maintitle">NoteBook of Eric Wu</div><div class="subtitle">The palest ink is better than the best memory !</div></div><div id="navigator"> <ul id="navList"> <li>首页</li><li>新增</li><li>修改</li><li>删除</li></ul><div id="Stats"> 记录-</div><!--end: Stats 状态--></div><!-- end: navigator 导航栏 --></div><!-- end: header 头部 --><div id="main"> <div id="content"> <div id="search"> <div class="center"></div></div><table> <tr> <th width="10%">序号</th><th width="60%">标题</th><th width="30%">时间</th></tr><tr> <td class="center"></td><td>" rel="external nofollow" target="_blank"></td><td class="center"></td></tr><tr class="alt"> <td class="center" colspan="3"> 共条记录 共页 每页10条 当前第页 <b style="color:transparent">来源gao@!dai!ma.com搞$$代^@码!网</b> 上一页 下一页 </td></tr></table></div><!-- end: content 内容 --></div><!-- end: main 主要部分 --><div id="footer"> Copyright ©2017 汕大-吴广林 </div><!-- end: footer底部--></div><!-- end: home 自定义的最大容器 -->
效果图
翻页后：pageIndex=1
翻页后：pageIndex=2
以上这篇jsp实现上一页下一页翻页功能(示例代码)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持gaodaima搞代码网。
以上就是jsp实现上一页下一页翻页功能(示例代码)的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：jsp实现上一页下一页翻页功能(示例代码)
转载请注明原文链接：jsp实现上一页下一页翻页功能(示例代码)
