分页思路整理(前后端)

本文介绍了前后端分页的实现思路。前端使用ElementUI组件库进行分页展示,通过`:total`设置总数据条数,`:page-size`设置每页显示数量,`:current-page`控制当前页,并在`@current-change`事件中触发数据获取。后端利用Django的Paginator进行分页处理,根据前端传来的`page_size`和`pagesize`参数返回对应页的数据,包括总数量(total)、分页后的数据列表(results)。
摘要由CSDN通过智能技术生成

分页思路:

                                                                                   前段 :
<el-pagination
      background
      layout="prev, pager, next"

     //这是分页的总数据条数
      :total="total"

     //这是每页显示几条数据
      :page-size="pagesize"

      // 这个变量控制的是当前页面
      :current-page="page"

      style="text-align: center; margin-top: 10px"

//  fnGetData 是点击分页时触发的时间   (为了保页面刷新就有数据;建议在methods里面 触发事件向后端发起请求 然后在 挂在里面  掉用)

      @current-change="fnGetData"
    >
    </el-pagination>


                                                                      后端:


进行分页后:
要返回  前段一个分页的总数量:   total = len(brands)

class Viewbrands(APIView):
    def get(self,request):
        page_size = reques

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值