自写的jQuery实现分页功能的分页组件：
功能效果如下：
分页组件就是上图中的三部分， 分别放在表格上部 和下部 。
其中，
1》》》页面的代码如下：
product.jsp
其中引用bootstrap.css 和bootstrap .js是必须的
View Code
2》》》分页组件的js文件
pageSet.js
3》》》本页面的js中 需要提供数据的封装功能 bindDate()方法,【并且注意，任何页面发生变化的地方都需要调用分页的page.pageSet();方法，例如数据的增加，数据的删除，还有page对象初始化，页面初始化的时候就是这几个地方需要调用】
3.1》》》product.js中的page对象初始化也就是在页面初始化的时候+删除操作的时候
3.2》》》productAdd.js中添加一条数据完成后
4》》》controller服务器中的处理方法
@Controller
@RequestMapping("geneInfo")
public class GeneInfoController {
5》》》Dao的实现层 的分页实现
其中主要的思想 就是 将分页组件 分离出来，仅作分页处理。而数据的封装则是在不同的页面进行不同的封装实现。然后封装数据的方法作为参数传递给分页对象。