在开始之前,请确保你的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的值
分页的实现

相关文章:

  • 2022-12-23
  • 2021-10-06
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-11-23
  • 2022-12-23
  • 2021-12-12
  • 2021-11-29
  • 2021-07-31
相关资源
相似解决方案