手机版

JSP分页显示的示例代码

时间:2021-11-22 来源:互联网 编辑:宝哥软件园 浏览:

1.mysql的limit关键字(Dao)从tablename limit开始点,number perpage中选择*;Tablename是要分页的表的名称;StartPoint是起始位置-1;NumberPerPage是显示的页数。示例:从注释限制20,5中选择*;是从评论表中抽取评论21 ~ 25:(9500 . 163.com)。

2.jQuery load函数(page JS)MySQL的limit关键字可以提取一定范围(n,n ^ m)内的记录,这意味着需要两个参数来确定一个页面上显示的内容,即“page x”和每页显示的数量。显示的页数可以在程序中设置,也可以由用户设置。但是,参数“第十页”必须由用户给出。当用户点击页码、下一页/上一页按钮或跳转到某一页时,需要将参数“Page X”传输到服务器进行记录提取。复制代码如下:函数gotopage (page) {$ ('body ')。load ('getcomments.do?page=' page);}或者,如果两个参数都由用户指定,函数可以写成:复制代码的代码如下:函数gotopage (page,number perpage) {$ ('body ')。load ('getcomments.do?page=' page ' NPP=' numberPerPage);}3.servlet接收参数并组织内容(servlet文件)。servlet接收jsp页面发送的请求对象中的页面和npp参数,从而知道用户想要浏览X页面的记录有多少,一个页面上显示了多少条记录。复制代码如下: int page=integer . par sent(req . getparameter(' page '));4.servlet计算显示的页面列表一般一次显示10页左右,也就是说,如果现在在第52页,可选页面列表为50、51、52。直到60岁。计算方法是,假设现在在X页,起始值是x/10*10,前提是x10。写的代码是:复制代码如下: int start=1;if(page=10){ start=page/10 * 10;}有两种特殊情况:总页数小于10页;页数不是10的整数倍。这会导致页面列表少于10页的情况,这也很容易处理。只要加上if条件来判断。的大致代码如下:复制代码为: int total=sm . getcomment count();int TotalPage=total/ItemPerpPage;if(total % ITeM perpage!=0){ TotalPage=1;} vector nteger page arr=new vector nteger();int start=1;if(page=10){ start=page/10 * 10;} int num=startwhile(!(num TotalPage | | num start 10)){ PageArr . add(新整数(num));数量;}5.在jsp页面上显示页面列表。4之后,我们得到一个计算页面列表pageArr,它显示了我们应该为当前页面显示哪些页面,以便用户可以直接点击。在servlet中,将pageArr列表放入响应对象中,同时放入page(当前页面)和totalPage(最大页面),帮助我们做出一些判断。

复制代码代码如下:-上一页按钮-div id=' page control ' c :测试时选择c :=' $ { page!=1}'a href='checkComments.do?' page=${page-1} '输入类型='按钮'名称='最后一页'值='上一页//a/c :当c :其他方式输入时类型=' button ' disabled=' true ' name=' lastPage ' value='上一页' /!-为了要那个灰掉的button-/c :否则/c :选择!-页数列表-c : foreach items=' $ { page list } ' var=' item ' c : test=' $ { item==page } ' a href=' check comments '时选择c :做什么?page=$ { item } ' class=' CurrentPage ' $ { item }/a/c :当c :其他方式a href=' CheckComments。做什么?page=$ { item } ' $ { item }/a/c : other/c :选择/c : foreach!-下一页按钮-c :选择c :当测试='${page!=TotalPages } ' a href=' check comments。做什么?' page=${page 1} '输入类型='按钮'名称='下一页'值='下一页//a/c :当c :其他方式输入时类型=' button ' disabled=true name=' next page ' value='下一页' /!-为了要那个灰掉的button-/c :否则/c :选择!-直接跳转-共${totalPages}页-向输入类型='text' id='jumpTo' /页输入类型='按钮'值='跳转onclick=“跳转到($ { TotalPages })”//div使用到的射流研究…函数复制代码代码如下:函数跳转到(MaxPage){ var page=$(' #跳转到').val();if(page maxPage || page 1){ alert('对不起,无法到达该页)}else{ $('body ').load('checkComments.do?page=' page);}}6、CSS增强效果为了凸显我们现在所在的页数,在上面的代码中我们特意做了判断:复制代码代码如下:c:when当test=' $ { item==page } ' a href=' check comments。做什么?page=$ { item } ' class=' CurrentPage ' $ { item }/a/c :当这样,当前的页数就会被标记为当前页面类,如此一来,就可以在半铸钢钢性铸铁(铸造半钢)文件中着重强调它了。比如:复制代码代码如下:current page { font-weight : bold;color: # ff9a00}或者再设置以下跳转页输入框的宽度复制代码代码如下: #跳转到{ width:20px}这样,当前页的页面就会被标记为粗体、橘色

7.虽然改进A标签链接的方法很方便,但是会有下划线,感觉很洋气。你可以用css消除它,或者在悬停时添加一些更改。复制代码如下: # page control a { text-decoration : none;}

版权声明:JSP分页显示的示例代码是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。