分页的实现

在开始之前,请确保你的SpringMVC,Spring,mybatis集成运行没有问题!
相信很多小菜跟小编一样,认为分页是一大难关。小编以前认为分页是个很难的部分,今天也来分享下分页的经验。
分页的实现
分页分为前端分页和后端分页,还有前后端混合实现的。今天小编给大家带来的是前后端混合实现。这个分页是同步的分页,靠刷页面来更新,未使用ajax。
先来说说这次用到的框架吧:SpringMVC,Spring,Mybatis,分页插件有两个,一个是前端分页插件jquery.twbsPagination.js,另一个是Mybatis分页插件pagehelper话不多说,我们开始吧。

第一:我这次项目基于maven,如果是传统web项目,请自行下载jar包。三大框架集成在以后的博客中会有详细介绍。下面我们来看看jar包: 分页的实现
以及前端分页用的插件(jquery 与 bootstrap的由网上导入):
分页的实现

第二 我们开始导入 Mybatis的分页插件:
分页的实现

注意:按ctrl+鼠标左键看看能不能进入com.github.pagehelper.pageHelper这个插件不强制下,如果你sql语句较熟的话可以自己写

第三:我们可以开始进行后端分页了,后端分页很简单,只要在你调用需要分页的mapper之前加入一段代码即可,详细参照下图:
分页的实现
这样,我们就已经将后端分页完成

第四:前端分页,前面已经说过,前端分页是基于一个jquery的插件和bootstrap的分页样式,所以先把这三个玩意导入你的jsp页面中:
分页的实现

分页的实现

第五:编写分页导航,那个class="pagination-sm"是bootstrap的 内置样式哦,不用自己编写:
分页的实现

第六:编写js
分页的实现

无视那个报错,那是eclipse在抽风

第七:编写controller类:
分页的实现
这里要注意pageNo哦!!

第九: url:这里因为初始化的原因,在进入时必须初始化pageNo的值
分页的实现
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值