后台返回总条数,前台用elemplentui自己进行分页显示到页面
时间: 2023-06-19 19:06:22 浏览: 58
好的,你可以先在后台查询出所有符合条件的数据,并且返回总条数。然后在前台使用element-ui的el-pagination组件进行分页显示。
首先,在后台查询数据,可以使用类似于以下的代码:
```python
def get_data(page_num, page_size):
# 计算开始和结束的索引
start = (page_num - 1) * page_size
end = start + page_size
# 查询数据
data = YourModel.objects.all()[start:end]
# 计算总条数
total = YourModel.objects.count()
return data, total
```
其中,`page_num`表示当前页数,`page_size`表示每页显示的条数。`start`和`end`表示当前页的数据在数据库中的索引范围。`YourModel`是你的数据模型。
然后,在前台使用el-pagination组件进行分页显示,可以使用类似于以下的代码:
```html
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-size="pageSize"
:total="total">
</el-pagination>
```
其中,`handleSizeChange`和`handleCurrentChange`是分别处理改变每页显示条数和改变当前页数的方法。`currentPage`和`pageSize`分别表示当前页数和每页显示条数。`total`表示总条数,可以在后台查询出来并返回给前台。
希望这些代码可以帮到你。