前端代码
1.完善页面
1.1定义分页相关的模型数据
1.2定义分页方法
钩子函数
分页查询代码
1.3完善分页查询的方法方法执行的时机
除了在created钩子函数中调用findPage方法查询分页数据之外,当前用户点击查询按钮或者点击分页条中页码时也需要调用findPage方法重新发送查询请求。
为了查询按钮绑定单击事件,调用findPage方法
为分页条组件绑定current-change事件,此事件是分页条组件自己定义的事件,当页码改变时触发,对应的处理函数为handleCurrentChange
1.4定义handleCurrentChange方法
后台代码
1.1在SetmealController中增加分页查询方法
1.2服务接口在SetmealService服务接口中扩展分页查询的方法
1.3服务实现类在SetmealServiceImpl服务实现类中实现分页查询方法,基于Mybatis分页助手插件实现分页
1.4Dao接口在SetmealDao接口中扩展分页查询方法
1.5Mapper映射文件
在SetmealDao.xml文件中增加SQL定义