jQuery分页示例
jQuery 的分页插件配 PageHelper,算是 Java SSM 项目里蛮常见的一套组合。jquerypage.rar
里头是个比较完整的前端分页示例,样式简洁,功能也挺灵活。每页条数、页码跳转、样式定制啥的都有,响应也快。结合 PageHelper,后台分页起来也方便,startPage
一写,数据库查出来的就是分页结果了,基本不用操太多心。
前端这边,jQuery 分页插件还挺友好的,想自定义点按钮样式、搞点动画过渡,都不麻烦。比如你要设置每页显示 10 条,可以直接在初始化的时候传pageSize: 10
,想跳页就调用goToPage(3)
这类 API,操作清晰。
后端的话,PageHelper 就像个智能拦截器,放在 MyBatis 里,它会自动改 SQL,加LIMIT
和OFFSET
那套。你只要写好查询方法,在 Service 层加一句PageHelper.startPage(pageNum, pageSize)
,查出来的结果就是分页之后的。控制层再把数据组装下,传到前端就行。
我建议分页逻辑最好分出去写个小工具类,不要和业务混在一起,后面想改样式或替换分页方式也好。样式方面也尽量用模块化的 CSS,别全局污染。jquerypage
目录里自带例子,直接跑跑看效果,还能改着玩。
如果你项目用的是 SSM 框架,数据多得浏览器一加载就卡,那这套分页方案真的是个还不错的选择。配合 Ajax 分页还能让用户体验更顺畅点,页面无刷新,看起来也更专业。
37.71KB
文件大小:
评论区