7、实现通用分页功能三（实现通用分页JSP代码）巴巴运动网笔记

基本思路：
对于，页码列表的实现常用思路是用标签，如：
第一页
第二页

第三页

第四页

在上面代码中，可变部分主要是href的属性值，即请求路径，为了实现通用性，可以定义两个变量，分别是：
url和num，页码列表就可以抽象成：

第${num}页

但是，在这里不用上面的方法，而是用表单的方法。
分页的通用JSP代码：pageView.jsp

页次：${pageNow}/${pageCount }页每页显示：${pageSize }条总记录数：${recordCount }条文章图片 ${num} ${num} 文章图片转到：

css代码：

#PageSelectorBar { height: 20px; width: 100%; padding-left: 26px; padding-right: 15px; font-size: 12px; color: #001791; } #PageSelectorMemo { float: left; padding-top: 5px; line-height: 18px; } #PageSelectorSelectorArea { padding-top: 5px; float: right; } #PageSelectorNum, .PageSelectorNum { background: url(/shop/images/pageSelector/pageSelector_bg.gif) no-repeat; background-position: 0px 3px; padding-left: 2px; padding-right: 2px; padding-top: 6px; width: 20px; height: 20px; font-family: 宋体; text-align: center; } .PageSelectorSelected { color: #FF0000; }#PageSelectorHead { padding-left: 2px; padding-right: 2px; width: 20px; height: 20px; font-family: webdings; background: url(/shop/images/pageSelector/pageSelector_bg.gif) no-repeat; background-position: 0px 1px; }

使用方法：
在需要分页的jsp页面相应地方中，加入一个form表单

...

说明：分页请求的路径，可以设置在form表单的action属性上，如 action="type_list.action"
而参数pageNow,则是在pageView.jsp的js函数里提交

function gotoPage(num){ var hidden = document.createElement("input"); hidden.setAttribute("type","hidden"); hidden.setAttribute("name","pageNow"); //设置pageNow hidden.setAttribute("value",num); document.forms[0].appendChild(hidden); document.forms[0].submit(); }

【7、实现通用分页功能三（实现通用分页JSP代码）】