项目效果图:项目结构图:为了方便大家实践,项目没有过多的代码,只有分页相关的代码,分页功能使用了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,!助您快速掌握本功能代码!