JSP分页显示效果的简单实现

这个例子分享了JSP分页显示效果的具体代码，供大家参考。具体内容如下

1.mysql限制关键字(DAO)

从表名限制起点、数字起点中选择*；Tablename是要分页的表的名称；

StartPoint是起始位置-1；

NumberPerPage是显示的页数。

示例：从注释限制20，5中选择*；

是从评论表中抽取21 ~ 25号评论：

2.jQuery加载函数(页面JS)

MySQL limit关键字可以提取一定范围(n，n ^ m)内的记录，也就是说需要两个参数来决定一个页面显示的内容，即“页面x”和每页显示的数量。

每页显示的数字可以在程序中设置，也可以由用户设置。但是，参数“第十页”必须由用户给出。当用户点击页码、下一页/上一页按钮或跳转到一页时，需要将参数“Page X”传输到服务器进行记录提取。

函数goToPage(page){$('body ')。load('getComments.do？page=' page)；}或者，如果两个参数都由用户指定，函数可以写成：

函数goToPage(page，numberPerPage){$('body ')。load('getComments.do？page=' page ' NPP=' numberPerPage)；}3.servlet接收参数并组织内容(servlet文件)

Servlet接收jsp页面发送的请求对象中的页面和npp参数，从而知道用户想要浏览X页面，以及一个页面上显示了多少条记录。

int page=Integer . Parseint(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 . getcommentcount()；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 } ' rel='外部无跟随'输入类型='按钮'名称='最后一页'值='上一页//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 } ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' class=' CurrentPage ' $ { item }/a/c :当c : other wisea href=' CheckComments。做什么？page=$ { item } ' rel=' external nofollow ' rel=' external nofollow ' rel=' external nofollow ' $ { item }/a/c : other/c :选择/c : foreach！-下一页按钮-c :选择c :当测试='${page！=TotalPages } ' a href=' check comments。做什么？page=$ { page 1 } ' rel='外部无跟随'输入类型='按钮'名称='下一页'值='下一页//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 :当test=' $ { item==page } ' a href=' CheckComments。做什么？page=$ { item } ' class=' CurrentPage ' $ { item }/a/c :当这样，当前的页数就会被标记为当前页面类，如此一来，就可以在半铸钢钢性铸铁(铸造半钢)文件中着重强调它了。比如：当前页面{ font-weight : bold；color: # ff9a00}或者再设置以下跳转页输入框的宽度

#跳转到{ width:20px}这样，当前页的页面就会被标记为粗体、橘色：

7、改进

用a标签的方法做链接虽然比较方便，不过会有下划线出现，感觉很不洋气。可以用钢性铸铁把它消除掉，或者盘旋时候加一些变化什么的。

# page control a { text-decoration : none；}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。