前后端分离实现分页功能(django+vue)

原创

已于 2024-05-01 10:06:40 修改 · 533 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#django #vue.js #sqlite

于 2024-05-01 09:58:48 首次发布

本文详细描述了如何在Django中处理HTTP请求，解析JWTtoken，以及使用分页功能返回数据给前端，同时展示了前端如何通过Element-UI实现页面跳转和数据获取。

django返回数据

    def get(self, request):
        res = {
            "msg": "未解析的token",
            "code": 425,
            "data": None,
            "totalItems": None
        }
        token = request.headers.get('Authorization')
        if not token:
            return JsonResponse(res)
        #解析token
        token = token.split(" ")[1]
        try:
            decoded_token = jwt.decode(token, settings.JWT_SECRET_KEY, algorithms=['HS256'])
            #解析值
            username = decoded_token['username']
            user_id = PlanterInfo.objects.filter(username=username).first().nid
            #数据列表
            PlantAgricutureList = AgricultureInfo.objects.filter(upload_name=user_id, is_chain=1).order_by('nid')
            # 创建分页器 (django自带)
            pagesize = request.GET.get('pageSize')
            paginator = Paginator(PlantAgricutureList, pagesize)

            # 获取URL参数中的页码
            page = request.GET.get('page')

最低0.47元/天解锁文章