mybatisPlus分页查询前端代码
时间: 2023-10-25 11:06:36 浏览: 29
以下是使用MybatisPlus进行分页查询的前端代码示例:
```javascript
//定义分页参数
let pageNum = 1;
let pageSize = 10;
//发送请求并获取数据
axios.get('/api/user/list', {
params: {
pageNum: pageNum,
pageSize: pageSize
}
}).then(res => {
//在前端进行分页显示
let data = res.data.data;
let total = res.data.total;
let totalPages = Math.ceil(total / pageSize);
//显示数据
//...
//显示分页
let pageHtml = '';
for (let i = 1; i <= totalPages; i++) {
if (i === pageNum) {
pageHtml += `<span>${i}</span>`;
} else {
pageHtml += `<a href="#" onclick="changePage(${i})">${i}</a>`;
}
}
//...
});
//切换页码
function changePage(pageNum) {
//重新发送请求获取数据
//...
}
```
在前端代码中,我们定义了分页参数pageNum和pageSize,通过axios发送请求给后端获取数据。获取到数据后,我们根据pageSize和total计算出总页数totalPages,然后在前端进行分页显示。当用户点击页码时,我们通过changePage函数重新发送请求获取对应页码的数据。