注:本文章基于黑马程序员相关视频及资料进行编写,代码简单,较容易理解,若有问题或者源码资料获取可以在评论区留言或者联系作者!
文章目录
一、需求分析
系统中员工信息很多的时候,如果在一个页面全部展现出来会比较乱,不便于查看,所以一般的系统中都会以分页的方式来展示列表数据;
程序执行过程:
- 页面发送Ajax请求,将分页查询参数(page,pagesize,name)提交到服务器;
- 服务端COntroller接受页面提交的数据并调用Service查询数据;
- Service调用Mapper操作数据库,查询分页数据;
- Controller将查询到的分页数据响应给页面;
- 页面接受到分页数据并通过ElementUI的Table组件展示到页面上;
二、编码实现
这里主要使用Mybatis-plus的分页插件进行实现
具体使用可以参考mybatis-plus的官方参考文档:
https://baomidou.com