项目效果图：项目结构图：为了方便大家实践，项目没有过多的代码，只有分页相关的代码，分页功能使用了PageHelper插件，所以实现分页功能超级简单Simple。相关操作步骤及思路：1.pom.xml文件导入PageHelper的jar包坐标2.spring配置文件注入分页插件信息3.dao层直接查询所有数据4.service层首先设置分页查询的条件，比如当前页是多少，每页显示多少条，然后查询全部，返回的是一个Page对象5.controller层获取传过来的参数page（当前页面，每页显示多少条），然后调用service层的方法，返回一个page对象，然后根据这个page对象封装一个PageInfo对象，最后将PageInfo转成json格式和返回页面。项目环境：前端：vue后端：ssm(spring+springmvc+mybatis)数据库：mysql运行这段代码遇到问题请加编辑器vi字母xxf960513，我拉你进对应的学习群！！助您快速掌握本功能代码！后端代码1.pom.xml文件导入PageHelper的jar包坐标com.github.pagehelperpagehelper5.1.22.spring配置文件注入分页插件信息mysqltrue3.dao层直接查询所有数据自了道。java@ComponentpublicinterfaceZiLiaoDao{@Select("SELECT*FROMziliao")publicabstractListfindAll();}4.服务层首先设置分页查询的条件，比如当前页数和多少每个页面显示item，然后再查询所有，返回一个Page对象/****@authorxuxiaofei*@date2021/8/1310:54AM*@paramcurrentPage当前页面*@parampageSize每页条目数*@returncom.github.pagehelper.Page*/publicPagefindAll(IntegercurrentPage,IntegerpageSize){//设置分页页面page=PageHelper.startPage(currentPage,pageSize);//查询所有Listall=ziLiaoDao.findAll();返回页面；}}5.controller层获取页面传过来的参数（当前页面，每页显示多少条数据），然后调用service层的方法返回一个page对象，然后封装一个PageInfo根据page对象对象，最后将PageInfo转成json格式返回给页面ZiLiaoController.java@RestControllerpublicclassZiLiaoController{@AutowiredprivateZiLiaoServiceziLiaoService;@RequestMapping("findAll")publicStringgetAll(IntegercurrentPage,IntegerpageSize)throwsIOException{//分页查询Pagepage=ziLiaoService.findAll(currentPage;/pageSize)/EncapsulatePageInfoPageInfoinfo=newPageInfo(page);//将info转成json响应给客户端Stringjson=newObjectMapper().writeValueAsString(info);returnjson;}}前端代码index.htmlmethods:{//分页查询函数selectByPage(){axios.post("findAll","currentPage="+this.pagination.currentPage+"&pageSize="+this.pagination.pageSize).then(resp=>{//将查询出来的数据赋值tableDatathis.tableData=resp.data.list;//设置分页参数//当前页this.pagination.currentPage=resp.data.pageNum;//总页数条目this.pagination。总计=resp.data.total;})},//每页条目数改变时执行的函数handleSizeChange(pageSize){//修改分页查询的参数this.pagination.pageSize=pageSize;//重新执行查询selectByPage();},//改变页码时执行的函数handleCurrentChange(pageNum){//修改分页查询的参数this.pagination.currentPage=pageNum;//重新执行查询this.selectByPage();}},mounted(){//调用分页查询函数this.selectByPage();}完整源码下载地址：https://gitee.com/xuxiaofei19...如果您在运行这段代码时遇到问题，请加我Vi信xxf960513，！助您快速掌握本功能代码！
