报错: 当浏览器点击修改添加按钮没有反应也不报错解决思路

:D...

于 2022-05-09 16:49:26 发布

阅读量776

点赞数

分类专栏：报错文章标签：前端

本文链接：https://blog.youkuaiyun.com/weixin_69282446/article/details/124669603

版权

报错专栏收录该内容

8 篇文章

订阅专栏

本文档介绍了在后端代码中，由于外键字段数据不完整导致前端操作（如修改和添加）无响应的故障排查与解决方案。首先，查找并检查涉及模型类的外键字段，确认前端是否需要这些数据。接着，如果前端使用了外键数据，需确定获取方法是否使用了分页器。当分页器导致数据不完整时，建议创建独立的视图来获取完整的外键字段信息，并调整前端路由。示例代码展示了如何创建不继承分页器的外键视图。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如图同时点击两个按钮都没有反应
在这里插入图片描述

思路

修改和添加都涉及到模型类的数据
1 找到增加或修改的后端代码及模型类查看是否存在外键字段
2 存在外键字段判断前端是否用到该字段的数据
3 如果使用了外键字段的数据判断获取外键字段数据的方法是否定义了分页器
4 如果定义了分页器, 在修改与增加按钮中,获取到该外键字段的数据就不完整

解决办法

定义一个单独获取外键字段信息的视图
可以使用子视图ListAPIView
修改前端获取外键字段的路由

示例

# SKU视图集
class SKUViewSet(ModelViewSet):
    queryset = Good.objects.all()
    serializer_class = Good_Serializer
    lookup_field = 'pk'
    lookup_url_kwarg = 'pk'
    pagination_class = Page


# 获取所有的SKU   不继承分页器
class SKUList(ListAPIView):
    queryset = Good.objects.all()
    serializer_class = Good_Serializer