Django REST Framework：在列表响应中呈现表单元素

Question

如何使用Django REST Framework来呈现具有用户可编辑的特定字段的模型实例列表？

我进入Django只有几个月，而且只有几天时间进入DRF。 我尝试了几种不同的方法，但似乎无法绕过它。

在使用DRF之前，我的工作流程就是设置一个视图（和相关的URL）：查询我的模型，从forms.py中选择我的自定义表单（只显示我需要的字段），将两者放在一个字典中，并将其发送到模板。

在模板中，我可以遍历我的模型实例并设置我的可编辑字段，根据需要将它们通过django crispy窗体进行管道输送。

然后，我可以通过AJAX get请求调用此模板。

models.py

class Buyer(models.Model):
  name = models.CharField(unique=True, max_length = 20)

class Item(models.Model):
  name = models.CharField(unique=True, max_length = 50)
  active = models.BooleanField(default=True)
  bought_by = models.ForeignKey(Buyer, null=True, blank=True, to_field="name",)

views.py

class ItemViewSet(viewsets.ModelViewSet):
  queryset = models.Item.objects.select_related("bought_by")
  serializer_class= serializers.ItemSerializer
  filterset_fields = ("bought_by")

serializers.py

class ItemSerializer(serializers.HyperlinkedModelSerializer):
  class Meta:
    model = models.Item
    fields = "__all__"
    extra_kwargs = {"url": {"view_name: "myapp:item-detail"}}

urls.py

router = routers.DefaultRouter()
router.register(r"items", views.ItemViewSet)

template.html

{% load static %}
{% load rest_framework %}

<table id="item_table" class="table">
  <thead>
    <tr>
      <th scope="col">Name</th>
      <th scope="col">Active</th>
      <th scope="col">Buyer</th>
    </tr>
  </thead>

  <tbody>
    {% for item in data %}
      <tr scope="row">
        <td>{{ item.name }}</td>
        <td>{{ item.active }}</td>
        <td>{{ item.bought_by }}</td>
      </tr>
    {% endfor %}
  </tbody>
</table>

一些Js文件

function getData(){
  updateRequest = $.ajax({
    type: "GET",
    url: "myapp/items/",
    success: function(data) {
      //....
    }
  });
}

第一种方法：为ItemViewSet自定义ListModelMixin以呈现模板并传递序列化程序。 有点像：

def list(self,request, *args, **kwargs):
  ...
  return Response ({'data': queryset, 'serializer': serializer}, template_name = "myapp/template.html")

然后在template.html中将{{item.active}}更改为：

<form action="{{ item.url }}" method="post">
  {% csrf_token %}
  {{ render_form serializer }}
</form>

错误：序列化程序不可迭代。 说得通。 将其更改为：

{{ render_field item.bought_by }}

错误：需要'风格'，补充说。 继续得到其他错误

第二种方法：尝试修改ListModelMixin以收集序列化模型实例的字典，例如：

items= dict()
        for item in queryset:
            items[item] = serializers.ItemSerializer(item, data=request.data)

从来没有把它想象成serializers.ItemSerializer（item，data = request.data）似乎不是一个字典项，因此不能使用data.items（）在模板中迭代它。

为长时间的写作道歉，但我有点在海上，不太确定如何继续。

什么是最优雅的DRF方式返回所有模型实例的列表，其中一些字段可编辑（类似于django admin中指定list_editable的方式）？

我总是可以使用较旧的方法，但感觉我在这里错过了一些明显的DRF。

参考文献：

https://www.django-rest-framework.org/topics/html-and-forms/

Django Rest Framework序列化器单独呈现表单

使用django rest框架的模型呈现APIView的ModelViewSet类内容

Answer 1

解决了

方法二最接近：有条件地选择渲染器并覆盖默认的.list（）。

views.py：

from rest_framework import renderers
from rest_framework.response import Response

class ItemViewSet(viewsets.ModelViewSet):
  queryset = models.Item.objects.select_related("bought_by")
  serializer_class= serializers.ItemSerializer
  filterset_fields = ("bought_by")
  renderer_classes = [renderers.JSONRenderer, renderers.BrowsableAPIRenderer, renderers.TemplateHTMLRenderer]

  def list(self, request, *args, **kwargs):
    queryset = self.filter_queryset(self.get_queryset())

    if request.accepted_renderer.format == "html":
      items = list()

      for item in queryset:
        items.append({"serializer": self.get_serializer(ticket), "item": item})

      return Response(
        {
          "items_info": items,
          "style": {"template_pack": "rest_framework/inline/"},
        },
        template_name="myapp/items_list.html",
      )
    else:
     page = self.paginate_queryset(queryset)
     if page is not None:
       serializer = self.get_serializer(page, many=True)
       return self.get_paginated_response(serializer.data)

      serializer = self.get_serializer(queryset, many=True)

    return Response(serializer.data)

这将检查请求的URL是否具有/？format = html 后缀 。 如果是这样，它将序列化查询集中的每个项目，并在发送到items_list.html的字典（上下文）中包含{serializer：item}字典列表。

为了render_field，DRF需要定义一个样式 。

如果格式后缀不是html或未指定，则它将优先考虑JSON渲染器或BrowsableAPI渲染器（ 默认渲染器 ）。 这样，我们的可浏览API和JSON api仍然可以轻松工作。

要使用可为每个实例编辑的buying_by字段进行渲染，请沿着以下行修改模板（在本例中为items_list.html）：

{% load static %}
{% load rest_framework %}

{% if items_info %}
  {% csrf_token %}

  <table id="Items_Table" class="table">
    <thead>
      <tr>
       <th scope="col">Name</th>
       <th scope="col">Active</th>
       <th scope="col">Bought By</th>
      </tr>
    </thead>

    <tbody>
      {% for pair in items_info %}

        <tr scope="row">
          <td>{{ pair.item.name }}</td>
          <td>{{  pair.item.active  }}</td>
          <td>
            <form action="{% url "myapp:item-detail" pair.item.pk %}" method="PATCH">
            {% render_field pair.serializer.bought_by style=style %}
            </form>
          </td>
        </tr>

      {% endfor %}
    </tbody>
  </table>

{% else %}
  <p class="text-center">No items to show.</p>
{% endif %}

现在，在您的GET请求中，只需将“/？format = html”附加到URL即可。

如果您正在使用AJAX，则在发送POST / PUT / PATCH /等时。 请求， 包括Django文档中描述的csrf令牌 。