JSON数据未发送 - Django Rest Framework / React答案

【问题标题】：JSON data not being sent - Django Rest Framework / ReactJSON数据未发送 - Django Rest Framework / React
【发布时间】：2020-03-19 03:37:26
【问题描述】：

所以，我是 Django 新手，经过数小时的搜索/尝试不同的事情后，我无法弄清楚这一点。

我有一个表单，可以将我的组件状态提交给 api，将值添加到数据库中，然后将它们显示在表格中。除“项目”字段外，所有内容都进入数据库。当我查看 React Dev 工具时，我期望的值是我的状态。

project: 3

但是在我提交表单后，返回值显示为空。

project: null

我真的不知道为什么这个值为空。

这是我的models.py

class Completed(models.Model):
    completed = models.BooleanField(default=False)
    url = models.CharField(max_length=100)
    handle = models.CharField(max_length=30)
    filename = models.CharField(max_length=100)
    size = models.IntegerField()
    source = models.CharField(max_length=50)
    uploadId = models.CharField(max_length=50)
    originalPath = models.CharField(max_length=50)
    owner = models.ForeignKey(
        User, related_name="completed", on_delete=models.CASCADE, null=True)
    project = models.ForeignKey(
        Project, related_name="projectId", on_delete=models.CASCADE, null=True)
    uploadDate = models.DateTimeField(auto_now_add=True)

这是项目模型

class Project(models.Model):
    projectCode = models.CharField(max_length=10)
    projectName = models.CharField(max_length=100)
    user = models.ForeignKey(
        User, related_name="projects", on_delete=models.CASCADE, null=True)
    editor = models.ForeignKey(
        User, on_delete=models.CASCADE, null=True)
    creationDate = models.DateTimeField(auto_now_add=True)
    completedDate = models.DateTimeField(null=True, blank=True)
    dueDate = models.DateTimeField(null=True, blank=True)

    def __str__(self):
        return f"{self.projectName}"

这是序列化程序

# Project Serializer


class ProjectSerializer(serializers.ModelSerializer):
    class Meta:
        model = Project
        fields = [
            'id',
            'projectCode',
            'projectName',
            'user'
        ]
        depth = 1

# Completed Serializer


class CompletedSerializer(serializers.ModelSerializer):
    # project = ProjectSerializer()

    class Meta:
        model = Completed
        fields = [
            'completed',
            'url',
            'handle',
            'filename',
            'size',
            'source',
            'uploadId',
            'originalPath',
            'owner',
            'project',
            'uploadDate'
        ]
        depth = 1

我尝试将 ProjectSerializer 添加到 CompletedSerializer 中，但它给了我 400 bad-request 错误。

这是视图集

class CompletedViewSet(viewsets.ModelViewSet):
    permission_classes = [
        permissions.IsAuthenticated
    ]

    serializer_class = CompletedSerializer

    def get_queryset(self):
        queryset = self.request.user.completed.all().filter(completed=True)
        return queryset

    def perform_create(self, serializer):
        serializer.save(owner=self.request.user)

谁能告诉我我在这里做错了什么？

【问题讨论】：

标签： python json reactjs django-rest-framework

【解决方案1】：

您在序列化程序上使用depth=1。这意味着您将为您的ForeignKey 嵌套序列化程序。默认情况下，嵌套序列化程序是只读的。如果你想要一个可写的嵌套序列化器，你必须在CompletedSerializer 上取消注释你的# project = ProjectSerializer() 并传递所有数据以创建项目实例。我不认为这是你想要的。如果我理解得很好，您只想引用现有项目。因此，在我看来，实现这一目标的最佳方法是删除 CompletedSerializer 上的 depth。如果您在列出或检索 Completed 实例时需要该项目，请根据请求操作使用不同的序列化程序。这里有更多关于可写嵌套序列化程序的详细信息https://www.django-rest-framework.org/community/3.0-announcement/#writable-nested-serialization。

对于使用不同的序列化程序，这是一个参考。在您的 ViewSet 中添加此代码：

    def get_serializer_class(self):
        if self.action == 'list' or self.action == 'retrieve':
            return CompletedNestedSerializer
        return CompletedSerializer

【讨论】：