jsp ajax 分页插件,jQuery分页插件(原创)

9c4fb46c711ead3446b4a1c552c98c54.png

3efc3516b7ecb765a1f067c294640f12.png

插件描述:基于jQuery简单的分页器

更新时间:2019/1/17 上午8:16:40

更新说明:修改了一个bug,在调用的时候初始化,防止重复生成分页器。

备注:目前无法自定义显示的页码数,只能固定显示10个。日后会考虑增加自定义显示页码数。

使用方法

HTML结构:

父div里面包着一个子div,子div类名不可变,父div不一定需要用id,类名也可以

js调用:Pagination({

ele: '#ele', // 父div的id或者类名,支持css选择器(实际上只是把ele传进jq的选择器中)

totalCount: 200, // 总数据条数

totalPage: 20, // 总页数

currentPage: 20, // 初始化选中的页数

needTotalCount: true, // 是否显示总页数的提示

callback: function(page) {

console.log('当前是第' + page + '页') // 每次跳转页码时执行的回调函数,会传入当前页码

}

});

用IE11 的模拟器测试过,支持到IE5,但是有些样式就无法显示:如边框圆角,功能无影响

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,我会尽力回答您的问题。 MVC设计模式是一种经典的软件架构模式,它将整个应用程序分成三个部分:模型(Model)、视图(View)和控制器(Controller)。模型负责封装应用程序的数据和业务逻辑,视图负责用户界面的展示,控制器负责协调模型和视图之间的交互。 在这个问题中,我们可以利用MVC设计模式来实现动态条件的分页显示查询。具体实现方式如下: 1. 模型层 模型层负责封装应用程序的数据和业务逻辑。在这个问题中,我们可以定义一个 JavaBean 类来表示查询结果。该类中包含了需要展示的数据项,如ID、姓名、年龄等等。另外,我们还需要定义一个 DAO类来与数据库进行交互,从而获取查询结果。 2. 视图层 视图层负责用户界面的展示。在这个问题中,我们可以使用 JSP 技术来实现视图层。我们可以将查询条件放在一个表单中,用户可以根据需要设置查询条件。同时,我们还可以在表单下方显示查询结果。需要注意的是,我们需要使用 AJAX 技术来实现动态分页查询。 3. 控制器层 控制器层负责协调模型和视图之间的交互。在这个问题中,我们可以使用 Servlet 技术来实现控制器层。当用户提交查询表单时,Servlet 可以调用 DAO类来获取查询结果,并将查询结果传递给 JSP 页面进行展示。同时,当用户点击分页按钮时,Servlet 可以根据用户的请求参数来获取相应的查询结果,并将查询结果传递给 JSP 页面进行展示。 4. JSTL和JQuery等技术 JSTL和JQuery等技术可以帮助我们更方便地实现动态条件的分页显示查询。例如,我们可以使用 JSTL 标签库来简化 JSP 页面的代码,如<c:forEach>标签可以用来遍历查询结果集合。同时,我们还可以使用 JQuery 技术来实现 AJAX 分页查询,从而实现无刷新分页查询的效果。 综上所述,我们可以利用 MVC设计模式,并使用 JSP、Servlet、JSTL和JQuery 等技术来实现动态条件的分页显示查询。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值